@import url("external/font-awesome.min.css");

#content.ui-content {
    padding: 0;
}


/* HOME PAGE START */

.page-mobile-homepage #header .siteSearch {
    display: block;
}

.page-mobile-homepage #content {
    background: url(../images/external/homeback.jpg) no-repeat center top;
    background-size: cover;
    display: table;
    width: 100%;
    min-height: inherit;
    margin-top: 63px;
    background-position: 0 70px;
}

/* HOME PAGE END */

/* HOME PAGE CAROUSEL START*/
.page-mobile-homepage .home-carousel .flexslider.slider_component {
    position: absolute;
    top: 51px;
}
.home-carousel .flexslider{
    width:100%;
}
.home-carousel .flexslider ol.flex-control-nav li a.flex-active{
    background:#f3b018;
}
.home-carousel .flexslider ol.flex-control-nav li a{
    background:  #cbcbd0;
}

.home-carousel .flexslider .flex-control-nav {
    bottom: 0px;
    background-color: #ededed;
    height: 50px;
    position: relative;
}

.home-carousel .flexslider ol.flex-control-nav li {
    margin: 17px 2px;
}

/* HOME PAGE CAROUSEL END*/


/* HOME PAGE CONTENT START */

#content .home_ctas {
    display: table-cell;
    vertical-align: middle;
    padding: 135px 0 121px;
}

#content .home_ctas .tpContentArea .spotlight,
#content .tp_basket .spotlight {
    text-align: center;
}

#content .home_ctas .tpContentArea .ui-link,
#content .tp_basket .tpButtonArea .ui-link,
#requestQuoteForm .form_buttons_wrapper #backBtn,
#requestQuoteForm .form_buttons_wrapper #requestQuoteBtn {
    background-color: #ec9b0c;
    color: #232323;
    border-radius: 0px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    width: 90%;
    cursor: pointer;
    line-height: 2.7em;
    margin-bottom: 6%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    height:50px;
    line-height: 50px!important;
}

#content .tp_basket .tpButtonArea #uid-TPMobileAddToBasketButton .ui-link, #requestQuoteForm .form_buttons_wrapper #backBtn {
    background-color: #296c96!important;
    color: #fff!important;
}

#content .home_ctas .tpContentArea .ui-link:hover {
    background-color: #E4a30b;
}

#content .home_ctas .tpContentArea:last-child .ui-link {
    margin-bottom: 0;
}

#content .home_ctas .tpContentArea .button_block .ui-link {
    background-color: #ec9b0c;
    color: #232323;
    border: 1px solid #d88b0f;
}

#content .home_ctas .tpContentArea .button_block .ui-link img {
    display: none;
}

#content .home_ctas .tpContentArea .ui-link h3,
#content .tp_basket .tpButtonArea .ui-link h3 {
    position: relative;
}

/*#content .home_ctas .tpContentArea .ui-link h3:after {
    font-family: Arial;
    content: "\25ba";
    font-size: 1.1em;
    vertical-align: middle;
    position: absolute;
    right: 11%;
}*/


/* HOME PAGE CONTENT END */

.tp_prod_category .tp_stepsWrapper {
    width: 90%;
    position: relative;
    background: #ededed;
    padding: 24px 5%;
    height: 85px;
}

.tp_prod_category .tp_stepsWrapper .tp_stepsIcon {
    position: absolute;
    left: 5%;
    width: 100px;
    height: 100px;
}

.tp_prod_category .tp_stepsWrapper .tp_stepsIcon img {
    display: block;
    width: 85px;
}

.tp_prod_category .tp_stepsWrapper .tp_stepsInfo {
    position: relative;
    padding: 20px 25px 20px 95px;
    height: 45px;
}

.tp_prod_category .tp_stepsWrapper .tp_stepsInfo:after {
    content: '';
    position: absolute;
    top: 27px;
    right: 0;
    width: 20px;
    height: 33px;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -133px;
}

.tp_prod_category .tp_stepsWrapper .tp_stepsInfo h3 {
    font-size: 18px;
    color: #0a4e37;
    line-height: 20px;
    padding: 0 0 5px 0;
}

.tp_prod_category .tp_stepsWrapper .tp_stepsInfo p {
    line-height: 20px;
}

.tp_prod_category .flexslider {
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    background: #ededed;
}

.tp_prod_category .flexslider .tp_stepsWrapper {
    padding: 0;
    height: 133px;
}

.tp_prod_category .flexslider .tp_stepsWrapper li {
    padding: 15px 0;
    margin: 0;
    position: relative;
}

.tp_prod_category .flexslider .tp_stepsWrapper .tp_stepsIcon {
    position: relative;
    left: 0px;
    float: left;
    margin-left: 15px;
}

.tp_prod_category .flexslider .tp_stepsWrapper .tp_stepsInfo {
    padding-left: 15px;
    box-sizing: border-box;
}

.tp_prod_category .flexslider .tp_stepsWrapper .tp_stepsInfo:after {
    display: none;
}

.tp_prod_category .flexslider .flex-control-nav {
    bottom: 5px;
}

.tp_prod_category .flexslider ol.flex-control-nav li {
    margin: 0 2px;
}

.tp_prod_category .flexslider ol.flex-control-nav li a {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #cbcbd0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 0 0 3px;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: none;
}

.tp_prod_category .flexslider ol.flex-control-nav li a.flex-active {
    border-color: #f3b018
}

.tp_prod_category .flexslider .flex-direction-nav a.flex-next:before {
    content: '';
    width: 20px;
    height: 33px;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -133px;
}

.tp_prod_category .flexslider .flex-direction-nav a.flex-prev,
.tp_prod_listing .flexslider .flex-direction-nav a.flex-prev {
    display: none;
}

.tp_branch_locator {}

.tp_branch_locator.ui-content {
    padding: 0;
}

.tp_branch_locator.branch_details .tp_breadcrumbs {
    border-bottom: none;
}


/*  RESET jQuery Mobile Input Wrappers\
	===================================
 */

.ui-page-theme-a .tp_branch_locator .ui-body-inherit,
.ui-page-theme-a .tp_branch_locator .ui-btn {
    background: none;
    border: none;
    line-height: 45px;
    color: #232323;
    text-shadow: none;
}

.ui-page-theme-a .tp_branch_locator .ui-input-text,
.ui-page-theme-a .tp_branch_locator .ui-btn {
    margin: 0;
    border: none;
}

.ui-page-theme-a .tp_branch_locator .ui-shadow-inset,
.ui-page-theme-a .tp_branch_locator .ui-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-page-theme-a .tp_branch_locator .ui-shadow-inset {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-page-theme-a .tp_branch_locator .ui-corner-all {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.ui-page-theme-a .tp_branch_locator .ui-page-theme-a .ui-focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-page-theme-a .tp_branch_locator .ui-input-btn input {
    opacity: 1;
}


/*  /RESET jQuery Mobile Input Wrappers
	===================================
 */


/*  BRANCH LOCATOR - find near me form
	===================================
 */

#refine_request_form .tp_branch_findNear {
    width: 100%;
    background: inherit;
    padding: 15px 0;
}

.tp_branch_locator .tp_branch_findNear {
    position: relative;
    width: 90%;
    background: #ededed;
    padding: 15px 5%;
    margin-top: 63px;
}

.tp_branch_locator .tp_branch_findNear .tp_findNear_form {
    position: relative;
}

.tp_branch_locator .input-width {}

.tp_branch_locator .tp_findNear_form {
    min-height: 45px;
    margin: 0 0px;
    position: relative;
    line-height: 45px;
}

.tp_branch_locator .tp_findNear_form .ui-input-text {
    position: relative;
    width: 100%;
}

.tp_branch_locator .tp_findNear_form .ui-input-text:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 15px;
    width: 28px;
    height: 28px;
    background: url(../images/icn_branch_1.png) no-repeat 0px 0px;
    background-size: 25px;
}

.tp_branch_locator .tp_findNear_form input {
    width: 100%;
    padding: 0 80px 0 45px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #232323;
    border: 1px solid #e99b0b;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
}

.tp_branch_locator .tp_findNear_form .ui-btn.ui-input-btn,
#header .siteSearch .ui-btn.ui-input-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    box-sizing: border-box;
    width: 75px;
    padding: 0;
    margin: 0px -1px 0 0;
    background: #ec9b0c;
    border: 1px solid #d88b0f;
    text-indent: -15px;
}

#header .siteSearch .ui-btn.ui-input-btn {
    text-indent: initial;
}

.tp_branch_locator .tp_findNear_form .ui-btn.ui-input-btn,
#header .siteSearch .ui-btn.ui-input-btn {
    height: 40px;
    line-height: 40px;
    border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
}

.tp_branch_locator .tp_findNear_form .ui-btn.ui-input-btn {
    margin-top: -1px;
}

#header .siteSearch .ui-btn.ui-input-btn {
    height: 36px;
    line-height: 36px;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    text-shadow: none;
}

.tp_branch_locator .tp_findNear_form .ui-btn.ui-input-btn:after,
.tp_branch_locator .tp_findNear_form input.tp_findGo:after {
    content: '';
    display: block;
    position: absolute;
    right: 16px;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid rgb(51, 51, 51);
}

.tp_branch_locator .tp_findNear_form .ui-btn.ui-input-btn:after,
.tp_branch_locator .tp_findNear_form input.tp_findGo:after {
    top: 12px;
}

.tp_branch_locator .tp_findNear_form .ui-btn.ui-input-btn.ui-focus:after {
    top: 51px;
}

.tp_branch_locator .tp_findNear_form label.search,
#header #tabs .siteSearch label.search {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    box-sizing: border-box;
    width: 75px;
    background: #f3b018;
    border: 1px solid #e99b0b;
}

.tp_branch_locator .tp_findNear_form label.search {
    height: 40px;
    border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
}

#header .siteSearch label.search {
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    margin: 0;
}

#searchForm .search.ui-btn-active ~ input.button {
    background: url(../images/external/search_icon_dark.png) 0px 0px no-repeat;
    background-size: 25px;
    text-indent: -90000px;
}

.tp_branch_locator .tp_findNear_form input.tp_findGo {
    display: block;
    position: relative;
    top: 0;
    width: 75px;
    padding: 0;
    color: #000;
    background: none;
    border: none;
    font-weight: bold;
    text-indent: -17px;
}

.tp_branch_findNear .tp_branch_mylocation {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 30px;
    text-decoration: none;
;
    color: #232323;
    font-weight: bold;
    background: #96cff5;
    border: 1px solid #7cb7d8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
}

.tp_branch_findNear .tp_branch_mylocation img {
    margin-bottom: 11px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    background: url(../images/icn_branch_1.png) no-repeat 0px -93px;
    background-size: 25px;
}


/*  BRANCH LOCATOR - main view wrapper
	===================================
 */

.tp_branch_locator .tp_branchView_wrapp {
    width: 90%;
    padding: 0 5%;
    border-bottom: 1px solid #ededed;
}

#stockCheckPopupDialog.tp_branch_locator .tp_branchView_wrapp {
    width: 100%;
    padding: 0;
    border-bottom: none;
}


/*  BRANCH LOCATOR - view-map buttons
	===================================
 */

.tp_branchView_wrapp .tp_branchView_actions {
    padding: 15px 0;
    height: 35px;
}

.tp_branchView_wrapp .tp_branchView_actions > a {
    display: block;
    float: left;
    width: 50%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #232323;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    color: #232323;
}

.tp_branchView_wrapp .tp_branchView_actions > a.active {
    background: #232323;
    color: #fff;
}

.tp_branchView_wrapp .tp_branchView_actions > a.tp_viewList {
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.tp_branchView_wrapp .tp_branchView_actions > a.tp_viewMap {
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}


/*  BRANCH LOCATOR - bracnh details
	===================================
 */

.tp_branch_locator.branch_details .tp_branchView_actions {
    padding-top: 0;
}

.tp_branch_locator.branch_details .tp_branchView_wrapp .tp_branchView li {
    display: block;
    position: relative;
    width: 100%;
    border-top: 2px solid #ededed;
    padding: 15px 0 55px 0;
}

.tp_branch_locator.branch_details .tp_branchView_wrapp .tp_branchView li:after {
    display: none;
}

.tp_branch_locator.branch_details .tp_brancAhction {
    width: 90%;
    padding: 15px 5%;
    border-bottom: 1px solid #ededed;
}

.tp_brancAhction .tp_buttons img {
    margin-bottom: 11px;
    margin-right: 7px;
    width: 23px;
    height: 23px;
    background: url(../images/tp_icn_branch.png) no-repeat;
    background-size: 23px;
}

.tp_brancAhction .tp_buttons.branchCall img {
    margin-top: 0;
    background-position: 0 2px
}

.tp_brancAhction .tp_buttons.branchEmail img {
    background-position: 0 -67px;
}

.tp_brancAhction .tp_buttons.branchDirection img {
    background-position: 0 -136px;
}

.tp_branchInfoWrapper {
    position: relative;
    width: 100%;
    padding-top: 5px;
}

.tp_branchInfoWrapper .tp_branchInfo_name,
.tp_branchInfoWrapper .tp_branchInfo_adress,
.tp_branchInfoWrapper .tp_branchInfo_hours {
    width: 90%;
    padding: 10px 5%;
    border-bottom: 1px solid #ededed;
}

.tp_branchInfoWrapper h3 {
    display: block;
    color: #000;
    font-size: 18px;
    padding: 0 0 0 30px;
    min-height: 30px;
    line-height: 25px;
    margin-bottom: 5px;
    background: url(../images/tp_icn_branch_det.png) no-repeat 0px 0px;
    background-size: 23px;
}

.tp_branchInfoWrapper .tp_branchInfo_name h3 {
    background-position: 0px 1px;
}

.tp_branchInfoWrapper .tp_branchInfo_adress h3 {
    background-position: 0px -49px;
}

.tp_branchInfoWrapper .tp_branchInfo_hours h3 {
    background-position: 0px -107px;
}

.tp_branchInfoWrapper .tp_branchInfo_services h3 {
    background-position: 0px -164px;
}

.tp_branchInfoWrapper .info_extend {
    padding: 0 0 0 30px;
}

.tp_branchInfoWrapper ul.info_extend {
    position: relative;
    font-size: 15px;
}

.tp_branchInfoWrapper ul.info_extend:after {
    content: '';
    display: table;
    clear: both;
}

.tp_branchInfoWrapper ul.info_extend li {
    float: left;
    padding-right: 20px;
}

.tp_branchInfoWrapper .tp_branchSevices {
    position: relative;
    overflow: hidden;
}

.tp_branchInfoWrapper .tp_branchSevices a span:after {
    content: '';
    display: table;
    clear: both;
}


/* HOME PAGE FOOTER START */

.page-mobile-homepage .travis-perkins-footer {
    margin-top: -114px;
}


/* HOME PAGE FOOTER END */

#orderDeliveryAddressForm .address-form {
    display: block;
}


/* Button Copy Template Start */

.button_copy_content {
    margin-bottom: 6%;
}

.button_copy_content .buttons_holder {
    display: inline-block;
}

.button_copy_content .button_copy_head .tpButtonCopyTitle h2 {
    font-size: 1em;
}

.button_copy_content .button_copy_head {
    text-align: left;
    margin: 6% 5%;
}

.button_copy_content .buttons_holder {
    min-width: 320px;
}

.button_copy_content .tpButtonCopyContentArea {
    width: 49%;
    min-width: 159px;
    float: left;
    border-bottom: 1px solid #ededed;
}

.button_copy_content .tpButtonCopyContentArea:nth-child(odd) {
    border-right: 1px solid #ededed;
}

.button_copy_content .tpButtonCopyContentArea:nth-child(even) {
    border-left: 1px solid #fff;
}

.button_copy_content .tpButtonCopyContentArea a {
    display: block;
    padding: 13% 10% 37%;
    color: #000;
    text-decoration: none;
    position: relative;
}

.button_copy_content .buttons_holder .tpButtonCopyContentArea:first-child a,
.button_copy_content .buttons_holder .tpButtonCopyContentArea:nth-child(2) a {
    padding-top: 0;
}

.button_copy_content .tpButtonCopyContentArea img {
    width: 100%;
    margin-bottom: 10%;
}

.button_copy_content .tpButtonCopyContentArea .inner {
    text-align: center;
    position: absolute;
    width: 80%;
}


/* Button Copy Template End */


/* Banner Copy, Copy Only, FAQ Templates Start */

.banner-copy-content-area,
.copy-only-content-area,
.faq-content-area {
    min-width: 290px;
    margin-bottom: 6%;
}

.banner-copy-content-area,
.copy-only-content-area .content,
.copy-only-content-area .component_title h2,
.faq-content-area h2,
.faq-content-area .imageTabContainer .ui-collapsible a,
.faq-content-area .imageTabContainer .ui-collapsible-content {
    padding: 0 4.7%;
}

.banner-copy-content-area .component_title h2,
.copy-only-content-area .component_title h2,
.faq-content-area h2 {
    font-size: 1.7em;
    line-height: 67px;
    vertical-align: middle;
}

.copy-only-content-area .component_title h2,
.faq-content-area h2,
.faq-content-area .mobile_tabs li {
    border-bottom: 1px solid #ededed;
}

.banner-copy-content-area .simple_disp-img img {
    width: 100%;
}

.banner-copy-content-area .content h3,
.copy-only-content-area .content h3 {
    font-size: 1.25em;
    line-height: 48px;
}

.banner-copy-content-area .content h4,
.copy-only-content-area .content h4 {
    font-size: 1.25em;
}

.banner-copy-content-area .content p,
.copy-only-content-area .content p,
.faq-content-area .imageTabContainer .ui-collapsible-content p {
    font-size: 1em;
    line-height: 22px;
    margin-bottom: 10px;
}

.banner-copy-content-area .content ul,
.copy-only-content-area .content ul {
    list-style: disc;
    margin: 15px 0 15px 18px;
    line-height: 23px;
    font-size: 1em;
}


/* Banner Copy, Copy Only Templates End */


/* FAQ Page Tempalte Start */

.faq-content-area .mobile_tabs li:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/menu_arrow_dark.png) no-repeat 90% 50% transparent;
    background-size: 16px;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -8px;
}

.faq-content-area .mobile_tabs li {
    height: 90px;
    position: relative;
    overflow: hidden;
}

.faq-content-area .mobile_tabs li:last-child {
    margin-bottom: 45px;
}

.faq-content-area .mobile_tabs li img {
    width: 60px;
    height: 60px;
    margin: 15px 20px 15px 0;
    float: left;
}

.faq-content-area .mobile_tabs li a {
    padding: 0 15% 0 4.7%;
    color: #232323;
    text-decoration: none;
    font-size: 1.5em;
    display: block;
}

.faq-content-area .mobile_tabs li a span {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    line-height: 26px;
}

.faq-content-area .imageTabContainer .ui-collapsible {
    margin: 0;
}

.faq-content-area .imageTabContainer .ui-collapsible h3 {
    display: table;
    width: 100%;
}

.faq-content-area .imageTabContainer .ui-collapsible .ui-btn {
    height: 75px;
    line-height: 22px;
    border-width: 0 0 1px 0;
    font-size: 1em;
    white-space: normal;
    vertical-align: middle;
    display: table-cell;
    padding-right: 25%;
    color: #0a4f38;
}

.faq-content-area .imageTabContainer .ui-collapsible .ui-icon-minus {
    border-width: 0;
    background-color: #ededed;
}

.faq-content-area .imageTabContainer .ui-collapsible-content {
    background-color: #ededed;
    border-bottom-width: 1px;
}

.faq-content-area .imageTabContainer .ui-collapsible .ui-icon-plus:after,
.faq-content-area .imageTabContainer .ui-collapsible .ui-icon-minus:after {
    background: url(../images/external/menu_plus_dgreen.png) no-repeat 100% center transparent;
    background-size: 14px;
    right: 6%;
    top: 31px;
    width: 14px;
    height: 14px;
    margin: 0;
}

.faq-content-area .imageTabContainer .ui-collapsible .ui-icon-minus:after {
    background: url(../images/external/menu_minus_dgreen.png) no-repeat 100% center transparent;
    background-size: 14px;
}

.faq-content-area .imageTabContainer .ui-collapsible-content p {
    margin-right: 7%;
}

.faq-content-area .imageTabContainer .ui-collapsible-content p:first-child {
    margin: 0;
}


/* FAQ Page Templates End */


/* Quote Basket Page Start */

.quote-basket,
.tp_basket .empty_basket,
.baskt_item {
    padding: 15px 0 0 0;
}

.quote-basket {
    background-color: #ededed;
}

.quote-basket img {
    width: 45px;
    float: left;
    margin-right: 10px;
}

.quote-basket p {
    color: #6d6d72;
    font-size: 0.96em;
}

.quote-basket .quote-basket-title {
    font-weight: bold;
    font-size: 1em;
    color: #333;
    margin-top: 6px;
}

.tp_basket .empty_basket h2 {
    font-weight: normal;
    line-height: 30px;
}

#content .tp_basket .tpButtonArea .ui-link {
    line-height: 43px;
}

#content .tp_basket .tpButtonArea:first-child .ui-link {
    margin: 6% 0 0;
}

.tp_basket .tpAddMoreProducts .ui-link h3:after {
    content: "+";
    font-size: 1.65em;
    vertical-align: middle;
    padding-left: 3%;
}

.tp_basket .tpSendQuote .ui-link h3:after {
    content: "\25ba";
    font-size: 1.1em;
    vertical-align: middle;
    padding-left: 2%;
}

#content .tp_basket .tpButtonArea .checkoutButton h3:after {
    font-size: 1em;
    right: 50%;
    margin-right: -75px;
}

.tp_basket .flexslider {
    margin-bottom: 6%;
}

.tp_basket .basket_items {
    margin-bottom: 20px;
    border-top: 1px solid #ededed;
}

.baskt_items_wrap {
    border-bottom: 1px solid #ededed;
}

.baskt_items_wrap .baskt_item .itm_img img {
    width: 60px;
    float: left;
    margin: 0 10px 10px 0;
}

.baskt_items_wrap .baskt_item .itm_info {
    min-height: 70px;
}

.baskt_items_wrap .baskt_item .itm_info h3 {
    font-size: 0.9em;
    margin: 0 0 5px 70px;
}

.baskt_items_wrap .baskt_item .itm_info a {
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

.baskt_items_wrap .baskt_item .itm_info .item_code {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin-left: 70px;
    color: #6d6d72;
}

.baskt_items_wrap .baskt_item .itm_info .item_code span {
    display: inline;
    padding-left: 5px;
}

.baskt_items_wrap .baskt_item .itm_optns .ui-input-text {
    margin: 0!important;
    border-radius: 0;
    box-shadow: none;
    width: 40px;
}

.baskt_items_wrap .baskt_item .itm_optns input {
    text-shadow: none;
    text-align: center;
    font-size: 0.9em;
    color: #6d6d72;
}

.baskt_items_wrap .baskt_item .itm_optns a {
    border: none;
    margin: 8px 0;
    padding: 0 0 0 30px;
    line-height: 35px;
}

.baskt_items_wrap .baskt_item .itm_optns .ui-alt-icon.ui-icon-delete:after {
    left: 0;
}

.baskt_items_wrap .baskt_item .itm_optns p {
    float: right;
    margin: 8px 10px 8px 0;
    line-height: 34px;
    font-size: 0.9em;
}


/* Quote Basket Page End */


/*TODO: remove after removing display:block for span*/

.inline {
    display: inline;
}

.map_labels {
    z-index: 100 !important;
}

.tp_map_labels {
    color: #FFF;
    background: url(../images/tp_marker_small.png) no-repeat center center;
    background-size: 20px 36px;
    width: 20px;
    height: 36px;
    border: 0;
}

.store_map {
    height: 400px;
}

#homeLocation {
    border: 1px solid gainsboro;
    margin: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../images/tp_icn_gotomylocation.png) no-repeat center center;
}

@media only screen and (max-device-width: 320px) and (max-device-height: 658px) and (orientation: portrait) {
    .travis-perkins-footer p,
    .travis-perkins-footer a {
        margin-left: 1.5em;
    }
    .travis-perkins-footer a {
        margin: 0 1.5em 0 0;
    }
}

@media only screen and (orientation: landscape) {
    #content .home_ctas {
        padding: 155px 0 140px;
    }
}


/*
========= Notify Multi matches
==============================
*/

.ui-popup-screen {
    background-image: none;
}

.ui-popup-screen.in {
    opacity: .8;
    filter: Alpha(Opacity=80);
}

.page-mobile-storefinder .ui-popup-screen {
    top: 70px;
}

.page-mobile-productDetails .ui-popup-screen {
    top: 70px;
}

.page-mobile-spotLightPage .ui-popup-screen.in,
.page-mobile-storefinder .ui-popup-screen.in,
.page-mobile-searchResults .ui-popup-screen.in,
.page-mobile-productList .ui-popup-screen.in {
    opacity: 0.8;
}

.page-CPSStoreFinderPage .ui-popup-screen.in {
    opacity: 0.8;
}

.ui-overlay-b {
    background-color: #ededed;
}

.tp_branchMathes.ui-overlay-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tp_branchMathes.ui-body-b {
    background-color: #fff;
    border-color: #fff;
    text-shadow: none;
    color: #2a2a2a;
    min-width: 290px;
}

.tp_branchMathes .ui-header.ui-bar-a {
    position: relative;
    background-color: #fff;
    border: none;
    margin: 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.tp_branchMathes .ui-header .ui-title {
    color: #000;
    margin: 0;
    text-align: left;
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 5px;
    padding-right: 26px;
}

.tp_branchMathes .ui-header .ui-title span {
    display: inline;
    font-weight: bold;
    text-decoration: underline;
    font-family: 'ubuntu_b';
    color: #1a3b69;
}

.tp_branchMathes .ui-header p {
    font-weight: normal;
    color: #d7d7d7;
    font-size: 15px;
    font-family: 'ubuntu_r';
}

.tp_branchMathes .ui-header .ui-link.ui-btn {
    width: 20px;
    height: 20px;
    left: auto;
    top: 15px;
    right: 0px;
    border: none;
    padding: 0;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -155px;
    background-size: 18px;
}

.tp_branchMathes .ui-content {
    padding-top: 0;
    padding-bottom: 0;
}

.tp_branchMathes .ui-content .tp_matchesList,
.tp_branchMathes .ui-content .tp_matchesList li {
    display: block;
    position: relative;
}

.tp_branchMathes .ui-content a {
    text-decoration: none;
    font-weight: normal;
}

.tp_branchMathes .ui-content .tp_matchesList a.tp_bmatchFind {
    position: relative;
    display: block;
    padding: 12px 25px 12px 0;
    color: #000;
    border-bottom: 1px solid #ededed;
}

.tp_branchMathes .ui-content .tp_matchesList a.tp_bmatchFind:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    top: 13px;
    right: 0;
    position: absolute;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -204px;
    background-size: 18px;
}

.tp_branchMathes .ui-content p.tp_branchSearchAgain {
    padding: 0;
    margin: 0;
}

.tp_branchMathes .ui-content p.tp_branchSearchAgain a {
    display: block;
    color: #0a4e37;
    width: 100%;
    padding: 12px 0;
    text-align: center;
}

.tp_branchMathes .ui-content p.tp_branchNoFound {
    border-bottom: 1px solid #ededed;
    padding: 15px 0;
    color: #000;
    margin: 0;
    font-family: 'ubuntu_r';
}

.ui-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tp_branchView_wrapp.collapse .tp_branchView_actions.sticky {
    position: fixed;
    top: 0px;
    width: 90%;
    left: 0px;
    padding: 10px 5%;
    right: 0px;
    z-index: 5;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid #bdbdbd;
}

.tp_branch_locator .tp_findNear_form .error_text {
    display: none;
    font-size: 13px;
    line-height: 16px;
    padding: 5px;
}

.tp_branch_locator .tp_findNear_form.form_field_error {
    min-height: 45px;
    box-sizing: border-box;
    padding: 2px 5px 5px 5px;
    margin: 5px 0;
    background-color: #fcebeb;
    border: 1px dotted #d9262a;
    color: #AC1607;
    width: 100%;
}

.tp_branch_locator .tp_findNear_form.form_field_error label.search {
    top: 2px;
    right: 5px;
}

.tp_branch_locator .tp_findNear_form.form_field_error .error_text {
    display: block;
}

.tp_branch_locator .tp_filtersWrapper {
    border: 1px solid #ededed;
    /*border-left: none;*/
    /*border-right: none;*/
    /*background: #f6f6f6;*/
}

.tp_branch_locator .tp_filtersWrapper a {
    display: block;
    position: relative;
    width: 80%;
    height: 45px;
    line-height: 45px;
    padding: 0 10%;
    text-decoration: none;
    font-weight: normal;
}

.tp_branch_locator .tp_filtersWrapper a:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    right: 10%;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px 0px;
}

.tp_branch_locator .tp_filtersWrapper a.tp_filterSearch {
    color: #0a4f38;
}

.tp_branch_locator .tp_filtersWrapper a.tp_filterClear {
    color: #86868a;
    border-left: 1px solid #dddddd;
}

.tp_branch_locator .tp_filtersWrapper a.tp_filterSearch:after {
    width: 16px;
    height: 25px;
    background-position: 0px -45px;
    background-size: 18px;
}

.tp_branch_locator .tp_filtersWrapper a.tp_filterClear:after {
    width: 22px;
    height: 23px;
    background-position: 0px -150px;
    background-size: 18px;
}

.pageLabel-storefinder #content {
    margin-top: 0;
}

.content-top-margin {
    border-top: 1px solid #d9d9d9;
    margin-top: 95px !important;
}

.tp_prod_listing .simple_disp-img {
    /*width: 96%;*/
    margin: 5px/*auto*/
;
    height: 133px;
    overflow: hidden;
}

.tp_prod_listing .simple_disp-img img {
    width: 100%;
}

.tp_prod_listing .plp_multiBanner {
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.tp_prod_listing .plp_multiBanner .tp_bannerWrapper {
    width: 100%;
    padding: 0;
    height: 133px;
    overflow: hidden;
}

.tp_prod_listing .plp_multiBanner .tp_bannerWrapper li {
    height: 133px;
    margin: 0;
    position: relative;
}

.tp_prod_listing .plp_multiBanner .tp_bannerWrapper li img {
    width: 100%;
}

.tp_prodSimiliar {
    position: relative;
}

#map_canvas .gm-style-iw {
    left: 0px;
}

.tp_prodSimiliar .tp_notifyPopUpBG_similiar {
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 40%;
    height: 20%;
    position: absolute;
    z-index: 99;
}

.tp_prodSimiliar .tp_notifyPopUpBG_similiar .tp_notifyPopUp_similiar {
    display: table;
    position: relative;
    background: #eaeaea;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: auto;
    margin: 0 auto;
}

.tp_prodSimiliar .tp_notifyPopUpBG_similiar .tp_notifyPopUp_similiar h3 {
    display: table-cell;
    padding: 10px 5px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}


/* QUOTE FORM START */

.quote_form_content {
    background: #fff;
}

.quote_form_content .ui-input-text,
.quote_form_content .ui-select,
.quote_form_content .ui-grid-a {
    /* make sure input fit all available width even on wide screens  */
    width: 100% !important;
}

.quote_form_content .ui-select .ui-btn {
    background: transparent;
}

.quote_form_content .ui-select .ui-btn:after {
    background-image: url('../images/dropdown_arrow_icon.png');
    background-color: transparent;
}

.quote_form_content .ui-select .ui-btn > span,
.quote_form_content .ui-select .ui-btn > span:active {
    color: #333;
}

.quote_form_content label {
    display: inline-block;
    width: auto;
    max-width: 85% !important;
    margin: 0 0 .4em;
    font-weight: normal;
    font-size: 16px;
}

.quote_form_content .hidden {
    display: none;
}

.quote_form_content .quote_form_heading,
.quote_form_content .quote_form_note {
    padding: 10px 0;
    text-align: left;
}

.quote_form_content .quote_form_heading h1,
.quote_form_content .quote_form_heading .content {
    font-size: 1.3em;
    font-weight: normal;
}

.quote_form_content .quote_form_heading h2 {
    font-size: 1.3em;
}

.quote_form_content .quote_form_note p {
    color: #706f76;
}

.quote_form_content .quote_form .form_field {
    padding: 10px 0;
}

.quote_form_content .quote_form .form_field.mandatory label:after {
    content: "*";
    /*color: #f44336;*/
}

.quote_form_content .quote_form .form_field textarea {
    min-height: 200px;
}

.quote_form_content .quote_form .form_fields_group {
    padding-bottom: 10px;
}

.quote_form_content .quote_form .form_fields_group .block_underlined_header {
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #002d5d;
    font-weight: normal;
}

.quote_form_content .quote_form .form_terms_message {
    text-align: left;
}

.quote_form_content .quote_form .form_terms_message p {
    line-height: 1.5em;
}

.quote_form_content .quote_form .form_terms_message p a {
    color: #094e37;
    text-decoration: none;
}

.quote_form_content .quote_form .form_fields_group .form_field_group_note {
    padding: 10px 0;
}

.quote_form_content .quote_form .more_details_link {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    border: 1px solid #1A3B69;
    background-color: #1A3B69;
    border-radius: 11px;
    margin-left: 15px;
    margin-top: -2px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    outline: none;
}

.quote_popup .popup_head {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 20px;
    border-bottom: 1px solid #ededed;
}

.quote_popup .popup_head.no_title {
    height: 0.5em;
    border-bottom: 0;
}

.quote_popup .popup_head * {
    line-height: 1.5em;
}

.quote_popup .popup_head h1 {
    font-size: 1.1em;
}

.quote_popup .popup_head .popup_close_lnk {
    text-decoration: none;
    color: #bbb;
    position: absolute;
    top: 0.5em;
    right: 0.2em;
    padding: 4px;
    font-size: 25px;
    line-height: 25px;
}

.quote_popup .popup_footer {
    margin-top: 1.2em;
    text-align: center;
}

.quote_popup .popup_footer .popup_close_lnk {
    text-decoration: none;
    color: #333;
}

.quote_popup .popup_body {
    /*word-break: break-all;*/
}

.quote_popup .popup_body ul,
.quote_popup .popup_body ol {
    list-style: inherit;
    padding-left: 1.5em;
}

.quote_form_content .quote_form .ui-field-contain {
    border-width: 0;
}

.quote_form_content .quote_form .post_code_wrapper .ui-grid-a {
    /* fix jQuery Mobile grid to not cut off left/right borders of child elements */
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: content-box;
}

.quote_form_content .quote_form .post_code_wrapper .ui-grid-a .ui-block-a .ui-input-text {
    margin: 0;
}

.quote_form_content .quote_form .post_code_wrapper .ui-grid-a .ui-block-a,
.quote_form_content .quote_form .post_code_wrapper .ui-grid-a .ui-block-c {
    width: 47%;
}

.quote_form_content .quote_form .post_code_wrapper .ui-grid-a .ui-block-b {
    width: 6%;
}

.quote_form_content .quote_form .post_code_wrapper .ui-grid-a .ui-block-c #postCodeSearchBtn {
    margin-top: 1px;
    background-color: #9fc1c0;
    text-shadow: none;
}

.quote_form_content .quote_form .post_code_wrapper.postcode_optional .ui-grid-a .ui-block-a {
    width: 100%;
}

.quote_form_content .quote_form #branchInfoContainer {
    padding: 1em;
    background: #ededed;
}

.quote_form_content .quote_form .post_code_wrapper.postcode_optional .ui-grid-a .ui-block-b,
.quote_form_content .quote_form .post_code_wrapper.postcode_optional .ui-grid-a .ui-block-c {
    display: none;
}

.quote_form_content .quote_form .form_buttons_wrapper {
    padding-top: 1em;
    color: #232323;
}

.quote_form_content .quote_form .form_buttons_wrapper #backBtn {
    background: #9fc1c0;
    text-shadow: none;
    font-size: 1.1em;
}

.quote_form_content .quote_form .form_buttons_wrapper #requestQuoteBtn {
    background: #f6b112;
    text-shadow: none;
    margin-bottom: 1em;
    font-size: 1.1em;
}

.quote_form_content .quote_form .form_field.once_validated .controller_validation_error,
.quote_form_content .quote_form .form_field .validation_error,
.quote_form_content .quote_form .form_field .empty_error {
    display: none;
}

.quote_form_content .quote_form .address_wrapper,
.quote_form_content .quote_form .account_trading_name_wrapper {
    /* fields are hidden by default */
    display: none;
}

.quote_form_content .quote_form .form_field.form_error_validation input,
.quote_form_content .quote_form .form_field.form_error_validation .ui-select .ui-btn,
.quote_form_content .quote_form .form_field.form_error_validation .ui-input-text,
.quote_form_content .quote_form .form_field.form_error_empty input,
.quote_form_content .quote_form .form_field.form_error_empty .ui-select .ui-btn,
.quote_form_content .quote_form .form_field.form_error_empty .ui-input-text {
    border-color: #f44336 !important;
}

.quote_form_content .quote_form .form_field .controller_validation_error,
.quote_form_content .quote_form .form_field.form_error_validation .validation_error,
.quote_form_content .quote_form .form_field.form_error_empty .empty_error {
    display: block;
    padding: 5px 5px 0 5px;
    clear: both;
    font-style: italic;
    color: #f44336;
}

.quote_form_content .quote_form .form_field.form_error.not_found_error .validation_error {
    display: none;
}

.quote_form_content .quote_form .form_field.form_error.not_found_error .not_found_error {
    display: block;
    padding: 5px 5px 0 5px;
    clear: both;
    font-style: italic;
    color: #f44336;
}

.quote_form_content .quote_form .form_field .ui-input-text, .application_form .ui-input-text {
    position: relative;
    border-radius: 0px!important;
    height: 35px;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

.quote_form_content .quote_form .form_field.mandatory.once_validated .ui-input-text:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    right: 10px;
    background: url("../images/green_tick_icon.png") no-repeat center;
}

.quote_form_content .quote_form .form_field.mandatory.form_error_validation.once_validated .ui-input-text:after,
.quote_form_content .quote_form .form_field.mandatory.form_error_empty.once_validated .ui-input-text:after {
    background: url("../images/red_cross_icon.png") no-repeat center;
}

.quote_thankyou_content {
    background: #fff;
    padding: 20px 0;
}

.quote_thankyou_content .quote_thankyou_heading {
    padding: 1em 4.7%;
    text-align: left;
}

.quote_thankyou_content .quote_thankyou_heading h1,
.quote_thankyou_content .quote_thankyou_heading .content {
    font-size: 1.3em;
    font-weight: bold;
}

.quote_thankyou_content .quote_thankyou_message {
    padding: 1.5em 4.7%;
    margin: 0.5em 0 0 0;
    text-align: left;
    border-top: 1px solid #ededed;
}

.quote_thankyou_content .quote_thankyou_message p {
    font-size: 1em;
}

.quote_thankyou_content .quote_thankyou_message .branchName,
.quote_thankyou_content .quote_thankyou_contactus .branchName {
    display: inline;
    font-weight: bold;
}

.quote_thankyou_content .quote_thankyou_contactus {
    padding: 1em;
    text-align: left;
    background-color: #ededed;
}

.quote_thankyou_content .quote_thankyou_contactus .thankyou-contactus-image {
    float: left;
    width: 50px;
    height: 50px;
}

.quote_thankyou_content .quote_thankyou_contactus .thankyou-contactus-image img {
    max-height: 100%;
    max-width: 100%;
}

.quote_thankyou_content .quote_thankyou_contactus .thankyou-contactus-title {
    margin-bottom: 0.5em;
}

.quote_thankyou_content .quote_thankyou_contactus .thankyou-contactus-title,
.quote_thankyou_content .quote_thankyou_contactus .thankyou-contactus-text {
    padding-left: 60px;
}

.quote_thankyou_content .quote_thankyou_contactus .thankyou-contactus-title h1,
.quote_thankyou_content .quote_thankyou_contactus .thankyou-contactus-title .content {
    font-size: 1.2em;
}

.quote_thankyou_content .quote_thankyou_contactus p {
    font-size: 0.9em;
}


/* QUOTE FORM END */

#popupDialog .tp_branch_findNear .tp_branch_mylocation {
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
}

#header .siteSearch.active {
    position: absolute;
}

.tp_branch_findNear.hide {
    padding-top: 1px;
}

.tp_branch_findNear.hide .tp_findNear_form {
    display: none;
}


/* Login Page Start */

.forgottenPassword {
    width: 210px;
    margin: 0 auto;
    text-align: center;
}

.forgottenPassword a {
    color: #000 !important;
}

#loginSectionHeader,
.verifyDetailsHeader {
    font-size: 18px;
    margin-bottom: 15px;
}

#collapsibleContainer .collapsibleLabel {
    color: #00432B;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

#collapsibleContainer .collapsibleElement {
    background-color: #edecec;
}

#collapsibleContainer .collapsibleFirstElement {
    border-bottom: 1px solid #d6d6da;
    border-top: 1px solid #d6d6da;
}

#collapsibleContainer .collapsibleLastLabel {
    line-height: 40px;
}

#collapsibleContainer .collapsibleLink {
    text-decoration: initial;
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0% 0% 0% 5%;
    position: relative;
}

#collapsibleContainer .expandable:after {
    content: "";
    background: url(../images/external/menu_plus_dgreen.png) no-repeat 90% center transparent;
    background-size: 14px;
    right: 10%;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
}

#collapsibleContainer .collapsible:after {
    content: "";
    background: url(../images/external/menu_minus_dgreen.png) no-repeat 90% center transparent;
    background-size: 14px;
    right: 10%;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
}

#collapsibleContainer .expandableImage {
    background: url(../images/external/menu_plus_dgreen.png) no-repeat 90% center transparent;
    background-size: 14px;
    float: right;
    width: 20px;
    height: 20px;
    padding-right: 10%;
    padding-top: 20px;
}

#collapsibleContainer .ui-input-text,
#forgottenPwdForm .ui-input-text,
.create-login-form .ui-input-text {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#collapsibleContainer .collapsibleImage {
    background: url(../images/external/menu_minus_dgreen.png) no-repeat center transparent;
    background-size: 14px;
    float: right;
    width: 20px;
    height: 20px;
    padding-right: 10%;
    padding-top: 20px;
}

#collapsibleContainer #loginForm label,
#verifyDetailsForm label {
    font-weight: 600;
}

.infoMessage {
    margin: 3%;
    background-color: #0A4F38;
    color: #fff;
    padding: 4%;
}

.warningMessage .information_message {
    margin: 3%;
    border: 1px solid #f44336;
    color: #FF0000;
    padding: 4%;
}

.warningMessage .information_message a {
    color: blue;
    font-weight: normal;
}

.warningMessage .information_message a:visited {
    color: blue;
    font-weight: normal;
}

.input-error {
    border-color: #f44336 !important;
}

#registerSection .collapsibleElement {
    border-bottom: 1px solid #d6d6da;
    background-color: #eee;
}

#registerSection .expandable:after {
    top: 0;
    margin-top: 9px;
}

#collapsibleContainer .register-description {
    padding-right: 15.5%;
    padding-top: 1px;
    padding-bottom: 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.3;
}
.feature-design-for-tp3.feature-can-collect .congratulation-msg {
    background-color: #1A3B69;
}

/* Login Page End */


/* Reset Password Journey Start */

#forgottenPwdForm label {
    font-weight: 600;
}

#forgottenPwdForm .controller_validation_error,
#loginForm .empty_error {
    padding: 5px 5px 0 0px;
    font-style: normal;
}

#forgottenPwdForm .inline-error,
#forgottenPwdForm #error_message_block {
    display: block;
    color: red;
    font-style: normal;
    padding: 5px 5px 0 0px;
    clear: both;
}

#forgottenPwdForm .form_field {
    padding: 0px;
}

#forgottenPwdForm .g-recaptcha {
    padding-top: 25px;
}

#forgottenPwdForm #not-registered {
    display: flex;
    align-items: center;
    color: #707070;
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    border: none;
    line-height: 20px;
}

#forgottenPwdForm #not-registered a {
    color: #296C96;
    white-space: nowrap;
}

#validEmail,
#emailCaptureContainer,
#loginSectionContainer,
#accountManagementOuterContainer,
#verifyDetailsContainer {
    padding: 15px 5%;
}

.mandatoryMessage {
    float: right;
    margin: 15px 0%;
}

.inputErrorBorder,
.input-valid-error .ui-input-text,
.inputValidationErrorBorder {
    border: 1px solid #f44336 !important;
}


/* Reset Password Journey End */

.min_height_content #forgottenPassword {
    padding: 15px 5%;
}

#back-container #back-link {
    height: 35px;
    border: solid 1px #d4d4d4;
    width: 100%;
    display: block;
    padding: 15px 0 0 20px;
    text-decoration: none;
    color: #000;
}

#back-container #back-link:hover {
    color: #000;
}

.min_height_content .title-component {
    margin-bottom: 15px;
    font-size: 18px;
}

#loginForm .validation_error,
#loginForm .empty_error,
#verifyDetailsForm .validation_error,
#verifyDetailsForm .empty_error,
#verifyDetailsContainer .registerInformations .incorrect-data-error > div,
#verifyDetailsContainer .registerInformations .universe-customer-error > div,
#verifyDetailsContainer .registerInformations .google-captcha-error > div,
#verifyDetailsContainer .registerInformations .already-exists-error p,
#verifyDetailsContainer .registerInformations .expired-error div {
    padding-top: 5px;
    color: #f44336;
    font-size: 15px;
    display: block;
}

#email_error_message,
#password_error_message {
    margin-top: -10px;
    color: #f44336;
    font-size: 15px;
    display: block;
}

#loginForm .validation_error,
#loginForm .empty_error {
    float: left;
}

/* Mobile PDP Feature Design */

.feature-design .tp_prod_detail .tp_prodPrice {
    width: 90%;
    padding: 10px 5% 20px;
    position: relative;
    overflow: hidden;
}

.feature-design .tp_prod_detail .productPriceMessage .ui-link,
.feature-design .tp_basket .productPriceMessage .ui-link {
    background-color: #f6b112;
    border: 1px solid #e99b0b;
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #232323;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    margin: 0 5% 30px;
}

.feature-design .tp_prod_detail .tp_prodPrice .productPriceMessage .ui-link {
    margin: 0 0 5px;
    background: none;
    border: none;
    font-size: 14px;
    color: #1a3b69;
    line-height: 16px;
    height: 16px;
}

.feature-design .tp_prod_detail .loggedOutToolTip {
    position: relative;
}

.feature-design .tp_prod_detail .loggedOutToolTip .loggedOutToolTipContent {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    font-weight: normal;
    float: left;
    margin: 0 5% 20px;
}
.feature-design .tp_prod_detail .tp_prodPrice .tpToolTip {
    margin: 0 0 20px;
    text-align: center;
}
.feature-design .tp_prod_detail .loggedOutToolTip .info-tooltip-icon {
    width: 20px;
    height: 20px;
    background: #0A4F38;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-left: 10px;
}
.feature-design .tp_prod_detail .loggedOutToolTip .info-tooltip-message {
    display: none;
    background: #FFFFFF;
    border: 2px solid #0A4F38;
    color: #232323;
    padding: 10px;
    width: 190px;
    font-size: 13px;
    z-index: 999;
    text-align: left;
    position: absolute;
    top: -65px;
    left: 20px;
}

.feature-design .tp_prod_detail .loggedOutToolTip .info-tooltip-message:before,
.feature-design .tp_prod_detail .loggedOutToolTip .info-tooltip-message:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    border: solid transparent;
}

.feature-design .tp_prod_detail .loggedOutToolTip .info-tooltip-message:before {
    border-color: transparent;
    border-top-color: #0A4F38;
    border-width: 7px;
    bottom: -14px;
    right: 11px;
}

.feature-design .tp_prod_detail .loggedOutToolTip .info-tooltip-message:after {
    border-color: transparent;
    border-top-color: #FFFFFF;
    border-width: 4px;
    right: 14px;
    bottom: -8px;
}

.feature-design .tp_prod_detail .tp_quoteFormsWrapper {
    padding: 0 0 15px 0;
}

.feature-design .tp_prod_detail .tp_quoteFormsWrapper .ui-select .ui-btn.error {
    border-color: #e91c28;
    color: #e91c28;
}

.feature-design .tp_prod_detail .tp_quoteFormsWrapper .ui-select .ui-btn.error>span:not(.ui-li-count) {
    color: #e91c28;
}

.feature-design .tp_prod_detail .tp_quoteFormsWrapper .ui-select .ui-btn.error.ui-icon-carat-d:after {
    background-image: url(../images/tp_icn_drop_down_error.png);
}

.feature-design .tp_prod_detail #addToCartForm .branch_show_message p {
    padding: 23px 3% 0px;
    font-size: 18px;
    line-height: 18px;
}

.feature-design .tp_prod_detail #addToCartForm .branch_name_holder p {
    text-transform: capitalize;
    padding: 6px 3%;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.feature-design .tp_prod_detail #addToCartForm .stock_msg {
    line-height: 24px;
    padding: 15px 3% 10px;
    color: #0a4f38;
    position: relative;
    font-size: 18px;
}

.feature-design .tp_prod_detail #addToCartForm .stock_msg p {
    padding-left: 35px;
}

.feature-design .tp_prod_detail #addToCartForm .stock_msg p:before,
.feature-design .tp_prod_detail #addToCartForm .stock_msg .out_stock:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    top: 16px;
    left: 10px;
    position: absolute;
    background: url(../images/icon-stock-sprite.png) no-repeat 0px 0px;
    background-size: 22px;
}

.feature-design .tp_prod_detail #addToCartForm .stock_msg .out_stock:before {
    background: url(../images/icon-stock-sprite.png) no-repeat 0px -25px;
    background-size: 22px;
}

.feature-design .tp_prod_detail #addToCartForm #stockCheckerButton {
    display: block;
    margin: 30px 0 20px;
    color: #0a4f38;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.feature-design .tp_prodQuoteProcess .tp_prodMessage {
    text-align: left
}

.feature-design .tp_prodQuoteProcess .tp_prodMessage.error {
    border: none;
    padding: 0 0 10px 30%;
    margin: -5px 0 0 0;
    line-height: 14px;
}

.feature-design .tp_prod_detail .tp_prodPrice .productPrice {
    width: 100%;
    height: 22px;
    display: flex;
}
.feature-design .tp_prod_detail .tp_prodPrice .productPrice .product_price_section,
.feature-design .tp_prod_detail .tp_prodPrice .productPrice .price_inc_vat_section{
    display: flex;
    align-items: baseline;
}
.feature-design .tp_prod_detail .tp_prodPrice .productPrice .rrp_price_ex_vat,
.feature-design .tp_prod_detail .tp_prodPrice .productPrice .rrp_price_inc_vat{
    text-decoration: line-through;
    margin-right: 5px;
}
.feature-design .tp_prod_detail .tp_prodPrice .productPrice .rrp_price_ex_vat ~ .price_value,
.feature-design .tp_prod_detail .tp_prodPrice .productPrice .rrp_price_inc_vat ~ .includedVAT{
    color: #ff0000;
}

.productPrice .prices_holder .promotion_message, .productPrice .prices_holder .promotion_message p,
.product_price_holder .promotion_message, .product_price_holder .promotion_message p{
    color: #ff0000;
}

.productPrice .prices_holder .promotion_message {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.feature-design .tp_prod_detail .productPrice > span,
.feature-design .tp_prod_detail .productEQPrice > span {
    display: table-cell;
}

.feature-design .tp_prod_detail .tp_prodPrice .productPrice .price_from {
    font-size: 12px;
    line-height: 23px;
    padding-right: 5px;
    color: #616161;
    float: left;
}

.feature-design .tp_prod_detail .tp_prodPrice .price_value,
.feature-design .tp_prod_detail .tp_prodPrice .poaMessage {
    font-weight: bold;
    font-size: 20px;
    line-height: 17px;
    vertical-align: bottom;
    padding-right: 4px;
}
.feature-design .tp_prod_detail .tp_prodPrice .poaMessage .price_error_message {
    float: left;
    line-height: 21px;
    margin: 5px 0 0 15%;
}
.feature-design .tp_prod_detail .tp_prodPrice .price_info_holder {
    display: table-cell;
    overflow: hidden;
    vertical-align: bottom;
}
.feature-design .tp_prod_detail .tp_prodPrice .price_UOM,
.feature-design .tp_prod_detail .tp_prodPrice .price_ex_vat{
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    color: #616161;
    vertical-align: bottom;
}
.feature-design .tp_prod_detail .tp_prodPrice .price_info_holder.uom_value{
    float: right;
    padding: 5px 0 0 0;
}

.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .price_inc_vat{
    font-size: 12px;
    line-height: 12px;
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .price_UOM,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .price_ex_vat,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .price_inc_vat,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .price_info_holder {
    vertical-align: middle;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .price_value,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .poaMessage,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .includedVAT{
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    vertical-align: middle;
    padding-right: 5px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .includedVAT {
    font-size: 16px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .productPrice .prices_holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice .productPrice {
    height: auto;
    align-items: baseline;
    flex-direction: column;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail #addToCartButton {
    background-repeat: no-repeat;
    background-position: 14px center;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail #addForCollection {
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 25px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tp_prodPrice {
    padding: 10px 5% 0;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tooltips-wrapper,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tpAddToQuoteList  {
    margin: 20px 0px 20px 20px;
    width: 87%;
    background-color: #fff;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tooltips-wrapper p.label,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tpAddToQuoteList #addToQuoteTextButton {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tpAddToQuoteList p {
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tpAddToQuoteList {
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .logInForTradePricesLink {
    text-align: center;
    margin-top: 10px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tpQ_button .ui-btn,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .ccButton .ui-btn {
    background-color: #EC9B0C;
    border: none;
    color: #333333;
    text-shadow: none;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .ccButton .ui-btn input,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail .tpQ_button .ui-btn input {
    background-image: none !important;
    line-height: 45px;
    height: 45px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail #stockCheckerButton .cmsimage {
    display: none;
}

/* Verify Your Details Section start*/

#verifyDetailsForm .form_field {
    margin: 1em 0;
}

#verifyDetailsForm .ui-input-text {
    margin: 0;
}

#verifyDetailsForm .more_details_link {
    border: 0;
}

#verifyDetailsForm #form_errors {
    padding: 0;
    margin-top: -20px;
}

.verifyDetailsDescription {
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    padding-bottom: 5px;
}


/* end */


/* Mobile Basket Page Feature Design */

.feature-design .tp_back_button {
    position: relative;
    width: 90%;
    padding: 15px 5%;
}

.feature-design .tp_back_button button {
    display: block;
    position: relative;
    height: 38px;
    margin: 0;
    padding: 0 28px;
    color: #0a4e37 !important;
    line-height: 38px;
    text-decoration: none;
    border: none;
    background: none;
    text-align: left;
}

.feature-design .tp_back_button button:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 25px;
    left: 0;
    top: 8px;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px 0px;
    background-size: 18px;
}

.feature-design .tp_breadcrumbs .tp_bread_link,
.feature-design .tp_back_button button {
    padding: 0 0 0 28px;
}

.feature-design .quote-basket {
    background: #fff;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ededed;
}

.feature-design .baskt_items_wrap .baskt_item {
    padding: 30px 4.7% 15px;
}

.feature-design .baskt_items_wrap .baskt_item .itm_info h3 {
    margin-left: 80px;
}

.feature-design .baskt_items_wrap .baskt_item .itm_info .item_code {
    margin-left: 80px;
    color: #bbb;
}

.feature-design .baskt_items_wrap .baskt_item .itm_info .item_price {
    margin: 3px 0 0 80px;
}

.feature-design .baskt_items_wrap .baskt_item .itm_info .item_price p {
    font-size: 16px;
}

.feature-design .baskt_items_wrap .baskt_item .itm_info .item_price .price_error_message,
.feature-design .tp_prod_detail .tp_prodPrice .logged_out_message {
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    padding-left: 5px;
}

.feature-design .baskt_items_wrap .baskt_item .itm_info .item_price p > span {
    font-size: 11px;
    color: #bbb;
    display: inline-block;
    padding-left: 5px;
}

.feature-design .tp_basket .total_price_wrapper {
    padding: 15px 4.7%;
    background: #ededed;
    overflow: hidden;
}

.feature-design .tp_basket .basket_items {
    margin: 0;
    border: none;
}

.feature-design .tp_basket .baskt_items_wrap {
    border: none;
}

.feature-design .tp_basket .baskt_items_wrap form {
    border-top: 1px solid #ededed;
}

.feature-design .tp_basket .baskt_items_wrap form:first-child {
    border-top: none;
}

.feature-design .tp_basket .total_price_wrapper > p {
    font-size: 14px;
    line-height: 17px;
}

.feature-design .tp_basket .total_price_wrapper > p > span {
    float: right;
    text-align: right;
}

.feature-design .tp_basket .total_price_wrapper .basketTotalPriceError {
    float: left;
    font-weight: bold;
    padding-right: 3px;
}

.feature-design .tp_basket .total_price_wrapper > div.content {
    font-size: 12px;
    line-height: 17px;
    padding-left: 100px;
}

.feature-design .tp_basket .total_price_wrapper .poaMessage > div.content {
    font-size: 12px;
    margin-top: 15px;
}

.feature-design #content .tp_basket .tpButtonArea .ui-link {
    background-color: #9fc1c0;
    border-color: #557776;
}

.feature-design #content .tp_basket .tpButtonArea .linkForCustomerI .ui-link,
.feature-design #content .tp_basket .tpButtonArea .linkForCustomerA .ui-link {
    background-color: #F4B11A;
    border-color: #E99B0B;
}

.feature-design #content .tp_basket .tpButtonArea.tpSendQuote .ui-link {
    margin-top: 15px;
}

.feature-design .tp_basket .productPriceMessage {
    overflow: hidden;
    width: 100%;
}
.feature-design #content .tp_basket .tpButtonArea .customerTypeAwareButton .ui-link {
    height: 40px;
    margin-top: 30px;
    background-color: #ec9b0c;
    font-size: 13px;
    line-height: 43px !important;
}
.feature-design .tp_basket .productPriceMessage .ui-link {
    margin: 10px 0;
}

.feature-design .tp_basket .expandable-section {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 20px;
}

.feature-design .tp_basket .ui-collapsible-inset {
    margin: 0;
}

.feature-design .tp_basket .ui-collapsible .ui-btn {
    width: 80%;
    padding: 0 15% 0 5%;
    height: 50px;
    line-height: 50px;
    color: #0a4f38;
    font-weight: normal;
    border-radius: 0;
    box-shadow: initial;
    font-size: 14px;
    background-color: #e8e8e8;
    border-top: 1px solid #d6d6da;
    border-bottom-color: #d6d6da;
}

.feature-design .tp_basket .ui-collapsible .ui-icon-plus:after,
.feature-design .tp_basket .ui-collapsible .ui-icon-minus:after {
    background: url(../images/external/menu_plus_dgreen.png) no-repeat 100% center transparent;
    background-size: 14px;
    right: 6%;
    top: 19px;
    width: 14px;
    height: 14px;
    margin: 0;
}

.feature-design .tp_basket .ui-collapsible .ui-icon-minus:after {
    background: url(../images/external/menu_minus_dgreen.png) no-repeat 100% center transparent;
    background-size: 14px;
}

.feature-design .tp_basket .ui-collapsible .ui-icon-minus {
    border-bottom-color: #e3e2e3;
}

.feature-design .tp_basket .ui-collapsible-content {
    padding: 0 15% 0 5%;
    background-color: #ededed;
    border-bottom-width: 0;
}

.feature-design .tp_basket .ui-collapsible-content p {
    font-size: 14px;
    padding-bottom: 15px;
}

.feature-design .tp_basket .tpToolTip .more_details_link {
    color: #fff;
    font-weight: bold;
    margin: 0;
}

.feature-design .tp_prod_detail .tpToolTip .logged_out_message {
    color: #1a3b69;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.feature-design .tp_prod_detail .tpToolTip .more_details_link {
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
}


/* Sticky footer styles */

.travis-perkins-footer {
    background-color: transparent;
    padding-bottom: 40px;
}

.travis-perkins-footer #footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}


/* end */


/* Your Account options */

.your-account {
    position: relative;
}

.your-account-icon {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}

#slide_menu .your-account-title a {
    padding-left: 40px;
    color: #515151;
    background-color: #edecec;
}

#slide_menu .your-account .ui-icon-plus:after {
    background: url(../images/external/menu_plus_black.png) no-repeat 90% center transparent;
    background-size: 16px;
}

#slide_menu .your-account .ui-icon-minus:after {
    background: url(../images/external/menu_minus_black.png) no-repeat 90% center transparent;
    background-size: 16px;
}

#slide_menu .ui-collapsible-content .your-account-content li {
    border-bottom: 1px solid #ccc;
}

#slide_menu .ui-collapsible-content .your-account-content li a {
    color: #0a4e37;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 0;
}

#slide_menu .ui-collapsible-content .your-account-content li a:after {
    background: url(../images/external/menu_arrow_green.jpg) no-repeat 90% center transparent;
    background-size: 12px;
}


/* end */


/* Create login page */

.create-login-head .title {
    padding: 23px 5% 13px;
    font-size: 18px;
}

.create-login-head .marked-filed-hint {
    padding: 0 5% 16px;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    color: #6d6d72;
}

.create-login-form {
    padding: 1em 5% 20px;
}

.create-login-form .form_field {
    margin-bottom: 2em;
}

#verifyDetailsContainer .mandatory,
.create-login-form .mandatory,
.create-login-form .form_field label {
    display: inline-block;
    font-weight: bold;
}

.create-login-form .form_field label {
    font-size: 16px;
    margin: 0 0 .4em;
}

.create-login-form .ui-input-text {
    position: relative;
    margin: 0 0 5px;
}

.create-login-form .ui-input-text input {
    color: #6d6d72;
}

.create-login-email .more_details_link:hover {
    color: #fff;
}

.create-login-form .pstrength-minchar {
    display: none;
}

.create-login-form .pstrength-bar {
    position: absolute;
    top: 7px;
}

.create-login-form .pstrength-info span {
    margin-bottom: -8px;
    margin-top: 14px;
}

.create-login-form .validation_error {
    position: relative;
    color: #ed1c24;
    font-size: 15px;
}

.create-login-form .ui-input-text:after,
#verifyDetailsForm .ui-input-text:after {
    display: none;
}

.create-login-form .hasError .ui-input-text:after {
    display: block;
}

.create-login-form .hasError .inputErrorBorder.ui-input-text:after,
#verifyDetailsForm .inputErrorBorder.ui-input-text:after {
    display: block;
    background: url("../images/red_cross_icon.png") no-repeat center;
}

.create-login-form .create-login-confirm-email .ui-input-text:after,
.create-login-form .create-login-psw .ui-input-text:after,
.create-login-form .create-login-confirm-psw .ui-input-text:after {
    display: none;
}

.create-login-psw .ui-input-text {
    position: relative;
    border: none;
}

.create-login-psw .ui-input-text input {
    border: 1px solid #ddd;
}

.create-login-psw .inputErrorBorder {
    border: 0 !important;
}

.create-login-psw .inputErrorBorder input {
    border: 1px solid #f44336;
}

.create-login-psw .validation_error,
.create-login-form .form-global-error-box {
    position: relative;
    margin: 11px 0 -5px;
    color: #ed1c24;
    font-size: 15px;
}

.create-login-psw .inputErrorBorder:after,
.create-login-form .hasError .ui-input-text:after {
    top: 9px;
    height: 20px;
}

.create-login-psw .ui-input-text .strengthWithoutValidation + div {
    position: relative;
    width: 124.5%;
}

.create-login-form .terms_and_conditions {
    padding-bottom: 1em;
}

.create-login-form .create-login-submit:hover {
    background: #f6b112;
    text-shadow: none;
}

.create-login-form .terms-and-condition {
    text-align: left;
}

.create-login-form .terms-and-condition a {
    color: #0a4f38;
}

.create-login-form .form-global-error-box {
    padding: 1.5em 1em;
    border: 1px solid #f44336;
    margin-bottom: 25px;
    line-height: 1.5;
}

.create-login-form .form-global-error-box a {
    cursor: pointer;
    color: #0a4f38;
    text-decoration: underline;
}


/* end */

.congratulation-box {
    position: absolute;
    display: none;
    left: 0;
    top: 135px;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 5%;
}

.congratulation-msg {
    background-color: #165741;
    color: #fff;
    padding: 18px 5%;
}

.congratulation-msg span {
    display: block;
}

.congratulation-msg .title {
    padding-bottom: 5px;
}

.thankyou-box {
    margin: 10px;
}

.thankyou-text {
    margin-top: 10px;
    padding-bottom: 20px;
}


/*DD styles*/

.feature-design .tp_prod_detail #addToCartForm #stockCheckerButton {
    margin: 15px 0 20px!important;
}

#stockCheckPopupDialog .tp_branchItem .tp_branch_call,
#stockCheckPopupDialog .tp_branchItem .setStockCheckBranch {
    height: 40px;
    font-weight: bold;
    line-height: 40px!important;
}

#stockCheckPopupDialog .tp_branchItem .tp_branch_call:before {
    top: 12px!important;
}

#collapsibleContainer .collapsibleElement {
    background-color: #f9f9f9;
}

#stockCheckPopupDialog .tp_branchItem .tp_branch_call {
    min-width: 109px;
}

#accountManagementOuterContainer .mandatoryMessage {
    margin: 0px!important;
}

.information_message.positive {
    margin: 0!important;
    border: 0px solid transparent;
    color: #fff!important;
    padding: 10px;
}

#image_promotion_overlay {
    position: absolute;
    right: 20px;
    top: 15px;
    max-width: 64px;
    z-index: 95;
    pointer-events: none;
}


/*CPS HEADER*/

#header .tpHeaderLinks a h3 {
    display: block;
    height: 20px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #616161;
    font-weight: lighter;
    margin-bottom: 0;
}

#header .tpHeaderLinks a.ui-btn-active h3 {
    color: #fff;
}

/*Quote Basket*/

.quote_list_itm .qty_label,
.quote_list_itm > div,
.quote_list_itm > a {
    display: inline-block;
    vertical-align: middle;
}

.quote_list_itm > a {
    height: 35px;
    text-decoration: none!important;
    color: #333333;
    background-color: #EDEDED!important;
    padding: 0px 10px 0px 0px!important;
    margin: 0px 0px 0px 10px!important;
}

.baskt_item .itm_remove:after {
    display: none;
}

.baskt_item .itm_remove:before {
    content: "\f1f8";
    width: 35px;
    height: 35px;
    display: inline-block;
    font-family: FontAwesome;
    text-align: center;
    background-color: #DBDBDB;
    margin-right: 10px;
}

.baskt_item .itm_update:before {
    content: "\f01e";
    width: 35px;
    height: 35px;
    display: inline-block;
    font-family: FontAwesome;
    text-align: center;
    background-color: #DBDBDB;
    margin-right: 10px;
}

.quote_list_itm .qty_label {
    height: 35px;
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
}

.itm_optns .quote_list_itm {
    height: 35px;
    background-color: #F7F7F7;
    padding: 10px 0px 10px 20px;
}

.basket_items .itm_img {
    margin-left: 20px;
}

p.quote-list-title,
.quote_form_content .quote_form_heading h1,
.feature-design .thankyou-box > div:first-child {
    height: 40px;
    display: block;
    line-height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
    font-weight: bold;
    background-color: #1A3B69;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

.quote_form_content .quote_form_heading {
    padding: 0px;
}

.quote_form_content .quote_form_note {
    background-color: #F7F7F7;
    padding-left: 20px;
    box-sizing: border-box;
}

.quote_form_content .quote_form_note p {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

#requestQuoteForm {
    padding: 0px 20px;
}

#requestQuoteForm .block_underlined_header {
    font-size: 16px;
    padding: 5px 0px;
    margin-top: 10px;
}

#requestQuoteForm .ui-select > div, .application_form .ui-select > div, .tp_quoteFormsWrapper .ui-btn {
    border-radius: 0px!important;
    text-shadow: none;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}
.tp_quoteFormsWrapper .ui-btn{

    width: 220px;


}
.account_trading_name_wrapper {
    background-color: #f5f5f5;
    padding: 10px 10px!important;
}

#requestQuoteForm .ui-btn-icon-right:after, .application_form .ui-btn-icon-right:after, .tp_quoteFormsWrapper .ui-btn:after {
    width: 15px;
    background-size: contain;
    right: 15px;
}

#requestQuoteForm .form_buttons_wrapper {
    height: 130px;
    position: relative;
}

#requestQuoteForm .form_buttons_wrapper #backBtn {
    position: relative!important;
    top: 55px!important;
    border:none;
    width:100%;
    padding:0px;
    margin-bottom:0px!important;
}

#requestQuoteForm .form_buttons_wrapper #requestQuoteBtn {
    position: relative!important;
    bottom: 65px!important;
    border:none;
    width:100%;
    padding:0px;
}

#requestQuoteForm .yCmsComponent .ui-link {
    color: #1A3B69!important;
}

.ui-collapsible-set .ui-collapsible {
    margin: 10px 0px;
    border:none;
}
.tp_quoteFormsWrapper .tp_formLabel{
    width:60px;
}
.tp_quoteFormsWrapper .ui-input-text{
    width: 50px;
}
.tp_prod_detail .tp_detailsInfo .ui-collapsible-heading-toggle{

}

@media screen and (max-width: 325px) {
    form#addToCartForm {
        min-height: 115px!important;
    }
    .tp_quoteFormsWrapper .ui-input-text {
        width: 228px;
    }
    .tp_quoteFormsWrapper .ui-btn{
        width: 170px;
    }
}

@media screen and (max-width: 360px) {
    .tp_prodQuoteProcess a.tp_buttons.add2Quote {
        float: none!important;
        position: static!important;
        width: 100%!important;
    }
}


.tp_prod_listing .tp_filtersWrapper .tp_filterSearchBtnWrapper a.tp_filterSearch, #tpFilterSearch-popup .ui-header .tpApplyFilter, #tpFilterSearch-popup .ui-footer .tpApplyFilter{
    border-radius: 0px;
    border:none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.tp_prod_listing .tp_filtersWrapper .tp_filterSearchBtnWrapper a.tp_filterSearch {
    box-shadow: none;
}
.tp_appliedFiltersWrapper ul li, .tp_appliedFiltersWrapper ul li.tpClearAllFiltersItem{
    border:none;
    border-radius:0px;
}

.tp_appliedFiltersWrapper ul li.tpClearAllFiltersItem a:after{
    content: none;
}


.tp_quoteFormsWrapper .ui-select{
    width:79%;
}


#addedItemsToQuoteListBlock{
    position: fixed;
    z-index: 1;
    top: 50px;
    left: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    height: 68px;
}

.page-mobile-quotePage.feature-design .item_price p, .item_price p span {
    display: inline;
}

.showing-top-line .order-results-found {
    display: inline;
}

.showing-top-line .amount-of-orders {
    display: inline;
    float: right;
}


#order_history_table td {
    display:flex;
    padding-left: 10px;
    padding-top: 5px;
}

.orders-list {
    border: 1px solid #D3D3D3;
    float: left;
    width: 100%;
}

.order-details-link {
    padding-top:10px !important;
    float:right;
}

.order-details-value {
    display:none !important;
    border-style:none !important;
}

#order-details-value {
    color: #0a4e37 !important;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    height:25px;
}


#order-details-value:after {
    content: '';
    position: relative;
    display: block;
    width: 14px;
    left: 6px;
    padding-right: 13px;
    height: 50px;
    bottom: 29px;
    background: url(../images/tp_icn_listing_main.png) no-repeat -2px -30px;
    background-size: 21px;
    float: right;
}

#order_history_table .inline {
    display: inline;
}

#order_history_table .total .valueAlign {
    display: inline;
}

.page-order.feature-design #paymentDetailsSection .header.headerInLine {
    border-top: 1px solid #e0e0e0!important;
}
.page-order.feature-design .expanded .header.headerInLine {
    border-bottom: 2px solid #F6B112!important;
    color: #212121;
}
.page-order.feature-design #orderGeneralInfoSection{
    border: none;
}
.page-order.feature-design #paymentDetailsSection .body, .page-order.feature-design #fulfillingBranchSection .body{
    border: none;
    margin: 20px;
    font-size: 14px;
}

.page-order.feature-design #fulfillingBranchSection.collapsed .header .view-more-btn:after,
.page-order.feature-design #paymentDetailsSection.collapsed .header .view-more-btn:after,
.page-order.feature-design #amendOrderSection.collapsed .header .view-more-btn:after {
    position: absolute;
    margin: 0px;
    width: 30px;
    height: 30px;
    content: '+';
    background: none;
    font-family: 'verdana';
    font-size: 30px;
    color: #0a4f38;
    line-height: 17px;
    text-align: center;
}
.page-order.feature-design #fulfillingBranchSection.expanded .header .view-more-btn:after,
.page-order.feature-design #paymentDetailsSection.expanded .header .view-more-btn:after,
.page-order.feature-design #amendOrderSection.expanded .header .view-more-btn:after {
    position: absolute;
    margin: 0px;
    width: 30px;
    height: 30px;
    content: '\2013';
    background: none;
    font-family: 'verdana';
    font-size: 30px;
    color: #0a4f38;
    line-height: 17px;
    text-align: center;
}

.page-order.feature-design #paymentDetailsSection .header,
.page-order.feature-design #fulfillingBranchSection .header,
.page-order.feature-design #amendOrderSection .header{
    padding: 15px;
}

#fulfillingBranchSection .header,
#amendOrderSection .header,
#paymentDetailsSection .header,
#branchMoreDetailsMapViewSection .header {
    width: 100%;
}

#fulfillingBranchSection .header .view-more-btn,
#amendOrderSection .header .view-more-btn,
#paymentDetailsSection .header .view-more-btn,
#branchMoreDetailsMapViewSection .header .view-more-btn {
    float: right;
    margin-right: 55px;
}

#fulfillingBranchSection.expanded .header .view-more-btn:after,
#amendOrderSection.expanded .header .view-more-btn:after,
#paymentDetailsSection.expanded .header .view-more-btn:after,
#branchMoreDetailsMapViewSection.expanded .header .view-more-btn:after {
    position: absolute;
    margin: 4px;
    width: 21px;
    height: 12px;
    content: '';
    background: url('../images/order%20details/arrow-up.png');
}

#fulfillingBranchSection.collapsed .header .view-more-btn:after,
#amendOrderSection.collapsed .header .view-more-btn:after,
#paymentDetailsSection.collapsed .header .view-more-btn:after,
#branchMoreDetailsMapViewSection.collapsed .header .view-more-btn:after {
    position: absolute;
    margin: 4px;
    width: 21px;
    height: 12px;
    content: '';
    background: url('../images/order%20details/arrow-down.png');
}

#fulfillingBranchSection.collapsed .header,
#amendOrderSection.collapsed .header,
#paymentDetailsSection.collapsed .header,
#branchMoreDetailsMapViewSection.collapsed .header {
    border-bottom: 1px solid #AAA;
}

#fulfillingBranchSection.expanded .header .view-more-btn,
#amendOrderSection.expanded .header .view-more-btn,
#paymentDetailsSection.expanded .header .view-more-btn,
#branchMoreDetailsMapViewSection.expanded .header .view-more-btn {
    display: none;
}

#fulfillingBranchSection.collapsed .header .view-more-btn,
#amendOrderSection.collapsed .header .view-more-btn,
#paymentDetailsSection.collapsed .header .view-more-btn,
#branchMoreDetailsMapViewSection.collapsed .header .view-more-btn {
    display: inline;
}

#fulfillingBranchSection.expanded .header .view-more-btn.opened,
#amendOrderSection.expanded .header .view-more-btn.opened,
#paymentDetailsSection.expanded .header .view-more-btn.opened,
#branchMoreDetailsMapViewSection.expanded .header .view-more-btn.opened {
    display: inline;
}

#fulfillingBranchSection.collapsed .header .view-more-btn.opened,
#amendOrderSection.collapsed .header .view-more-btn.opened,
#paymentDetailsSection.collapsed .header .view-more-btn.opened,
#branchMoreDetailsMapViewSection.collapsed .header .view-more-btn.opened {
    display: none;
}

#fulfillingBranchSection.collapsed .body,
#amendOrderSection.collapsed .body,
#paymentDetailsSection.collapsed .body,
#branchMoreDetailsMapViewSection.collapsed .body {
    display: none;
}

#fulfillingBranchSection.expanded .body,
#amendOrderSection.expanded .body,
#paymentDetailsSection.expanded .body,
#branchMoreDetailsMapViewSection.expanded .body {
    display: block;
}

#fulfillingBranchSection .headerInLine>div,
#amendOrderSection .headerInLine>div,
#paymentDetailsSection .headerInLine>div,
#branchMoreDetailsMapViewSection .headerInLine>div {
    display: inline;
}

#orderGeneralInfoSection {
    padding-bottom: 30px;
}

#fulfillingBranchSection .header,
#amendOrderSection .header,
#paymentDetailsSection .header,
#branchMoreDetailsMapViewSection .header {
    padding: 10px
}

#fulfillingBranchSection .header .block-header,
#amendOrderSection .header .block-header,
#paymentDetailsSection .header .block-header,
#branchMoreDetailsMapViewSection .header .block-header {
    margin-left: 20px;
}

#amendOrderSection .header .block-header:BEFORE,
#paymentDetailsSection .header .block-header:before,
#fulfillingBranchSection .header .block-header:BEFORE,
#branchMoreDetailsMapViewSection .header .block-header:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 18px;
    left: 10px;
    background: url('../images/order%20details/payment-details-icon.png') no-repeat;
}

#paymentDetailsSection #ccDetailsBox .ccType-icon.visa::before {
    background: rgba(0, 0, 0, 0) url("../images/paymentType/markVisa.png") no-repeat scroll 0 0;
    left: 0px;
    content: '';
    height: 40px;
    position: absolute;
    width: 87px;
}

#paymentDetailsSection #ccTypeBox {
    margin-left: 80px;
    font-weight: bold;
    height: 50px;
}

#paymentDetailsSection #ccBillingAddressBox {
    margin-top: 20px
}

#paymentDetailsSection #ccBillingAddressBox #ccPaymentAddressUserName {
    margin-top: 10px;
}

#paymentDetailsSection #ccExpirationInfo {
    margin: 7px 0;
}

#paymentDetailsSection #ccDetailsBox #ccNumberBox {
    padding-left: 10px;
}


.page-mobile-productDetails.feature-design .tp_prodMessage.added {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
}

.page-mobile-spotLightPage.feature-design .add-to-basket-popup .tp_prodMessage,
.page-mobile-productDetails.feature-design .add-to-basket-popup .tp_prodMessage,
.page-mobile-productList.feature-design .add-to-basket-popup .tp_prodMessage,
.page-mobile-searchResults.feature-design .add-to-basket-popup .tp_prodMessage {
    border: 0px;
    background: #fafafa;
    position: relative;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.page-mobile-spotLightPage.feature-design .add-to-basket-popup,
.page-mobile-productDetails.feature-design .add-to-basket-popup,
.page-mobile-productList.feature-design .add-to-basket-popup,
.page-mobile-searchResults.feature-design .add-to-basket-popup {
    top: 69px;
    right: 0px;
    width: 100%;
    z-index: 88889;
}

/* Add to Basket message */

.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .tp_prodMessage {
    padding: 10px;
}
.feature-design-for-tp3.feature-can-collect .product-info {
    padding: 0px 5px;
    margin-top: 45px;
    float: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
}
.feature-design-for-tp3.feature-can-collect .product-info img {
    float: left;
    margin-right: 15px;
}
.feature-design-for-tp3.feature-can-collect .product-info > div {
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
}
.feature-design-for-tp3.feature-can-collect .product-info .rrp_price_ex_vat {
    font-size: 14px;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 10px;
}
.feature-design-for-tp3.feature-can-collect .product-info .rrp_price_ex_vat ~ .product-price {
    color: #ff0000;
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .add-message {
    position: absolute;
    top: 0;
    text-align: center;
    font-weight: normal;
    width: 100%;
    display: block;
    height: 40px;
    background: #296C96;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    left: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .add-message:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 14px;
    margin-right: 3px;
}
.feature-design-for-tp3.feature-can-collect .tp_prodMessage.added p img {
    display: none;
}
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .view-basket-btn {
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .view-basket-btn a.ui-btn {
    display: block;
    margin-left: auto;
    background: transparent;
    border: none;
    text-shadow: none;
    font-weight: normal;
    width: 88px;
    color: #1A3B69;
    border-radius: 0px;
    padding: 5px 0px;
    margin-right: 30px;
    overflow: visible;
}
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .view-basket-btn a.ui-btn:after {
    content: '\f105';
    font-family: 'FontAwesome';
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    right: -20px;
    font-size: 22px;
    top: 1px;
}
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .tp_prodMessage:after,
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .tp_prodMessage:before {
    content: "";
    position: absolute;
    right: 10px;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}
.feature-design-for-tp3.feature-can-collect .add-to-basket-popup .tp_prodMessage:after {
    top: -39px;
    border-bottom: 20px solid #ddd;
}

.feature-design-for-tp3.feature-can-collect .add-to-basket-popup,
.page-mobile-spotLightPage.feature-can-collect .add-to-basket-popup,
.page-mobile-productList.feature-can-collect .add-to-basket-popup,
.page-mobile-searchResults.feature-can-collect .add-to-basket-popup {
    top: 62px;
}

.add-to-basket-popup {
    position: absolute;
    top: 87px;
    right: 15px;
    width: 85%;
    z-index: 10;
}
#addedItemsToCartBlock.fix_cart_popup {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
}

.feature-design #header {
    z-index: 1000!important;
}
.feature-design  #header #headerItem1 img {
    width: 45px;
    vertical-align: middle;
    margin: 9px auto 0;
    display: block;
}
.feature-design-for-tp3.feature-can-collect  #header #headerItem4 .spotlight a.basket:after {
    background: url(../images/basket.png) 50% 7px no-repeat;
    background-size: 36px;
}
.feature-design-for-tp3.feature-can-collect  #header #headerItem4 .spotlight a.quote:after {
    background: url(../images/quote-list-icon-sprite.svg) 50% 7px no-repeat;
    background-size: 48px;
    left: 2px;
    top: 5px;
}
.feature-design  #header .tpHeaderLinks:active {
    background-color: #fff;
}
.feature-design  #header .product_added {
    bottom: 33px;
    z-index: 1;
    right: 42%;
}

/*.pagination.tp_branchList_pagination li {
    width: 30px;
    height: 30px;
    vertical-align: top;
    line-height: 32px;
}

.pagination.tp_branchList_pagination li a {
    color: #212121;
    text-decoration: none;
}

.pagination.tp_branchList_pagination li.active{
    border: 1px solid #1A3B69;
}
.pagination.tp_branchList_pagination li.active{
    background: #f5f5f5!important;
}

.pagination.tp_branchList_pagination li.prev,
.pagination.tp_branchList_pagination li.next {
    border: 1px solid #1a3b69;
    margin: 0 10px;
    position: relative;
}
.pagination.tp_branchList_pagination li.prev a:after,
.pagination.tp_branchList_pagination li.next a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-color: #000;
    border-style: solid;
    border-width: 4px 4px 0 0;
    position: absolute;
    left: 7px;
    top: 10px;
    transform: rotate(45deg);
}

.pagination.tp_branchList_pagination li.prev a:after {
    transform: rotate(225deg);
    left: 10px;
    top: 7px;
}
*/

/*Because feedback appears over popup*/
.usabilla_live_button_container{
    z-index: 1099!important;
}

.innerAmendPasswordContainer.hidden {
    display: none;
}

.innerAmendLoginContainer.hidden {
    display: none;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.list li {
    border-bottom: 1px solid #ededed;
    padding: 15px 0px;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li a,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.list li a {
    border: none;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li.login_button_grid_view,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.grid li.login_button_grid_view {
    width: 100%;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    float: left;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
    border: 0;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li.login_button_grid_view.short_form,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.grid li.login_button_grid_view.short_form {
    width: 50%;
    clear: both;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li.login_button_grid_view a,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.grid li.login_button_grid_view a {
    position: relative;
    border: none;
    padding: 0;
    min-height: initial;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li.login_button_grid_view,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.list li.login_button_grid_view{
    display: none;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .login_button_list_view,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.grid li .login_button_list_view {
    display: none;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li > a,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.list li .login_button_list_view {
    width: 50%;
    padding: 0 15px;
    display: inline-block;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .login_button_list_view,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.list li .login_button_list_view {
    width: 30%;
    padding: 0;
    display: inline-block;
}

.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .login_button_list_view a,
.feature-design-for-tp3 .tp_prod_category .tp_catViewWrapper .tp_catView.list li .login_button_list_view a {
    display: inline;
    padding: 0;
}

.tp_prod_category .tp_catView.grid {
    display: flex;
    flex-wrap: wrap;
}

.usabilla_live_button_container{
    display: none;
}

#stockCheckPopupDialog .tp_branchItem .tp_branchShow,
.tp_branchView_wrapp .tp_branchView li a.tp_branchShow {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 15px 0 55px 0;
    z-index: 2;
}

#stockCheckPopupDialog .tp_branchItem .tp_branchShowButtonsHolder {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
}

/* Quote list */
.feature-design .thankyou-box {
    margin: 0;
}
.feature-design .thankyou-box > div:first-child .content > div {
    text-align: left !important;
}
.feature-design .thankyou-text {
    display: table;
    position: relative;
    margin: 0;
    min-height: 185px;
    padding: 13px;
}
.feature-design .thankyou-text:after {
    content: "\f05d";
    display: inline-block;
    position: absolute;
    font-family: FontAwesome;
    font-size: 200px;
    color: #F8F8F8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.feature-design .thankyou-text > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.feature-design #requestQuoteForm .form_buttons_wrapper {
    height: 160px;
}
.feature-design .quote_form label {
    font-weight: bold;
}
.feature-design .quote_form .ui-field-contain .content {
    font-size: 13px;
    margin-bottom: 10px;
    color: #616161;
    line-height: 20px;
    display: inline-block;
}
.feature-design .quote_form_content .quote_form .form_buttons_wrapper {
    padding-top: 2em;
}
.feature-design .quote_form > .form_fields_group + .yCmsComponent .content p {
    display: inline;
    font-size: 11px;
    margin-right: 3px;
}
.feature-design #requestQuoteForm .yCmsComponent .ui-link {
    text-decoration: none;
}
.feature-design #requestQuoteForm .yCmsComponent .ui-link:hover {
    text-decoration: underline;
}
.feature-design #requestQuoteForm .form_buttons_wrapper #backBtn {
    top: 68px!important;
}
.feature-design #requestQuoteForm .form_buttons_wrapper #requestQuoteBtn {
    bottom: 70px!important;
}
.feature-design .quote_form_content .quote_form_note {
    background: none;
    text-align: right;
    padding: 10px 20px 10px 0;
}
.feature-design .quote_form_content .quote_form_note p {
    color: #7F7F7F;
    font-weight: normal;
    font-size: 13px;
}
.feature-design .tp_basket .empty_basket {
    padding: 20px;
}
.feature-design .quote_form_content .quote_form .post_code_wrapper .ui-grid-a .ui-block-c #postCodeSearchBtn {
    color: #ffffff;
    border-radius: 0;
    background-color: #296c96;
    border-color: #296c96;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li img {
    display: inline-block;
    position: relative;
    left: 0;
    width: 60px;
    max-height: 60px;
    top: 0px;
    margin-top: 0px;
    margin-right: 5px;
}
.feature-design .tp_prod_detail .tp_prodPrice .productPrice span {
    display: table-cell;
}

/* Thank you page*/

.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_header,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header {
    border-bottom: 2px solid #002d5d;
    background: #fff;
    position: relative;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 99999;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header:after,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_header:after,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header:after {
    content: '';
    clear: both;
    display: block;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_logo,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_header .tp_logo,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_logo {
    position: relative;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_logo,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_header .tp_logo,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_logo {
    position: relative;
    height: 60px;
    top: -7px;
    float: left;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_logo a,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_header .tp_logo a,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_logo a {
    display: block;
    padding: 2px 0 0 5px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_logo a img,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_header .tp_logo a img,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_logo a img {
    height: 55px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp {
    position: relative;
    height: 60px;
    float: right;
    width: 65%;
    right: 10px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header  .tp_orderSteps_wrapp .tp_orderStep_line {
    position: absolute;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_line,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_line,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_line {
    position: absolute;
    top:17px;
    left: 15px;
    right: 15px;
    height: 2px;
    background: #e0e0e0;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num {
    border: 1px solid #e0e0e0;
    position: absolute;
    top: 5px;
    height: 25px;
    width: 25px;
    background: #fff;
    border-radius: 50%;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.active,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.active {
    background: #1A3B69;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step1,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step1{
    left: 10px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step2,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step2 {
    left: 50%;
    margin-left: -20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step2 p,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step2 p {
    left: -4px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step3,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step3 {
    right: 13px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num span,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num span {
    font-weight: normal;
    color: #000;
    line-height: 26px;
    font-family: Helvetica, arial, sans-serif;
    text-align: center;
    font-size: 14px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.active span,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.active span{
    color: #fff;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num p,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num p {
    color: #232332;
    position: absolute;
    bottom: -26px;
    font-size: 13px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step1 p,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step1 p {
    left: -19px;
    width: 75px;
    text-transform: capitalize;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step3 p,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .tp_orderSteps_wrapp .tp_orderStep_num.step3 p {
    left: -20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .return_basket,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .return_basket {
    color: #00295d;
    text-decoration: none;
    font-weight: normal;
    position: absolute;
    top: 96px;
    z-index: 56;
    left: 17px;
    font-size: 15px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .return_basket {
    position: static;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .return_basket:before,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_header .return_basket:before {
    content: "\f104";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 18px;
    color: #000 !important;
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal !important;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_checkoutTitle_wrapper,
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .tp_checkoutTitle_wrapper{
    display: none;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-page {
    padding: 10px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .content > p {
    padding-bottom: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .tp_OrderTitle,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .tp_orderSuccess,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-page .payment-declined-title {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #order_details {
    border: none!important;
    background: transparent!important;
    padding: 0px!important;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details {
    background: #fafafa !important;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .success_header {
    margin-bottom: 20px;
    border: none;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    z-index: 1;
    position: relative;
    font-weight: normal;
    padding: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_orderSuccess {
    position: relative;
    padding-left: 40px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .tp_OrderTitle,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .tp_orderSuccess,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-page .payment-declined-title {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .tp_orderSuccess::before {
    left: 0;
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 26px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    content: "\f058";
    background: none;
    color: #1A3B69;
    top: -2px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .tp_infoList > li,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_infoList > li {
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #order_details .tp_success_text,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #order_details .tp_success_text .content p,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_delivery {
    font-size: 14px;
    color: #616161;
    line-height: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .collection_wrap,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .delivery_wrap,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .balance_wrap,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .collection_info_wrap {
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
    position: relative;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_delivery {
    color: #616161;
    font-size: 14px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .remain {
    font-size: 16px;
    width: 160px;
    padding: 0px;
    border: none;
    margin-right: 5px;
    color: #212121;
    text-align: left;
    margin-bottom: 5px;

}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .remain div {
    color: #212121;
    font-size: 14px;
    margin-bottom: 5px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .remain .valueAlign {
    font-weight: normal;
    font-size: 32px;
    color: #517C6C;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .tp_creditsNotes > li {
    display: inline-block;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .limit div {
    margin-left: 5px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .limit .valueAlign  {
    font-weight: bold;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #accountDashboardButton {
    padding: 12px;
    display: block;
    text-align: center;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .find-btn,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .btn-cancel,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #accountDashboardButton {
    background-color: #eee;
    border-color: #e0e0e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-decoration: none;
    color: #212121;
    font-weight: normal;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .orderSuccess_buttons {
    background-color: transparent;
    margin-bottom: 35px;
    padding: 10px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate  #orderDetailsButton {
    background-color: #ec9b0c;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-decoration: none;
    color: #212121;
    display: block;
    padding: 12px;
    text-align: center;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper img {
    max-width: 100%;
}
/*.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #wrapper {
    background-color: #f7f7f7;
}*/
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #collectionHeader,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #deliveryHeader,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #collectionHeader,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #deliveryHeader {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    position: relative;
    top: 0;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #collectionEstimationTime,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #collectionEstimationTime {
    line-height: 24px;
    font-size: 16px;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #collectionEstimationTime {
    padding: 0 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #collectionEstimationTime .tp_collect_eta,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #collectionEstimationTime .tp_collect_eta .content,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #collectionEstimationTime .tp_collect_eta,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #collectionEstimationTime .tp_collect_eta .content{
    display: inline-block;
    margin: 0;
    font-weight: bold;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .order_success_wrapper .content > p:last-child {
    padding-bottom: 0px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #order_details .colum_wrapper {
    padding: 10px 0 5px 0;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .colum_wrapper {
    padding: 10px 20px 5px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #order_details .colum_wrapper .CO_collumLeft,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #order_details .colum_wrapper .CO_collumRight,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .colum_wrapper .CO_collumLeft,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .colum_wrapper .CO_collumRight{
    padding: 5px 0;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .colum_wrapper .CO_collumRight {
    font-size: 15px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .CO_collumLeft .contact_wrap p,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .contact_wrap p,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .address_wrap,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .address_wrap {
    margin-bottom: 10px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .CO_collumLeft p,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #openingHoursContent p {
    font-size: 14px!important;
    color: #616161;
    line-height: 20px!important;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .CO_collumLeft .headings {
    font-weight: normal!important;
    padding: 0 0 5px 0;
    color: #212121!important;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .CO_collumRight .headings {
    position: relative;
    font-weight: normal;
    padding: 0 0 10px 0;
    text-decoration: none!important;
    margin-top: 10px;
    font-size: 14px!important;
    color: #1A3B69;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_collect_success .content {
    font-size: 14px;
    padding-left: 30px;
    margin-top: 20px;
    position: relative;
    color: #616161;
    line-height: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_collect_success .content:before {
    content: '\f05a';
    font-family: 'FontAwesome';
    display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    position: absolute;
    left: 0px;
    font-size: 20px;
    color: #616161;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #order_details #deliveryDate,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #deliveryDate {
    font-weight: bold;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .CO_collumLeft .contact_wrap .headings,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .contact_wrap .headings {
    margin-bottom: 0px!important;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .contact_wrap a.ui-link,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .contact_wrap a.ui-link {
    color: #1A3B69;
    font-size: 14px;
    font-weight: normal!important;
    text-decoration: none;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .CO_collumRight .wk_day {
    width: 150px;
    display: inline-block;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .CO_collumRight p span,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumRight p span {    display: inline-block;
}

/*--------------------Address Book Mobile----------------------*/

.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook #breadcrumb {
    background-color: #f5f5f5;
    padding: 8px 20px;
}

.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook #addressBookContainer {
    padding: 0px 20px;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook #addressBookContainer .address-book-title {
    padding: 15px 0;
    padding-top: 20px;
    font-size: 25px;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook .address {
    border: 1px solid #e0e0e0!important;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook .address div,  .address strong {
    color: #616161!important;
    padding-bottom: 2px;
    font-weight: normal!important;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook #addressBookContainer .address {
    padding: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook button.delete-btn.delete-popUp {
    background-color: #EDEDED!important;
    border: none!important;
    float: none!important;
    width: 100%!important;
    margin-top: 15px;
    height: 40px!important;
    line-height: 40px;
    color:  #333333 !important;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook a.add-new-address,
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook a.go-to-dashboard{
    display: block;
    background-color: #EC9B0C!important;
    color:  #333333 !important;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    height: 50px!important;
    margin-top: 20px!important;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook a.go-to-dashboard {
    margin-bottom: 20px!important;
}
.feature-design-for-tp3.feature-can-collect.page-MobileAddressBook #addressBookContainer .addresses {
    padding: 25px 0 10px 0!important;
}

/*----------------Add Address Page----------------------*/

.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .tp_breadcrumbs {
    background-color: #f5f5f5;
    padding: 8px 20px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #orderDeliveryAddressForm {
    padding: 5px 10px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .title {
    font-size: 25px;
    padding: 15px 0;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .form-info {
    padding-bottom: 20px;
    font-size: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .form_field > label {
    margin-bottom: 0px;
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
    box-shadow: none;
    border-radius: 0%;
    height: 40px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .form_field {
    margin-bottom: 0px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage button.find-btn.ui-btn.ui-shadow.ui-corner-all {
    border: none;
    height: 45px;
    background-color: #296C96!important;
    color: #fff;
    font-weight: bold;
    text-shadow: none;
    outline: none;
    font-size: 17px;
    line-height: 23px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .find-btn-wrap {
    margin: -5px 0 20px 0px!important;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage input {
    font-size: 19px;
    border: 1px solid #e0e0e0;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
    overflow: visible;
    border: none;
    margin-bottom: 22px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage input:focus {
    border-bottom: 2px solid #F6B112;
    background-color: #fafafa;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage div#selectedAddress-button {
    background-color: #fff;
    border-radius: 0%;
    height: 22px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage div#selectedAddress-button {
    background-color: #fff;
    border: 1px solid #e0e0e0!important;
    box-shadow: none;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage p.text-block {
    margin-bottom: 25px!important;
    color: #212121;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage label.agree-radio-btn.ui-btn.ui-corner-all.ui-btn-inherit.ui-btn-icon-left.ui-radio-off {
    width: 100%;
    height: 65px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-radio-on,
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-radio-off {
    height: 50px;
    text-shadow: none;
    font-weight: normal;
    font-size: 18px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-radio-on {
    background-color: #296C96;
    color: #fff;
    border: 1px solid transparent;
    padding: 0px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-radio-off {
    background-color: #fff;
    color: #212121;
    border: 1px solid #e0e0e0;
    padding: 0px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-radio {
    width: 49%;
    display: inline-block;
    height: 65px;
    background-color: #fff;
    vertical-align: top;
    border-radius: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .ui-radio .ui-btn:after {
    display: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .radio-btn-wrap {
    margin-top: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .question-wrap {
    margin-bottom: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage button.form-btn.btn-submit.ui-btn.ui-shadow.ui-corner-all {
    background-color: #EC9B0C!important;
    border: none;
    height: 60px;
    color: #333333!important;
    text-shadow: none;
    margin-top: 20px!important;
    margin-bottom: 20px;
    font-weight: bold!important;
    box-shadow: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage a.form-btn.btn-cancel.ui-link {
    background-color: #fff!important;
    height: 60px;
    color: #212121!important;
    text-shadow: none;
    margin-top: 20px!important;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .find-btn-wrap button {
    background-color: #ccc;
    box-shadow: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .inputErrorBorder input {
    border-bottom: 2px solid #D60909!important;
    background-color: #f5f5f5;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .inputErrorBorder {
    border: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .error.validation_error,
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage .find-address-error{
    color: #f44336;
    font-size: 13px;
    margin-top: -12px;
    margin-bottom: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-TPMobileAddDeliveryAddressPage #add-new-address .error {
    color: #f44336;
}

/* Add new address */
.feature-design-for-tp3.feature-can-collect #add-new-address {
    padding: 0 10px;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .title {
    font-size: 20px;
    padding: 15px 0;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .form-info {
    padding-bottom: 20px;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .mandatory {
    display: inline-block;
    padding-left: 2px;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .find-btn-wrap {
    margin: 40px 0;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .find-btn-wrap button {
    background-color: #ccc;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .form_field,
.feature-design-for-tp3.feature-can-collect #add-new-address .text-block,
.feature-design-for-tp3.feature-can-collect #add-new-address .question-wrap {
    margin-bottom: 30px;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .form_field > label {
    margin-bottom: 15px;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .questions-form + .btn-submit {
    color: #FFF;
    background-color: #666666;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect #add-new-address .find-address-error,
.feature-design-for-tp3.feature-can-collect #add-new-address .error.validation_error,
.feature-design-for-tp3.feature-can-collect #add-new-address .form-error {
    color: #f44336;
}
.feature-design-for-tp3.feature-can-collect .add-new-address .ui-btn-corner-all, .ui-btn.ui-corner-all, .ui-slider-track.ui-corner-all, .ui-flipswitch.ui-corner-all, .ui-li-count{
    border-radius: 0;
}
/* end */
.feature-design-for-tp3.feature-can-collect #addressBookContainer .pagination {
    margin-bottom: 10px;
}
.feature-design-for-tp3.feature-can-collect #addressBookContainer .pagination ul {
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect #addressBookContainer .pagination li {
    display: inline-block;
}

/*searchResults & productList pages for M3 */

.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li span,
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li span {
    padding: 0px;
    display: block;
    position: relative;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect .tp_prodView.list .product_price,
.page-mobile-productList.feature-design .tp_prodView.list .product_price {
    display: block;
    position: relative;
    vertical-align: top;
    width: 200px;
    margin-left: auto;
    text-align: right;
    margin-top: -10px;
}
.feature-design-for-tp3.feature-can-collect li.product_item {
    padding: 10px!important;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li > a {
    width: 100% !important;
    padding: 0 !important;
}
.feature-design-for-tp3.feature-can-collect .price_from {
    display: inline-block;
    position: relative;
    font-weight: normal;
    font-size: 13px;
    color: #616161;
    padding-right: 5px!important;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_grid.active {
    background-position: 3px -27px;
    background-color: #296C96;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_list.active {
    background-position: 2px -86px;
    background-color: #296C96;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_sortWrapper .tp_sortAction {
    padding: 20px 0;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_sortWrapper .tp_total {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: auto;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_sortWrapper .sort_by {
    width: 100%;
}
.feature-design-for-tp3.feature-can-collect .tp_prodView.grid .login_button_list_view {
    display: none!important;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid .product_item,
.feature-design-for-tp3.feature-can-collect .tp_prod_category .tp_catViewWrapper .tp_catView.grid .product_item {
    min-height: 235px!important;
}
.feature-design-for-tp3.feature-can-collect .login_button_grid_view {
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #ededed!important;
    background: #fafafa;
}
.feature-design-for-tp3.feature-can-collect .login_button_grid_view a {
    display: inline-block!important;
    font-weight: normal;
    font-size: 14px;
    color: #1A3B69!important;
    border-bottom: 1px solid #1A3B69!important;
}
.feature-design-for-tp3.feature-can-collect .tp_prodView.list .login_button_list_view {
    width: 100%!important;
    text-align: right;
    line-height: 30px;
}
.feature-design-for-tp3.feature-can-collect .tp_prodView.list .login_button_list_view .content {
    display: inline-block!important;
    font-weight: normal;
    font-size: 14px;
    color: #1A3B69!important;
    border-bottom: 1px solid #1A3B69!important;
}
.feature-design-for-tp3.feature-can-collect .tp_prodView.list .login_button_list_view a {
    color: #1A3B69!important;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li:after {
    top: 20%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-searchResults.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li:after,
.feature-design-for-tp3.feature-can-collect.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li:after{
    top: 20%;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li span,
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper li .price_value,
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .price_from,
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView li .product_price div {
    font-size: 14px;
    line-height: 14px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li span,
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li span {
    display: inline-block;
    position: relative;
}
.feature-design.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView li .product_price {
    position: inherit;
    bottom: inherit;
    left: inherit;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price_holder,
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .price_from {
    order: 0;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder {
    justify-content: flex-start;
    flex-wrap: wrap;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper li .product_price_holder .rrp_price_ex_vat {
    text-decoration: line-through;
    font-size: 12px !important;
    margin-right: 5px;
    order: 5;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper li .product_price_holder .rrp_price_ex_vat ~ .price_value {
    color: #ff0000;
    order: 10;
    padding-top: 5px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price {
    position: relative;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li p {
    text-align: left;
    padding-top: 30px;
}
.feature-design-for-tp3.feature-can-collect.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .login_button_list_view a{
    margin-left: 0;
}
.feature-design-for-tp3.feature-can-collect .login_button_grid_view a {
    font-weight: bold;
    border-bottom: none !important;
}
/* Quote list M3 Start*/
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect-for-tp3.feature-can-collect #basket_link {
    margin-right: 0;
    width: 180px;
    display: inline-block;
    line-height: 10px;
    position: relative;
    float: right;
    right: 10px;
    margin-top: 48px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect #basket_link a {
    text-decoration: none;
    color: #1a3b69;
    padding: 10px 5%;
    display: block;
    font-size: 16px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect p.quote-list-title, .basket_link {
    float: none;
    display: inline-block;
    width: 100%;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item {
    border-bottom: none;
    border-top: 1px solid #eee;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_info .item_code {
    font-size: 16px!important;
    color: #616161!important;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .qty_label {
    display: block;
    color: #616161;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
    background: none;
    border: none;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_optns input {
    border: 1px solid #e0e0e0;
    color: #000;
    background: #fff;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .tpQ_button {
    text-align: center;
    width: 100%;
    margin: 25px 15px 23px 15px !important;
    padding: 10px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .ui-btn.ui-input-btn.ui-corner-all.ui-shadow {
    background: none;
    border: none;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .tpQ_button .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .ccButton .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .tpQ_button {
    margin-top: 15px;
    background: #eee;
    border: 1px solid #e0e0e0;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s all;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    font-size: 16px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect #addToCartButton {
    background: url(../images/cctruck.png)!important;
    background-size: 30px!important;
    opacity: 1;
    background-repeat: no-repeat!important;
    background-position: 8px center!important;
    font-family: sans-serif;
    color: #333;
    font-weight: 400;
    text-decoration: none;
    width: 100%;
    display: inline-block;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect #addForCollection {
    background: url(../images/ccmouse.png)!important;
    background-size: 26px!important;
    opacity: 1;
    background-repeat: no-repeat!important;
    background-position: 16px center!important;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_optns a {
    font-size: 13px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .ui-panel-wrapper #content .tp_basket .tpCheckoutButton a {
    margin-top: 15px;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s all;
    border-radius: 4px;
    height: 60px;
    width: 93%;
    line-height: 60px;
    font-weight: normal;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect div#uid-TPMobileContinueShoppingButton div a.ui-link {
    margin-top: 0px;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s all;
    border-radius: 4px!important;
    height: 50px;
    line-height: 50px!important;
    font-weight: normal;
    width: 93%!important;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_img img {
    width: 80px;
    margin-right: 15px!important;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_info {
    min-height: 90px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .tpQ_button .ui-btn.ui-input-btn.ui-corner-all.ui-shadow.ui-state-disabled {
    background-color: #fff!important;
    border: none!important;
    box-shadow: none!important;
    background-image: url(../images/cctruck.png)!important;
    background-size: 30px!important;
    background-position: 0px!important;
    background-repeat: no-repeat!important;
    opacity: 1;
    color: #616161;
    padding-left: 45px;
    white-space: normal;
    overflow: visible;
    line-height: 22px!important;
    text-align: left;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .ccButton .ui-btn.ui-input-btn.ui-corner-all.ui-shadow.ui-state-disabled {
    background-color: #fff!important;
    border: none!important;
    box-shadow: none!important;
    background-image: url(../images/ccmouse.png)!important;
    background-size: 30px!important;
    background-position: 0px!important;
    background-repeat: no-repeat!important;
    opacity: 1;
    color: #616161;
    padding-left: 45px;
    white-space: normal;
    overflow: visible;
    line-height: 22px!important;
    text-align: left;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect a#changePostCode {
    position: relative;
    width: 100%;
    text-align: left;
    display: block;
    color: #1a3b69;;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px!important;
    margin-bottom: 25px;
    padding-left: 57px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect a#changePostCode:before {
    content: '';
    background: url(../images/edit_location_blue.png);
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: 35px;
    position: relative;
    top: 10px;
    right: 4px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .item_price p, .item_price p span {
    display: inline;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .basket_items .item-wrapper .item_price {
    position: static;
    margin-left: 115px;
    margin-top: -97px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_info a {
    font-size: 16px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .item_price p {
    font-size: 16px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .item_price p span {
    font-size: 10px;
    color: #616161;
    display: block;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .itm_optns.quote_list_itm {
    height: 35px;
    background-color: #F7F7F7;
    margin-top: -54px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_item .content {
    padding-bottom: 58px;
    margin-top: -60px;
    padding-left: 16px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect #content .tp_basket .tpButtonArea .customerTypeAwareButton .ui-link {
    height: 40px;
    margin-top: 30px;
    background-color: #ec9b0c;
    font-size: 13px;
    line-height: 43px !important;
    font-weight: bold;
    border-color: #557776 !important
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect div#uid-TPMobileContinueShoppingButton div a.ui-link {
    height: 40px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 43px !important;
    background-color: #296c96!important;
    color: #fff!important;
    border-color: #557776 !important
}


.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_info .ui-link  {
    font-size: 14.4px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .ccButton {
    width: 100%;
    margin: 5px;
    padding: 10px;
    margin-top: -32px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_item .tpToolTip {
    margin: -55px 10px 0px 10px;
    padding-bottom: 60px;
}
.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_item .tpToolTip p {
    display: inline;
    font-size: 14.4px;
    font-family: 'Roboto', sans-serif;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_item .productPriceMessage > a {
    padding-bottom: 4px;
}

.page-mobile-quotePage.feature-design-for-tp3.feature-can-collect .baskt_items_wrap .baskt_item .itm_info .item_code {
    font-size: 10px!important;
    margin-bottom: 48px;
}

/* Quote list M3 End*/

/*BEGIN Enter postcode popup*/
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup-screen {
    height: auto !important;
}

.feature-design-for-tp3.feature-can-collect #changedPostCodePopup .tp_stockHeader,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .tp_stockHeader {
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
    text-shadow: none;
}
.feature-design-for-tp3.feature-can-collect #changedPostCodePopup .tp_stockHeader h3,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .tp_stockHeader h3 {
    line-height: 20px;
    min-height: 20px;
    font-size: 18px;
    padding-right: 25px;
}
.feature-design-for-tp3.feature-can-collect #changedPostCodePopup .tp_stockHeader .popup_close,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .tp_stockHeader .popup_close {
    width: 20px;
    height: 20px;
    position: absolute;
    left: auto;
    top: 1em;
    right: 1em;
    border: none;
    padding: 0;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0 -155px;
    background-size: 18px;
}
.feature-design-for-tp3.feature-can-collect #changedPostCodePopup .tp_stockHeader .popup_close {
    text-indent: -45px;
}
.feature-design-for-tp3.feature-can-collect #changedPostCodePopup .tp_branchSearch,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .tp_branchSearch {
    padding:15px 0 0 0;
}

.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-error-msg,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .delivery-error-msg,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-delivery-branch-missing-msg {
    display: none;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .form_field-input,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .form_field-input {
    float: left;
    width: 60%;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .text_input,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .text_input {
    margin-right: 0;
    outline: none;
    font-style: italic;
    text-transform: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 3px 3px 4px #eee;
    -webkit-box-shadow: inset 3px 3px 4px #eee;
    box-shadow: inset 3px 3px 4px #eee;
    border: 1px solid #BBB;
    padding: 3px !important;
    height: 28px;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .search-btn {
    width: 33%;
    margin: 0 0 0 5px;
    background-color: #EC9B0C;
    float: left;
    border: 1px solid #E99B0B;
    border-radius: 10px;
    font-size: 14px;
    line-height: 102%;
    box-shadow: none;
    min-width: 100px;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .form_field-input {
    width: 67%;
    max-width: calc(100% - 100px);
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postCodeForm {
    overflow: hidden;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-error-msg,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-delivery-branch-missing-msg {
    color: #f44336;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-info {
    position: relative;
    line-height: 1.25;
    padding: 15px 10px 15px 45px;
    color: #1E1E1E;
    background-color: #F2F2F2;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-info:after {
    content: '';
    position: absolute;
    left: 14px;
    top: 19px;
    width: 17px;
    height: 18px;
    background: url('../images/add-to-cart-popup-info-icon.png');
}

.feature-design-for-tp3.feature-can-collect #checkPostCodePopup #postCodeForm #postcode {
    text-transform: uppercase;
}

.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .logo-wrap {
    width: 23%;
    margin-right: 10px;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .description {
    width: 70%;
    font-size: 14px;
    color: #616161;
    vertical-align: top;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .logo-wrap, .description {
    display: inline-block;
    float: none;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .tp_stockHeader h3 {
    font-size: 16px;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup img.popup-icon {
    width: 100%;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .text_input {
    box-shadow: none;
    border: 1px solid #e0e0e0;
    border-radius: 0px;
    width: 100%;
    font-style: normal;
    padding-left: 6px!important;
    font-size: 15px;
    height: 35px;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .search-btn {
    border-radius: 0px;
    font-weight: normal;
    font-size: 16px;
    padding: 0px;
    height: 35px;
    margin-left: 0px;
    color: #000!important;
    text-shadow: none;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-info:after {
    display: none;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-info {
    font-size: 14px;
    background: #fff!important;
    border: 1px solid #1A3B69;
    padding: 10px!important;
    padding-left: 40px!important;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postCodeForm {
    margin-bottom: 10px;
    margin-top: 20px;
}
.feature-design-for-tp3.feature-can-collect .ui-corner-all>.ui-content:last-child {
    margin-bottom: 15px;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup .postcode-info:before {
    content: 'i';
    position: absolute;
    background: #616161;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    left: 10px;
}
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup p.error-msg {
    font-size: 13px;
    margin-bottom: 10px;
    color: #f44336;
}
.feature-design-for-tp3.feature-can-collect #changedPostCodePopup,
.feature-design-for-tp3.feature-can-collect #checkPostCodePopup-popup {
    width: 95%;
    max-width: 500px !important;
}

/*END Enter postcode popup*/


/* Order History Mobile */

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #search_fields .order_filter_select select {
    height: 25px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #content {
    padding: 3px 0;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order_history_table .orders-list {
    border: none;
    border-bottom: 1px solid #D3D3D3;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #orderHistoryMessage .yCmsComponent .content {
    padding: 0px 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #search_fields .order_filter_select {
    padding: 0 0 10px 0;
    margin-left: -4px;
    text-align: left;
    width: 200px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .showing-top-line {
    padding: 7px 11px 5px 7px;
    background-color: rgba(97, 97, 97, 0.15);
    border-bottom: 2px solid rgb(10, 79, 56);
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #search_fields {
    width: 54%;
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sort-panel {
    height: auto;
    display: inline-block;
    position: relative;
    left: 70px;
    bottom: 16px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile table#order_history_table {
    width: 100%;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order-details-value:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: relative;
    display: block;
    padding-left: 5px;
    font-size: 15px;
    padding-right: 13px;
    float: right;
    background: none;
    width: 0;
    left: 0;
    bottom: 0;
    background-size: 0;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order-details-value {
    font-weight: normal;
    font-size: 14px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order_history_table td {
    font-size: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order_history_table td:nth-child(4) {
    width: 72%;
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order_history_table td:first-child {
    margin-top: 4px;
}

.feature-design-for-tp3.page-AccountOrderHistoryMobile #order_history_table td.collectionType,
.feature-design-for-tp3.page-AccountOrderHistoryMobile #order_history_table td.deliveryType {
    width: 100%;
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .collectionTypeImg,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .deliveryTypeImg {
    float: left;
    margin: 2px 10px 0 0;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .collectionTypeImg {
    margin-right: 15px;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .orders-list .collectionType strong,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .orders-list .deliveryType strong {
    float: left;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .collectionTypeDesc,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .deliveryTypeDesc {
    margin-left: 110px;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .collectionTypeDesc {
    text-transform: capitalize;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .lineUnderOrders {
    margin: 15px 28%;
    width: 100%;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile a.showNextOrdersButton {
    color: #0a4e37!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order_history_table p.order-ref-number {
    font-weight: bold;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .showing-top-line .amount-of-orders,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .showing-top-line .order-results-found,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sort-button-label,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #search_fields .order_filter_select {
    font-size: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .orderHistory {
    background-color: rgba(97, 97, 97, 0.05);
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile div#table_container {
    background-color: #fff;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .orders-list td:nth-child(2) {
    font-weight: bold!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile span.order-date-value.inline,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #order_history_table .inline,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile span.order-date-value.inline {
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sort-panel {
    left: 16px;
    width: 92%;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile #sort-by-button-cross-container {
    margin: 0px -5px 0px 0px;
    height: 20px;
    width: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sorted-by-text-start {
    font-size: 15px;
    margin-top: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile div#sort-by-button-container {
    margin-top: 20px;
    position: relative;
    display: none;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sorted-by-list-arrow-container {
    position: relative;
    float: right;
    font-size: 0;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sorted-by-list-arrow-container:before {
    content: '\f107';
    display: block;
    font-size: 20px;
    font-family: 'FontAwesome';
    margin-top: -5px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sort-button-label {
    font-family: Arial, sans-serif;
    margin-top: 8px;
    text-align: left;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    border-left-width: 0px;
    border-right-width: 0px;

}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .criteria-type {
    border: none;
    padding: 15px 15px 15px 35px;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sort-panel {
    width: 90%;
    display: inline-block;
    bottom: 10px!important;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #orderHistoryMessage .yCmsComponent .content {
    padding: 10px 10px 10px 40px;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #orderHistoryMessage .yCmsComponent .content:before {
    content: '\f05a';
    font-family: 'FontAwesome';
    position: absolute;
    top: 7px;
    font-size: 18px;
    left: 10px;
    color: #616161;
}

/*Order History Listing*/

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design a.tp_bread_link.ui-link {
    color: #616161!important;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .tp_breadcrumbs .tp_bread_link:before {
    content: '\f104';
    font-family: 'FontAwesome';
    position: relative;
    display: inline-block;
    width: 0px;
    height: 0px;
    background: none!important;
    font-size: 25px;
    left: -20px;
    top: 2px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .tp_breadcrumbs {
    padding: 0px 10px!important;
    border-bottom: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .orderHistory {
    background: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design div#orderHistoryMessage .content {
    border: 2px solid #1A3B69;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #orderHistoryMessage {
    padding: 10px 10px 10px 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #orderHistoryMessage .yCmsComponent .content {
    padding: 10px 10px 10px 40px;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #orderHistoryMessage .yCmsComponent .content:before {
    content: '\f05a';
    font-family: 'FontAwesome';
    position: absolute;
    top: 7px;
    font-size: 18px;
    left: 10px;
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design form#search_fields {
    width: 100%!important;
    padding: 10px;
    box-sizing: border-box;
    background: #f5f5f5;
    margin-top: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #search_fields #order-filter-header {
    font-weight: normal!important;
    font-size: 16px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #search_fields div.order_filter_select {
    display: inline-block;
    width: 47%!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #search_fields div.order_filter_select .order_filter_label {
    display: block;
    position: relative;
    width: 140px;
    margin-right: 0px!important;
    margin-bottom: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #search_fields div.order_filter_select select {
    width: 100%;
    margin-left: 0px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #search_fields div.order_filter_select {
    text-align: left!important;
    margin-left: 0px!important;
    margin-right: 10px;
    margin-top: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #search_fields div.order_filter_select:last-child {
    margin-right: 0px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #search_fields .order_filter_select select {
    height: 35px;
    padding: 5px;
    color: #616161;
    border: 1px solid #e0e0e0;

}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .sort-button-label {
    width: 30px;
    overflow: hidden;
    margin: 0 auto;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .sortButton {
    width: 100px;
    background: #eee;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center!important;
    height: 30px;
    line-height: 30px;
    float: right;
    margin-top: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .showing-top-line {
    background: none!important;
    padding: 10px!important;
    border-bottom: 2px solid #e0e0e0!important;
    color: #616161;

}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-results-found {
    padding: 0px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design a.showNextOrdersButton {
    text-decoration: none;
    color: #1A3B69!important;
    font-weight: normal;
}
.feature-design-for-tp3.page-AccountOrderHistoryMobile.feature-design .collectionTypeImg, .feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .deliveryTypeImg {
    background: none;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .collectionTypeImg:before {
    content: '';
    background: url(../images/ccmouse.png)!important;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
    background-size: 18px!important;
    background-repeat: no-repeat;
    left: -2px;

}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .deliveryTypeImg:before {
    content: '';
    background: url(../images/cctruck.png)!important;
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
    background-size: 19px!important;
    background-repeat: no-repeat;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order-details-value {
    color: #1A3B69!important;
    font-weight: normal!important;
    text-decoration: none;
    background-color: #fff;
    height: 25px;
    font-size: 16px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order-details-value:after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: relative;
    display: block;
    padding-left: 10px;
    font-size: 25px;
    padding-right: 23px;
    background: none;
    width: 0;
    left: 0;
    bottom: 6px;
    background-size: 0;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order_history_table td:first-child {
    margin-top: 4px;
    margin-bottom: 10px;
    position: relative;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-date-div {
    display: inline-block;
    width: 45%;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 28px;
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design span.order-date-value {
    position: absolute;
    bottom: 0;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design span.order-ref-number-label {
    color: #616161;
    margin-bottom: 5px;

}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design span.collection-label, .feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design span.delivery-label {
    font-weight: normal;
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .collectionTypeDesc,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .deliveryTypeDesc {
    margin-left: 0px!important;
    margin-top: 5px;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design span.collectionTypeDesc {
    margin-left: 0px!important;
    font-weight: normal;
    margin-top: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.total {
    color: #616161;
    /* font-weight: normal!important; */
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order_history_table td {
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-history-number {
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design  #order_history_table p.order-ref-number {
    font-weight: normal!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-results-found .total-value {
    margin-right: 3px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design span.order-total-label, .feature-design-for-tp3 .order-history-total {
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order_history_table td.total {
    padding-top: 10px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .valueAlign {
    color: #212121;
    font-weight: normal!important;
    position: relative;
    left: -8px;
    font-size: 24px;

}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order_history_table td.order-details-link {
    width: 112px;
    position: absolute;
    display: inline-block;
    right: 0px;
    height: 46px;
    padding-top: 10px!important;

}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.order-details-link,
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.total {
    display: inline-block!important;
    vertical-align: top;
    float: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order_history_table .orders-list {
    padding-bottom: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order-details-value {
    font-weight: normal;
    font-size: 14px;
    position: absolute;
    bottom: 4px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design  #order_history_table td.deliveryType {
    padding-top: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #order-details-value {
    height: 21px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.collectionType {
    padding: 0px 0px 0px 10px!important;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #backToTopButton {
    top: 20px;
    opacity: 0.7;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design span.order-date-value {
    position: relative;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.order-num, .feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.order-date {
    display: inline-block!important;
    padding-bottom: 0px!important;
    height: 43px;
    position: relative;
    width: 45%;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.order-date {
    font-size: 16px!important;
    margin-left: auto;
    text-align: right;
    color: #616161;
    height: auto;
    top: 4px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design p.order-ref-number {
    font-size: 16px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-num-label {
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-total-value strong .valueAlign {
    display: block!important;
    margin-left: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-history-collection-label, .feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-history-delivery-label {
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .collectionTypeDesc, .feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .deliveryTypeDesc {
    font-size: 16px;
}
.feature-design-for-tp3.feature-can-collect .sorted-by-list {
    display: none;
}
.feature-design-for-tp3.feature-can-collect .showing-top-line .order-results-found, .feature-design-for-tp3.feature-can-collect .showing-top-line .order-results-found span {
    display: inline;
}

.feature-design-for-tp3.feature-can-collect .deliveryTypeImg {
    background-image: url(../images/delivery.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    margin: 10px 5px -3px 0;
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect .collectionTypeImg {
    background-image: url(../images/collectAvailable.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 15px;
    background-size: 10px 15px;
    margin: 10px 5px -3px 0;
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile .sorted-by-text {
    font-weight: normal;
    font-size: 13px;
    left: -5px;
    top: 3px;
    position: relative;
}

.feature-design-for-tp3.feature-can-collect #sort-by-button-cross-container {
    float: right;
    margin: -0.6em -0.6em;
    height: 32px;
    width: 32px;
    background: url('../images/acc_dashboard/order-history-sort-button-cross.png') no-repeat center center;
}

.feature-design-for-tp3.feature-can-collect #sort-by-button .sorted-by-text {
    float: left;
    width: 90%;
}

/* Order listing defect fix */

.feature-design-for-tp3.feature-can-collect.feature-design.page-AccountOrderHistoryMobile.feature-design .sortButton {
    margin-left: auto;
    float: none;
}

.feature-design-for-tp3.feature-can-collect.feature-design.page-AccountOrderHistoryMobile .sorted-by-text-start {
    margin-top: 0px;
}
.feature-design-for-tp3.feature-can-collect.feature-design.page-AccountOrderHistoryMobile .sorted-by-list-arrow-container:before {
    display: none;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.order-date {
    width: 45%;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design td.order-num {
    width: 45%;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design .order-results-found .total-value {
    margin-right: 3px;
}
.feature-design-for-tp3.feature-can-collect .order-results-found span {
    display: inline;
}

.feature-design-for-tp3.feature-can-collect .yCmsComponent.filterOrdersNotFoundMessage {
    padding-left: 30px;
    font-weight: bold;
}

.feature-design-for-tp3.feature-can-collect .yCmsComponent.filterOrdersNotFoundMessage:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 18px;
    left: 10px;
    background: url('../images/order%20details/payment-details-icon.png') no-repeat;
}

.feature-design-for-tp3.feature-can-collect.page-AccountOrderHistoryMobile.feature-design #backToTopButton {
    top: 20px;
    opacity: 0.7;
}
.feature-design-for-tp3.feature-can-collect #backToTopButton {
    display: none;
    position: fixed;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 50px;
    width: 72px;
    background: url(../images/backToTop.png) center no-repeat;
    z-index: 1;
    background-color: rgba(232, 232, 232, 0.78);
    padding: 10px;
    border-radius: 10px;
}

/* Order History Sort Menu */

.feature-design-for-tp3.feature-can-collect #orderHistorySortMenu .ui-content {
    padding: 0px;
    width: 280px;
}
.feature-design-for-tp3.feature-can-collect .tp_orderHistorySortHeader {
    background: #D7D7D7;
    line-height: 40px;
    text-align: right;
    padding-right: 15px;
}
.feature-design-for-tp3.feature-can-collect .tp_orderHistorySortHeader a:link,
.feature-design-for-tp3.feature-can-collect .tp_orderHistorySortHeader a:visited,
.feature-design-for-tp3.feature-can-collect .tp_orderHistorySortSubHeader {
    text-decoration: none;
    text-shadow: 0 0 0;
    color: #333333;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect .tp_orderHistorySortHeader {
    background-color: #528272;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.feature-design-for-tp3.feature-can-collect div#orderHistorySortMenu {
    border: none;
}
.feature-design-for-tp3.feature-can-collect .tp_orderHistorySortHeader a.ui-link {
    color: #fff!important;
    text-shadow: 0;
}

.feature-design-for-tp3.feature-can-collect #sort_criterias .tp_SortCriteria > h3 > a {
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect #orderHistorySortMenu .tp_orderHistorySortSubHeader > h3 {
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect .tp_SortCriteria .ui-collapsible-heading > a {
    background: inherit;
}
.feature-design-for-tp3.feature-can-collect div.tp_SortCriteria {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    box-shadow: none!important;

}
.feature-design-for-tp3.feature-can-collect .tp_orderHistorySortSubHeader {
    padding: 15px 5px 15px 15px;
}
.feature-design-for-tp3.feature-can-collect .tp_detailsInfo {
    margin-top: 0px;
    margin-bottom: 0px;
}
.feature-design-for-tp3.feature-can-collect .criteria-type {
    border: 1px solid #CCCCCC;
    padding: 15px 15px 15px 35px;
}

/* Order History Details Unhappy pass*/

.feature-design-for-tp3.feature-can-collect #mobile-order-details-error-messages-container > .error > .content {
    display: none;
    padding:0.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4;
}

.feature-design-for-tp3.feature-can-collect #mobile-order-details-error-messages-container > .info > .content {
    display: none;
    padding:0.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
    background:#d5edf8;
    color:#205791;
    border-color:#92cae4;
}

.feature-design-for-tp3.feature-can-collect .add-spinner {
    background: url('../../common/images/colorbox/loading.gif') no-repeat 50% 0;
}
.feature-design-for-tp3.feature-can-collect .load-wrapper {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0;
    z-index: 1000;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.feature-design-for-tp3.feature-can-collect .loader-msg {
    padding-top: 50px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
}

.feature-design-for-tp3.feature-can-collect #order-ref-container {
    display:none;
}
/* Basket Page Start */


.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .basket.postcode-box {
    position: absolute;
    top: 15px;
    right: 4.7%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_optns {
    overflow: hidden;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .consignment-header {
    background: #ededed;
    border-bottom: 2px solid #d4d4d4;
    padding: 20px 4.7%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .consignment-header span {
    display: inline;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .consignment-header #changePostCode {
    float: right;
    color: #333;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap {
    float: left;
    width: 100px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .consignment-header:after,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap:after,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_collect:after,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery:after {
    content: '';
    clear: both;
    display: block;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap .ui-input-text {
    width: 50%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap .ui-input-text,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap p {
    float: left;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .updateProduct {
    left: 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a {
    margin-right: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_collect,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery {
    padding: 5px 0;
    height: 36px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_collect .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery .cmsimage {
    float: left;
    width: 26px;
    height: 26px;
    padding: 4px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_collect .cmsimage img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery .cmsimage img {
    display: inline;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery .cmsimage img {
    width: 23px;
    margin-top: 2px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_collect .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_delivery .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_delivery .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_delivery .cmsimage {
    background: #ededed;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_delivery  .content,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_delivery  .content,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_delivery  .content,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_collect .content {
    padding-top: 3px;
    line-height: 18px;
    font-size: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_delivery  span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_delivery  span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_delivery  span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_collect span {
    font-size: 12px;
    line-height: 14px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_collect span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_collect span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_collect span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_delivery span {
    line-height: 36px;
    font-size: 15px;
}
@media only screen and (max-device-width: 320px) {
    .feature-design-for-tp3 .baskt_items_wrap .quantity_wrap {
        float: left;
        width: 80px;
    }
    .feature-design-for-tp3 .baskt_items_wrap .quantity_wrap, .feature-design-for-tp3 .baskt_items_wrap .baskt_item .itm_optns a {
        margin-right: 15px;
    }
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .delivery-time {
    font-size: 15px;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .instruction-block .limit-msg span {
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #deliveryInfoContent #specificDeliveryInstructions {
    height: 90px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .empty_basket,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .delivery-time,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_item {
    padding: 15px 4.7%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket {
    background-color: #ededed;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket img {
    width: 45px;
    float: left;
    margin-right: 10px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket p {
    color: #6d6d72;
    font-size: 0.96em;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket .quote-basket-title {
    font-weight: bold;
    font-size: 1em;
    color: #333;
    margin-top: 6px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .empty_basket h2 {
    font-weight: normal;
    line-height: 30px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea .ui-link {
    line-height: 43px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea:first-child .ui-link {
    margin: 6% 0 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .tpAddMoreProducts .ui-link h3:after {
    content: "+";
    font-size: 1.65em;
    vertical-align: middle;
    padding-left: 3%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .tpSendQuote .ui-link h3:after {
    content: "\25ba";
    font-size: 1.1em;
    vertical-align: middle;
    padding-left: 2%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea .checkoutButton h3:after {
    font-size: 1em;
    right: 50%;
    margin-right: -75px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .flexslider {
    margin-bottom: 6%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .basket_items {
    margin: 6% 0;
    border-top: 1px solid #ededed;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap {
    border-bottom: 1px solid #ededed;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .basket_items .itm_img{
    margin-left: 0px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info a {
    font-weight: normal;
    color: #333;
    text-decoration: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info .item_code {
    font-size: 12px;
    margin-left: 70px;
    color: #6d6d72;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info .item_code span {
    display: inline;
    padding-left: 5px;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a {
    float: left;
    border: none;
    margin: 8px 0;
    padding: 0 0 0 30px;
    background: none;
    line-height: 34px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns .ui-alt-icon.ui-icon-delete:after {
    left: 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns p {
    float: right;
    margin: 8px 10px 8px 0;
    line-height: 34px;
    font-size: 0.9em;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-list-title {
    padding: 30px 4.7% 15px;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket {
    position: relative;
    background: #fff;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ededed;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item {
    padding: 30px 4.7% 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info h3 {
    margin-left: 80px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info .item_code {
    margin-left: 80px;
    color: #bbb;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info .item_price {
    margin: 3px 0 0 80px;
    display: flex;
    flex-wrap: wrap;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info .item_price p {
    font-size: 16px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info .item_price .price_error_message,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_prod_detail .tp_prodPrice .logged_out_message {
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    padding-left: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_info .item_price p > span {
    font-size: 11px;
    display: inline-block;
    padding-left: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .total_price_wrapper {
    padding: 15px 4.7%;
    background: #ededed;
    overflow: hidden;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .basket_items {
    margin: 0;
    border: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .baskt_items_wrap {
    border: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .baskt_items_wrap form {
    border-top: 1px solid #ededed;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .baskt_items_wrap form:first-child {
    border-top: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .total_price_wrapper > p {
    font-size: 14px;
    line-height: 17px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .total_price_wrapper > p > span {
    float: right;
    text-align: right;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .total_price_wrapper .basketTotalPriceError {
    float: left;
    font-weight: bold;
    padding-right: 3px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .total_price_wrapper > div.content {
    font-size: 12px;
    line-height: 17px;
    padding-left: 100px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .total_price_wrapper .poaMessage > div.content {
    font-size: 12px;
    margin-top: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea .ui-link {
    background-color: #1A3B69;
    border-color: #1A3B69;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea .linkForCustomerI .ui-link,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea .linkForCustomerA .ui-link {
    background-color: #F4B11A;
    border-color: #E99B0B;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea.tpSendQuote .ui-link {
    margin-top: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .productPriceMessage {
    overflow: hidden;
    width: 100%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .productPriceMessage .ui-link {
    margin: 10px 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .expandable-section {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible-inset {
    margin: 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible .ui-btn {
    width: 80%;
    padding: 0 15% 0 5%;
    height: 50px;
    line-height: 50px;
    color: #1A3B69;
    font-weight: normal;
    border-radius: 0;
    box-shadow: initial;
    font-size: 14px;
    background-color: #e8e8e8;
    border-top: 1px solid #d6d6da;
    border-bottom-color: #d6d6da;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible .ui-icon-plus:after,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible .ui-icon-minus:after {
    background: url(../images/external/menu_plus_dgreen.png) no-repeat 100% center transparent;
    background-size: 14px;
    right: 6%;
    top: 19px;
    width: 14px;
    height: 14px;
    margin: 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible .ui-icon-minus:after {
    background: url(../images/external/menu_minus_dgreen.png) no-repeat 100% center transparent;
    background-size: 14px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible .ui-icon-minus {
    border-bottom-color: #e3e2e3;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible-content {
    padding: 0 15% 0 5%;
    background-color: #ededed;
    border-bottom-width: 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .ui-collapsible-content p {
    font-size: 14px;
    padding-bottom: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .tpToolTip .more_details_link {
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_prod_detail .tpToolTip .logged_out_message {
    color: #333;
    font-weight: normal;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_prod_detail .tpToolTip .more_details_link {
    margin-top: 0;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a {
    float: none!important;
    display: inline-block;
    position: relative;
    vertical-align: top;
    color: #616161!important;
    font-weight: normal;
    font-size: 14px;
    background-image: none!important;
    margin: 0px!important;
    padding: 0px!important;
    height: 35px;
    line-height: 35px!important;
    top: 0px!important;
    left: 0px!important;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-list-title {
    font-size: 28px;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .feature-design .baskt_items_wrap .baskt_item {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket-title {
    font-weight: normal!important;
    font-size: 25px!important;
    margin-right: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage h3.consignment-header {
    padding: 10px 10px 10px 15px;
    box-sizing: border-box;
    background: #f5f5f5;
    font-weight: normal;
    border-bottom: 2px solid #1A3B69!important;
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage h3.consignment-header span.delivery-type {
    font-size: 20px;
    color: #000!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pickup-order-group h3.consignment-header span.delivery-type:before {
    content: '';
    background: url('../images/ccmouse.png');
    display: inline-block;
    position: relative;
    height: 23px;
    width: 23px;
    background-size: 23px;
    top: 3px;
    margin-right: 12px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pick-and-pack-order-group h3.consignment-header span.delivery-type:before,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-order-group h3.consignment-header span.delivery-type:before {
    content: '';
    background: url('../images/cctruck.png');
    display: inline-block;
    position: relative;
    height: 23px;
    width: 23px;
    background-size: 23px;
    top: 3px;
    margin-right: 12px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .entryTile {
    border-bottom: 1px solid #e0e0e0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item {
    padding: 15px;
    border-bottom: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_info h3 a {
    font-size: 14px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage p.item_code.bold {
    color: #616161!important;
    font-size: 13px!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap p {
    display: inline-block;
    float: none!important;
    margin: 0px;
    color: #616161;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap .ui-input-text {
    display: inline-block;
    float: none!important;
    margin: 0px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap .ui-input-text {
    width: 55px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns input {
    text-align: left!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-top: 35px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .quantity_wrap {
    width: 94px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .updateProduct,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_remove {
    font-weight: normal;
    color: #616161!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a.updateProduct,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a.itm_update {
    background-image: none!important;
    text-decoration: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_remove:after {
    display: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .updateProduct:before {
    content: '\f0e2';
    font-family: 'FontAwesome';
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, 1);
    position: relative;
    display: inherit;
    margin-right: 8px;
    font-size: 18px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .removed_order_lines{
    margin: 8px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_remove:before {
    content: '\f014';
    font-family: 'FontAwesome';
    margin-left: 0px;
    margin-right: 0px;
    font-size: 18px;
    background-color: #fff;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_remove {
    padding: 0px!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_collect .cmsimage img {
    display: none!important;
    background: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_collect .cmsimage img {
    display: none!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_delivery .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_collect .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_delivery .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_delivery .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_collect .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_collect .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_collect .cmsimage,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_delivery .cmsimage {
    background: none;
    border: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_delivery img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .delivery-order-groups .itm_collect img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_delivery img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_delivery img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pick-and-pack-order-groups .itm_collect img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .next-day-delivery-order-groups .itm_collect img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_collect img,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-groups .itm_delivery img {
    display: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pickup-order-group .itm_collect .cmsimage:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #fff;
    background: #1A3B69;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    line-height: 25px;
    font-size: 14px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pick-and-pack-order-groups .itm_delivery .cmsimage:before,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .next-day-delivery-order-groups .itm_delivery .cmsimage:before,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-order-groups .itm_delivery .cmsimage:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #fff;
    background: #1A3B69;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    line-height: 25px;
    font-size: 14px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pickup-order-group .itm_delivery .cmsimage:before {
    content: '';
    background: url(../images/cctruck.png);
    background-size: 25px;
    width: 25px;
    height: 25px;
    display: block;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_collect .content,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_collect .change_collection_branch {
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage span.change_collection_branch {
    background: #eee;
    height: 35px;
    line-height: 35px!important;
    width: 110px;
    text-align: center;
    font-size: 14px!important;
    margin-left: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage.feature-oos-collection span.change_collection_branch {
    margin-left: 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage.feature-oos-collection span.change_collection_branch{
    color: #1A3B69;
    font-size: 14px!important;
    margin-left: 20px;
    position:relative;
    background:none;
    box-shadow:none !important;
    width:auto;
    margin-left:0;
    font-size: 15px!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage.feature-oos-collection span.change_collection_branch:before {
    content: '';
    background: url('../images/ccmouse.png');
    display: inline-block;
    position: relative;
    height: 23px;
    width: 23px;
    background-size: 23px;
    top: 5px;
    margin-right: 16px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage.feature-oos-collection .baskt_items_wrap .itm_delivery{
    margin-top:10px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pickup-order-group .itm_delivery span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pick-and-pack-order-groups .itm_collect span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .next-day-delivery-order-groups .itm_collect span,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-order-groups .itm_collect span {
    color: #1A3B69;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pick-and-pack-order-groups #changePostCode,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .next-day-delivery-order-groups #changePostCode,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-order-groups #changePostCode {
    display: block!important;
    float: none!important;
    color: #1A3B69!important;
    margin-top: 5px;
    margin-left: 36px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pick-and-pack-order-groups #changePostCode strong,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .next-day-delivery-order-groups #changePostCode strong,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-order-groups #changePostCode strong {
    font-weight: normal!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .pick-and-pack-order-groups .itm_collect .cmsimage:before,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .next-day-delivery-order-groups .itm_collect .cmsimage:before,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-order-groups .itm_collect .cmsimage:before {
    width: 25px;
    height: 25px;
    content: '';
    background: url(../images/ccmouse.png);
    display: block;
    background-size: 25px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .total_price_wrapper {
    padding: 20px 20px 0px 20px!important;
    background: #fff!important;
    width: 90%;
    margin-left: auto;
    box-sizing: border-box;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .total_price_wrapper p {
    color: #616161;
    margin-bottom: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .total_price_wrapper .basket-label {
    text-align: right;
    display: inline-block;
    width: 55%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage  .tp_basket .total_price_wrapper > p {
    font-size: 16px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage p.basketTotalPrice {
    color: #000!important;
    font-size: 18px!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-time a.more_details_link.ui-link {
    display: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-time {
    color: #000;
    font-size: 15px!important;
    width: 290px;
    display: block;
    margin-left: auto;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-time strong {
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .delivery-time:before {
    width: 20px;
    height: 20px;
    content: 'i';
    background: #616161;
    display: inline-block;
    border-radius: 50%;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage p.basketTotalPrice {
    color: #000!important;
    font-size: 20px!important;
    margin-top: 25px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .ui-panel-wrapper #content .tp_basket .tpCheckoutButton a {
    font-weight: normal;
    font-size: 16px;
    border: none;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .tp_basket .tpButtonArea .ui-link h3 {
    color: #fff;
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .itm_collect .content {
    padding: 0px!important;
    line-height: 36px!important;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .item_price {
    display: block;
    position: relative;
    margin: 10px 0px 20px;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .item_price > p {
    display: inline-block;
    position: relative;
    color: #212121;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .item_price > p span {
    display: inline;
    font-size: 14px;
    color: #616161;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_collect,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery {
    padding: 0px!important;
    margin-top: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .moq-validation-error .deliver-min-order-qty .ui-btn {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0 15px;
    text-align: left;
    font-weight: normal;
    text-decoration: underline !important;
    margin: 10px 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .moq-validation-error .change-branch a {
    font-weight: normal;
    padding: 0 15px;
    color: #000;
    text-decoration: underline !important;
    display: inline-block;
    margin: 10px 0 8px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery .moq-move-to-delivery-error {
    float: left;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery .moq-move-to-delivery-error .error-message {
    color: #e91c28;
    line-height: 34px;
    font-size: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .itm_delivery .moq-move-to-delivery-error a {
    color: #333;
    font-weight: normal;
    margin-bottom: 15px;
    text-decoration: underline;
    display: block;
    font-size: 15px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .basket.postcode-box {
    display: block;
    position: relative;
    right: 0px;
    top: 0px;
    margin-top: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .basket.postcode-box .delivery-msg {
    display: inline-block;
    margin-right: 2px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .basket.postcode-box a {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 10px!important;
    display: inline-block;
    position: relative;
    color: #0a4f38;
    padding-bottom: 5px;
    border-bottom: 1px solid;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .quote-basket p {
    font-size: 16px;
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns p {
    float: left;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns .ui-input-text {
    float: none;
    display: inline-block;
    margin: 0px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns p {
    margin: 0px 5px 0px 0;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #consolidation-options-container {
    padding: 20px 5%;
    background: #fafafa;
    margin: 0px 0px 20px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .ui-radio .ui-btn.ui-radio-on:after {
    background-image: none;
    background-color: transparent;
    width: 18px;
    height: 18px;
    border-width: 1px;
    border-color: #002d5d;
    border-radius: 50%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .ui-btn.ui-radio-off:after,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .ui-btn.ui-radio-on:after {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #bdbdbd;
    opacity: 1!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .ui-radio .ui-btn {
    background-color: #fafafa;
    font-size: 14px;
    font-weight: normal
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #consolidation-options-body span {
    line-height: 24px;
    font-size: 14px;
    color: #616161;
    margin-top: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #consolidation-options-header h4 {
    font-size: 20px;
    font-weight: normal;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .ui-radio .ui-btn.ui-radio-on:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #1A3B69;
    z-index: 3;
    left: 14px;
    top: 50%;
    border-radius: 50%;
    margin-top: -9px
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .fa-check-circle::before {
    content: "\f00c";
    font-family: 'FontAwesome';
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #consolidation-success-container .fa.green {
    display: inline-block;
    position: relative;
    width: 10%;
    height: 30px;
    line-height: 25px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    margin-right: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #consolidation-success-message {
    margin: 0px;
    color: #fff;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: normal;
    width: 80%;
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #consolidation-success-container {
    margin: 20px 3%;
    padding-top: 5px;
    border: none;
    background: #1A3B69;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13) !important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .consignment-header span{
    display: inline;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a.updateProduct,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .itm_optns a.itm_update {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 0 transparent;
    line-height: 16px;
    padding: 0 0 0 16px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .ui-panel-wrapper #content .tp_basket .tpCheckoutButton a {
    background-color: #ec9b0c;
    border-color: #e99b0b;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 20px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_basket .tpContinueShopping .ui-link h3:after {
    font-size: 1.65em;
    vertical-align: middle;
    padding-left: 3%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .baskt_item .quote_list_itm .ui-input-text {
    float: none;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-group .baskt_item .quantity_validation_error .update_entry_qty_button,
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-group .baskt_item .quantity_validation_error .change_branch a {
    background: none;
    border: none;
    cursor: pointer;
    width: auto;
    padding: 0;
    color: #1A3B69;
    margin-bottom: 5px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_items_wrap .pickup-order-group .baskt_item .quantity_validation_error .error_message {
    color: #f44336;
    margin-bottom: 5px;
    font-weight: bold;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .price_error_msg {
    clear: left;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #basket_link {
    float: right;
    margin-right: 20px;
    width:100px;
    margin-top: -40px;
    line-height: 80%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #basket_link a{
    font-weight: normal;
    color: #000;
    font-size: 14px;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_recommendedProducts{
    width: 90%;
    padding: 10px 5%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .travis-perkins-footer #footerNavigation .ui-collapsible-set{
    display: inline;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_back_button{
    padding: 3px 5%;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_back_button button{
    padding: 0 0 0 28px;
    font-weight: normal;
    color: #1A3B69!important;
}
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .tp_back_button button:before{
    top:12px;
}

.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .baskt_item .itm_update:before {
    text-decoration: none;
}
.feature-design-for-tp3 .payment-declined-page .payment-declined-btn-holder button.ui-btn {
    border: none;
    border-radius: 0px;
    height: 50px;
    background-color: #EC9B0C;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design-for-tp3 .payment-declined-page .payment-declined-btn-holder button.ui-btn:hover {
    background-color: #E4A30B;
}
.feature-design-for-tp3 .payment-declined-page .payment-declined-btn-holder button.ui-btn a {
    text-decoration: none;
    color: #333333;
    text-shadow: none;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-msg,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-list-holder {
    background: #fff;
    position: relative;
    padding: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-list-holder {
    width: 95%;
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-msg {
    margin-bottom: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13);
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-list-holder .list {
    list-style: disc;
    padding: 0 0 0 18px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-list-holder .list li {
    line-height: 18px;
    padding: 2px 0;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .payment-declined-title {
    margin-left: 8px;
    margin-right: 8px;
}

/* M3 - Order Details Page Start */

.feature-design-for-tp3.feature-can-collect #mobile-order-details-error-messages-container > .info > .content {
    display: none;
    padding:0.8em;
    margin-bottom:1em;
    border:2px solid #92cae4;
    background:#d5edf8;
    color:#205791;
}

.feature-design-for-tp3.feature-can-collect #mobile-order-details-error-messages-container > .error > .content {
    display: none;
    padding:0.8em;
    margin-bottom:1em;
    border:2px solid #fbc2c4;
    background: #fbe3e4;
    color: #8a1f11;
}

.feature-design-for-tp3.feature-can-collect .page-order.feature-design #orderGeneralInfoSection{
    border: none;
}

.feature-design-for-tp3.feature-can-collect #orderGeneralInfoSection {
    padding-bottom: 30px;
}

.feature-design-for-tp3.feature-can-collect #fulfillingBranchSection .infoInLine,
.feature-design-for-tp3.feature-can-collect #amendOrderSection .infoInLine,
.feature-design-for-tp3.feature-can-collect #paymentDetailsSection .infoInLine,
.feature-design-for-tp3.feature-can-collect #orderGeneralInfoSection .infoInLine {
    display: flex;
}

.feature-design-for-tp3.feature-can-collect #orderGeneralInfoSection .infoInLine#orderSavings {
    color: red;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderGeneralInfoSection .infoInLine {
    margin: 10px 5%;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderGeneralInfoSection #orderRef .value {
    margin-left: 0px!important;
    font-size: 28px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderGeneralInfoSection #orderPlacement {
    margin-bottom: 50px;
}

.feature-design-for-tp3.feature-can-collect.page-order #orderPlacement .value {
    margin-left: 0px;
    position: relative;
    left: 17px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderPlacement .value {
    left: 0px;
    color: #616161;
}

.feature-design-for-tp3.feature-can-collect #orderGeneralInfoSection .infoInLine .label {
    width: 200px;
}

.feature-design-for-tp3.feature-can-collect #orderGeneralInfoSection .value {
    margin-left: 10px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderGeneralInfoSection #orderVat .value, .feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderGeneralInfoSection #orderDelivery .value, .feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderGeneralInfoSection #orderTotal .value{
    font-weight: normal;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection .header.headerInLine {
    border-top: 1px solid #e0e0e0!important;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .collapsed .header.headerInLine{
    border-bottom: 1px solid #e0e0e0!important;
    color: #616161
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .collapsed .header{border: none;}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .header.headerInLine .block-header{
    margin-left: 0px!important;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .header.headerInLine .block-header:before {
    content: 'i'!important;
    display: inline-block!important;
    position: relative!important;
    width: 19px!important;
    height: 20px!important;
    margin-right: 10px;
    left: 0px!important;
    background-image: none!important;
    background: #757575!important;
    border-radius: 50%;
    text-align: center;
    padding-right: 1px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #ticket-groups-container {
    margin-top: 20px;
}

.feature-design-for-tp3.feature-can-collect #orderDetailsTable .orderTableHeader {
    background-color: #D7D7D7;
    min-height: 46px;
    line-height: 46px;
    width: 100%;
    overflow: hidden;
}

.feature-design-for-tp3.page-order.feature-can-collect #orderDetailsTable .orderTableHeader {
    background-color: #f5f5f5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    padding: 0px;
    min-height: 20px
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .not_yet_collected .orderTableHeader .orderStatus,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design .collected .orderTableHeader .orderStatus {
    background: url('../images/ccmouse.png') no-repeat;
    background-size: 20px;
    background-position: 10px 0px;
}

.feature-design-for-tp3.feature-can-collect.page-order #orderDetailsTable .orderTableHeader .orderStatus,
.feature-design-for-tp3.feature-can-collect.page-order.Guest-Checkout #orderDetailsTable .orderTableHeader .orderStatus {
    position: relative;
    float: none;
    font-weight: normal;
    font-size: 16px;
    padding: 0px;
    margin-top: 20px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .collection_status {
    display: block;
    position: relative;
    margin-left: 40px;
    font-size: 20px;
    line-height: 20px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .cancelled .orderTableHeader .orderStatus {
    background: url('../images/order-cancel.png') no-repeat;
    background-size: 20px;
    background-position: 10px 0px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .not_yet_delivered .orderTableHeader .orderStatus,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design .delivered_tickets .orderTableHeader .orderStatus {
    background: url('../images/cctruck.png') no-repeat;
    background-size: 22px;
    background-position: 10px 0px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .fromto {
    display: inline-block;
    position: relative;
    margin-left: 40px;
    color: #616161;
    font-size: 16px;
    line-height: 14px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .orderBranchName, .od_delivery_postcode {
    color: #616161;
    font-size: 16px;
    display: inline-block;
    position: relative;
    margin-left: 0px;
}

.feature-design-for-tp3.feature-can-collect #orderDetailsTable .orderTableHeader .orderStatus .orderBranchName,
.feature-design-for-tp3.feature-can-collect #orderDetailsTable .orderTableHeader .orderStatus .orderDeliveryAddress {
    line-height: 22px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .orderTableHeader .orderStatus .orderDeliveryAddress {
    background: #fafafa;
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    line-height: 24px;
    border-top: 1px solid #e0e0e0;
    color: #616161;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .orderTableHeader .orderStatus .orderDeliveryAddress a {
    display: inline-block;
    margin: 5px 0px 5px 0px;
    color: #1a3b69;
    font-weight: normal;
    text-decoration: none;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .orderTableHeader .orderStatus .orderDeliveryAddress a:after {
    content: '\f105';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 16px;
    height: 16px;
}

.feature-design-for-tp3.feature-can-collect #orderDetailsTable .productItem .product-item-container {
    display: block;
    height: auto;
    padding-top: 10px;
    border-bottom: 2px solid #ddd;
    overflow: hidden;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .productItem .product-item-container {
    padding: 20px 10px 20px 10px;
    border-bottom: 1px solid #e0e0e0;
}

.feature-design-for-tp3.feature-can-collect #orderDetailsTable .image-container {
    margin-right: 10px;
}

.feature-design-for-tp3.feature-can-collect #orderDetailsTable .productItem .image-container {
    float: left;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .productImage img {
    width: 60px;
    height: 60px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .orderInfo {
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .productDescription {
    margin-bottom: 10px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .productDescription a {
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    color: #212121;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .quantity-label,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design .productQty,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .productTotal,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .productSavings {
    display: inline-block;
    position: relative;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .productQty,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .productTotal {
    margin-right: 10px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .productSavings {
    color: red;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderDetailsTable .productItem .estimatedDate {
    float: none;
    clear: both;
    text-align: right;
    margin: 20px 4px 2px 0px;
    display: block;
    position: relative;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design p.od-time, .feature-design-for-tp3.feature-can-collect.page-order.feature-design p.od-date, .feature-design-for-tp3.feature-can-collect.page-order.feature-design .estimatedDate .yCmsContentSlot {
    display: inline-block;
    position: relative;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .estimatedDate .yCmsContentSlot .content{
    margin-right: 5px;
    color: #212121;
}

.feature-design-for-tp3.feature-can-collect #orderDetailsTable .productItem .image-container .productImage .no-image {
    font-weight: bold;
    font-size: 0.7em;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .collected .estimatedDate .yCmsContentSlot .content:before{
    content: '\f058';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    font-size: 16px;
    color: #1a3b69;
}

.feature-design-for-tp3.feature-can-collect #orderDetailsTable .productItem .estimatedDate .dateWording {
    font-weight: bold;
}

.feature-design-for-tp3.feature-can-collect #order-ref-container {
    display:none;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #orderGeneralInfoSection .orderTotalsSection {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fafafa;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #fulfillingBranchSection.collapsed .header .view-more-btn:after,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection.collapsed .header .view-more-btn:after,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design #amendOrderSection.collapsed .header .view-more-btn:after {
    color: #1a3b69;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #fulfillingBranchSection.expanded .header .view-more-btn:after,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection.expanded .header .view-more-btn:after,
.feature-design-for-tp3.feature-can-collect.page-order.feature-design #amendOrderSection.expanded .header .view-more-btn:after {
    color: #1a3b69;
}

.feature-design-for-tp3.feature-can-collect .add-spinner {
    background: url('../../common/images/colorbox/loading.gif') no-repeat 50% 0;
}

.feature-design-for-tp3.feature-can-collect .load-wrapper {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0;
    z-index: 1000;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.feature-design-for-tp3.feature-can-collect .loader-msg {
    padding-top: 50px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-can-collect .refunded #orderDetailsTable .orderTableHeader .orderStatus,
.feature-design-for-tp3.feature-can-collect.page-order.Guest-Checkout .cancelled #orderDetailsTable .orderTableHeader .orderStatus {
    margin-bottom: 20px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design .refunded .orderTableHeader .orderStatus {
    background: url('../images/returns_icon.png') no-repeat;
    background-size: 20px;
    background-position: 10px 0px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection #ccTypeBox {
    display: inline-block;
    position: relative;
    margin-left: 0px;
    font-weight: bold;
    height: auto;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection #ccTypeBox:before {
    content: '\f09d';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 16px;
    margin-right: 5px;
    top: 2px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection #ccDetailsBox #ccNumberBox {
    padding-left: 5px;
    line-height: 24px;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection #ccExpirationInfo {
    margin: 5px 25px;
    color: #616161;
}

.feature-design-for-tp3.feature-can-collect.page-order.feature-design #paymentDetailsSection #ccBillingAddressBox {
    color: #616161;
    background: #fafafa;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
}

/* M3 - Order Details Page End */

/* SEO Bottom Text Block */
.page-mobile-homepage .seoPageInfo {
    position: absolute;
    left: 0;
    bottom: 114px;
}
.seoPageInfo {
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}
.seoPageInfo .content a {
    text-decoration: none;
    color: #1A3B69;
}
.seoPageInfo .content {
    background-color: #f3f3f3;
    padding: 4% 5% 5%;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.seoPageInfo.collapsed .content {
    height: 55px;
}
.seoPageInfo.collapsed .content:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 29px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) -70%, #f3f3f3 70%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) -70%, #f3f3f3 70%);
}
.seoPageInfo .content:after {
    content: '\f106';
    color: #1A3B69;
    font-family: FontAwesome;
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
}
.seoPageInfo.collapsed .content:after {
    content: '\f107';
}
/* SEO Bottom Text Block End*/


.product_price_section .price_value,
.price_inc_vat_section .includedVAT{
    display: table-cell;
}
.price_inc_vat_section .includedVAT{
    font-size: 16px!important;
}
.feature-design .tp_prod_detail .tp_prodPrice .productEQPrice{
    padding-bottom: 10px;
}
.feature-design .tp_prod_detail .tp_prodPrice .productEQPrice .price_value{
    display: table-cell;
}

/* SEO Bottom Text Block */
.page-mobile-homepage .seoPageInfo {
    position: absolute;
    left: 0;
    bottom: 121px;
}
.seoPageInfo {
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}
.seoPageInfo .content a {
    text-decoration: none;
    color: #1A3B69;
}
.seoPageInfo .content {
    background-color: #ededed;
    padding: 4% 5% 5%;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.seoPageInfo.collapsed .content {
    height: 55px;
}
.seoPageInfo.collapsed .content:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 29px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) -70%, #ededed 70%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) -70%, #ededed 70%);
}
.seoPageInfo .content:after {
    content: '\f106';
    color: #1A3B69;
    font-family: FontAwesome;
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
}
.seoPageInfo.collapsed .content:after {
    content: '\f107';
}
/* SEO Bottom Text Block End*/


#page {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.page-mobile-homepage #header {
    position: inherit;
    flex-grow: 0;
    height: auto;
}
.page-mobile-homepage #content {
    display: inherit;
    min-height: auto;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    background-position: 0 0;
}
.page-mobile-homepage .travis-perkins-footer {
    margin: 0;
}
.travis-perkins-footer {
    margin: 0;
    padding: 0;
    flex-grow: 0;
}
.travis-perkins-footer #footer {
    position: inherit;
}
.page-mobile-homepage .seoPageInfo {
    position: inherit;
    bottom: inherit;
    left: inherit;
}
.page-mobile-homepage .home-carousel .flexslider.slider_component {
    position: relative;
    top: inherit;
    left: inherit;
    padding: 0;
    margin: 0;
}
#content .home_ctas {
    display: inline-block;
    padding: 5% 0;
    margin: auto;
    width: 100%;
}
.page-mobile-homepage #skip-to-content {
    display: none;
}
/* Guest Checkout Step_1 and header checkout */
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #content {
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    margin-top: 50px;
}
.Guest-Checkout.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #content {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #content {
    padding-top: 0;
}
.Guest-Checkout.template-pages-TPMobileCheckoutPageTemplate #wrapper {
    background: #fff;
}
.Guest-Checkout .tp_guest_orderSteps_wrapp{
    display: flex;
    float: right;
    width: 75%;
    margin-top: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    position: relative;
}
.Guest-Checkout .tp_orderStep_num{
    display: inline-block;
    width: 32%;
    text-align: center;
    position: relative;
}
.Guest-Checkout .tp_orderStep_num p{
    display: none;
    font-family: 'Roboto', sans-serif;
}
.Guest-Checkout .tp_orderStep_num.step1:before {
    content: '';
    width: 300%;
    height: 2px;
    background: #e0e0e0;
    display: block;
    position: absolute;
    left: 50%;
    top: 12px;
    z-index: 1;
}
.Guest-Checkout .tp_orderStep_num span:first-child {
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 25px;
    line-height: 26px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 5;
}
.Guest-Checkout .tp_orderStep_num.active span:first-child {
    background: #002d5d;
    color: white;
    border-color: #002d5d;
}
.Guest-Checkout .tp_orderStep_num.active p {
    font-size: 13px;
    display: inline-block;
    margin: 7px 0 0;
}
.Guest-Checkout .guest_return_basket_section {
    border-bottom: 1px solid #e0e0e0;
    padding: 17px;
    font-size: 15px;
    background: #fff;
}
.Guest-Checkout .guest_return_basket_section a {
    color: #00295d;
    text-decoration: none;
    font-weight: normal;
}
.Guest-Checkout .guest_return_basket_section a:before {
    content: "\f104";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 18px;
}
.Guest-Checkout .welcome_container {
    background: #eee;
    margin: 0;
    font-weight: normal;
    padding: 15px;
    border-bottom: 2px solid #002d5d;
    font-size: 18px;
    position: relative;
}
.Guest-Checkout .welcome_container h3{
    font-size: 21px;
}
.Guest-Checkout .mandatory_fields{
    position: absolute;
    top:70px;
    right: 10px;
    font-size: 14px;
    color: #616161;
    margin:0 0 20px;
    z-index: 5;
}
.Guest-Checkout #guestCheckoutLoginForm{
    background: #f7f7f7;
    padding: 40px 15px 15px;
}
.Guest-Checkout #guestCheckoutLoginForm .inputSection{
    margin: 0 0 20px;
}
.Guest-Checkout #guestCheckoutLoginForm label{
    margin-bottom: 8px;
    display: block;
    color: #616161;
    font-size: 15px;
    padding:0;
}
.Guest-Checkout #guestCheckoutLoginForm label span{
    display: inline-block;
}
.Guest-Checkout #guestCheckoutLoginForm .ui-body-inherit{
    border: 1px solid #e0e0e0;
    padding: 10px 15px;
    font-size: 15px;
    box-shadow: none;
    border-radius: 0;
}
.Guest-Checkout #guestCheckoutLoginForm .input-error  .ui-body-inherit{
    background: #f4e1e1;
    border-bottom: 2px solid #c92d2d;
}
.Guest-Checkout #guestCheckoutLoginForm .ui-body-inherit input{
    padding: 0;
    line-height: 20px;
    min-height: 0;
}
.Guest-Checkout #guestCheckoutLoginForm .emailText{
    font-size: 15px;
    line-height: 22px;
    padding: 0 0 10px;
}
.Guest-Checkout #guestCheckoutLoginForm .marketingPreferencesBox{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin: 0 0 20px;
}
.Guest-Checkout #guestCheckoutLoginForm .marketingPreferencesLabel{
    font-size: 15px;
    color: #000;
    display: inline-block;
    margin: 0 0 0 40px;
    line-height: 22px;
}
.Guest-Checkout #guestCheckoutLoginForm .email_error_message{
    color: #c92d2d;
    font-size: 14px;
    margin: 5px 0;
}
.Guest-Checkout #guestCheckoutLoginForm .label-and-input.input-error .email_error_message,
.Guest-Checkout #guestCheckoutLoginForm .guestEmailBlock .email_error_message{
    height: 24px;
}
.Guest-Checkout #guestCheckoutLoginForm .buttonControl .guestCheckout {
    display: block;
    width: 100%;
    height: 45px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background-color: #f9af00;
    border: none;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    position: relative;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .mandatory {
    display: inline-block;
}

/* Guest Checkout Step_2  - collection */
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .estimationDeliveryMsg {
    display: none;
    padding: 20px;
    border: 2px solid #5ED75E;
    margin: 5px 10px;
    font-size: 14px;
    color: #5ED75E;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .title {
    background: #eee;
    margin: 0;
    font-weight: normal;
    padding: 15px;
    border: none;
    border-bottom: 2px solid #002d5d;
    font-size: 18px;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.adress h3 {
    padding-left: 35px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal;
    position: relative;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.adress h3:after {
    content: "";
    background-image: url(../images/collection-delivery-icons.png);
    position: absolute;
    width: 23px;
    height: 40px;
    background-size: 130px;
    background-position: -102px;
    left: 0;
    top: 5px;
}
.feature-design-for-tp3 .collectionOptions-wrap .collection-branch h3 span {
    display: block;
    margin-top: 5px;
    font-size: 15px;
}
.feature-design-for-tp3 #orderCollectionOptionsForm #collectionsPhoneNumber {
    border-radius: 0;
    border: 1px solid #e0e0e0;
    height: 39px;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    order: 1;
}
.feature-design-for-tp3 #orderCollectionOptionsForm #collectionsPhoneNumber:focus {
    outline: none;
}
.feature-design-for-tp3 .collectionOptions-wrap .number-info-link {
    margin-top: 10px;
    display: block;
    font-weight: normal;
    font-size: 15px;
    color: #00295d;
    text-decoration: none;
    order: 3;
}
.feature-design-for-tp3 #orderCollectionOptionsForm span.form-error,
.feature-design-for-tp3 #orderCollectionOptionsForm span.error,
.feature-design-for-tp3 #deliveryDetailsInfoContainer span.error,
.feature-design-for-tp3  #deliveryDetailsInfoContainer .number-block .form-error {
    font-size: 15px;
    color: #c92d2d;
    order: 2;
    margin-top: 5px;
}
.feature-design-for-tp3 .delivery-info-wrap .number-info,
.feature-design-for-tp3 .collectionOptions-wrap .number-info {
    display: none;
}
.feature-design-for-tp3 .delivery-info-wrap .number-info.visible,
.feature-design-for-tp3 .collectionOptions-wrap .number-info.visible {
    display: block;
    margin-top: 20px;
    line-height: 24px;
    font-size: 15px;
    color: #000;
}
.feature-design-for-tp3 .collectionOptions-wrap,
#orderDeliveryAddressForm {
    background: #fafafa;
}

.feature-design-for-tp3 .collectionOptions-wrap .collection-branch {
    padding-top: 30px;
}
.feature-design-for-tp3 .collectionOptions-wrap .collection-branch:first-child,
.feature-design-for-tp3 .collectionOptions-wrap .form-info + .collection-branch {
    padding-top: 0;
}
.feature-design-for-tp3 .collectionOptions-wrap .collection-branch .CO_collumRight {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 10px;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper {
    padding: 15px;
    background: #fff;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.adress,
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.mobile-container,
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.checkout-mobile,
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.customer-mandatory-fields-block,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-block,
.feature-design-for-tp3 .active-title #deliveryAddressContainer {
    background: #fafafa;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-block {
    padding: 15px;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.mobile-container {
    padding-top: 0;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.mobile-container .CO_collumLeft,
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.checkout-mobile .CO_collumLeft {
    margin-bottom: 15px;
}
.feature-design-for-tp3 .collectionOptions-wrap .mobile-container .CO_collumRight,
.feature-design-for-tp3 .collectionOptions-wrap .checkout-mobile .CO_collumRight {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper .CO_collumLeft .headings {
    margin-bottom: 10px;
    color: #616161;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.mobile-container .CO_collumLeft .headings,
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.checkout-mobile .CO_collumLeft .headings,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-title {
    color: #000;
    margin-bottom: 15px;
    font-size: 15px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-title {
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-text {
    margin: 20px 0;
    font-size: 15px;
    line-height: 24px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-button {
    display: block;
    width: 100%;
    height: 45px;
    color: #fff;
    font-weight: bold;
    padding: 0;
    background-color: #296B95;
    border: none;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-button:focus {
    outline: none;
}
.customer-mandatory-fields-inputs.hidden {
    display: none;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-inputs > label {
    margin-bottom: 20px;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-inputs .label {
    margin-bottom: 8px;
    font-size: 15px;
    color: #616161;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-inputs .input input {
    border-radius: 0;
    border: 1px solid #e0e0e0;
    height: 39px;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    box-sizing: border-box;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .customer-mandatory-fields-inputs .input input:focus {
    outline: none;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper .collection-branch .CO_collumRight .headings {
    position: relative;
    margin: 20px 0;
    padding: 0;
    font-size: 15px;
    color: #00295d;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.adress .CO_collumRight .headings:after {
    content: '\f107';
    font-family: FontAwesome;
    color: #00295d;
    position: absolute;
    top: 1px;
    left: 105px;
    width: auto;
    height: auto;
    font-weight: bold;
}
.feature-design-for-tp3 .collectionOptions-wrap .wrapper.adress .CO_collumRight .headings.expand:after {
    content: '\f106';
}
.feature-design-for-tp3 .collectionOptions-wrap .CO_collumLeft p,
.feature-design-for-tp3 .collectionOptions-wrap #openingHoursContent p {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-family: 'Roboto', sans-serif;
}
.feature-design-for-tp3 .collectionOptions-wrap .continue-to-payment {
    display: block;
    width: 100%;
    height: 45px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background-color: #f9af00;
    border: none;
    margin: 5px 0 20px;
}
.feature-design-for-tp3 .collectionOptions-wrap .show_details,
.feature-design-for-tp3 #orderCollectionOptionsForm .wrapper.adress .form-info,
.feature-design-for-tp3 .wrapper.adress .CO_collumRight .openingHoursContent {
    display: none;
}
.feature-design-for-tp3 .collectionOptions-wrap .openingHoursContent p {
    line-height:  24px;
    font-size: 15px;
}
.feature-design-for-tp3 .collectionOptions-wrap .openingHoursContent p:first-child {
    margin-top: 10px;
}
.feature-design-for-tp3 .collectionOptions-wrap .openingHoursContent p:last-child {
    margin-bottom: 20px;
}
.feature-design-for-tp3 .collectionOptions-wrap .CO_collumRight .wk_day {
    width: 150px;
    display: inline-block;
}
.feature-design-for-tp3 .collectionOptions-wrap .CO_collumRight .opening_times {
    display: inline-block;
}
/* END Guest Checkout Step_2  - collection */

#backToTopButton {
    display: none;
    position: fixed;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 50px;
    width: 72px;
    background: url(../images/backToTop.png) center no-repeat;
    z-index: 1;
    background-color: rgba(232, 232, 232, 0.78);
    padding: 10px;
    border-radius: 10px;
}

/* Guest Checkout Step_2 Delivery */
.feature-design-for-tp3 #orderDeliveryAddressForm .title,
.feature-design-for-tp3 #deliveryDetailsInfoContainer .title,
.feature-design-for-tp3 #billing_address h2,
.feature-design-for-tp3 #payment_section h2 {
    background: #eee;
    margin: 0;
    font-weight: 100;
    padding: 15px;
    border-bottom: 2px solid #002d5d;
    font-size: 18px;
    position: relative;
}
.feature-design-for-tp3 #deliveryDetailsContainer,
.feature-design-for-tp3 #billing_address{
    font-size: 15px;
    background: #fff;
    position: relative;
}
.feature-design-for-tp3 #deliveryDetailsContainer .title,
.feature-design-for-tp3 #billing_address .title,
.feature-design-for-tp3 #collectionOptionsContainer .title {
    margin-bottom: 10px;
    position: relative;
}
.feature-design-for-tp3 #deliveryDetailsContainer .wrapper,
.feature-design-for-tp3 #deliveryDetailsContainer .content,
.feature-design-for-tp3 #billing_address_form{
    background: #fafafa;
    padding: 15px;
}
.feature-design-for-tp3 #deliveryDetailsContainer .form-info,
.feature-design-for-tp3 #billing_address .tp_orderPayment_mandatory{
    text-align: right;
    font-size: 14px;
    color: #616161;
}
.feature-design-for-tp3 #deliveryDetailsContainer .input-wrap,
.feature-design-for-tp3 #billing_address_form .label-and-input {
    margin-bottom: 20px;
}
.feature-design-for-tp3 #deliveryDetailsContainer .input-wrap label,
.feature-design-for-tp3 #billing_address_form label{
    color: #616161;
    margin: 8px 0;
    display: inline-block;
    font-size: 15px;
}
.feature-design-for-tp3 #deliveryDetailsContainer .input-wrap .mandatory,
.feature-design-for-tp3 #billing_address_form .mandatory{
    display: inline-block;
    padding: 0 0 0 5px;
}
.feature-design-for-tp3 #deliveryDetailsContainer .input-wrap .sessioncamhidetext,
.feature-design-for-tp3 #deliveryInfoContent #phoneNumber,
.feature-design-for-tp3 #billing_address_form .sessioncamhidetext,
.feature-design-for-tp3 #desiredDeliveryDate {
    border: 1px solid #e0e0e0;
    padding: 10px 15px;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
}
.feature-design-for-tp3 #deliveryDetailsContainer .input-wrap .sessioncamhidetext:focus,
.feature-design-for-tp3 #deliveryInfoContent #phoneNumber:focus,
.feature-design-for-tp3 #billing_address_form .sessioncamhidetext:focus,
.feature-design-for-tp3 #desiredDeliveryDate {
    outline: none;
}
.feature-design-for-tp3 #deliveryInfoContent .ui-page-theme-a .ui-body-inherit {
    border-radius: 0;
    box-shadow: none;
}
.feature-design-for-tp3 #deliveryDetailsContainer .text-block{
    margin-bottom: 20px;
    line-height: 24px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}
.feature-design-for-tp3 #deliveryDetailsContainer .question-wrap span{
    color: #616161;
    margin: 10px 0 8px;
    display: block;
}
.feature-design-for-tp3 #deliveryDetailsContainer .find-btn,
.feature-design-for-tp3 #billing_address_form #postcodeLookupButton,
.feature-design-for-tp3 #payWithNewCardButton {
    display: block;
    width: 100%;
    height: 45px;
    color: #fff;
    font-weight: bold;
    padding: 0;
    background-color: #296B95;
    border: none;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    position: relative;
}
.feature-design-for-tp3 #deliveryDetailsContainer .form-btn.btn-submit,
.feature-design-for-tp3 #deliveryDetailsInfoContainer .continue-to-payment,
.feature-design-for-tp3 #deliveryAddressContainer .delivery-to-btn.form-btn,
.feature-design-for-tp3 #billingForm .tp_OrderButton.cont_to_pay{
    display: block;
    width: 100%;
    height: 45px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background: #f9af00;
    border: none;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    position: relative;
}
.feature-design-for-tp3 #deliveryAddressContainer .add-address-btn.form-btn{
    display: block;
    width: 100%;
    height: 47px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background: #ededed;
    border: none;
    border-bottom: 2px solid #002d5d;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 47px;
    font-size: 16px;
    position: relative;
}
.feature-design-for-tp3 #deliveryDetailsInfoContainer .continue-to-payment,
.feature-design-for-tp3 #payWithNewCardButton{
    width: 94%;
    margin: 20px auto;
}
.feature-design-for-tp3 #deliveryDetailsContainer .input-error .sessioncamhidetext,
.feature-design-for-tp3 #billing_address_form .input-error .sessioncamhidetext{
    background: #f4e1e1;
    border-bottom: 2px solid #c92d2d;
}
.feature-design-for-tp3 #deliveryDetailsContainer .email_error_message span,
.feature-design-for-tp3 #deliveryDetailsContainer .find-address-error,
.feature-design-for-tp3 #deliveryDetailsContainer .validation_error,
.feature-design-for-tp3 #billing_address_form .email_error_message,
.feature-design-for-tp3 #deliveryDetailsContainer .error.question-wrap {
    color: #c92d2d;
    margin-top: 5px;
    display: block;
}
.feature-design-for-tp3 #deliveryDetailsContainer .description{
    margin: 0 0 10px;
}
.feature-design-for-tp3 #deliveryDetailsContainer textarea{
    display: block;
    width: 100%;
    min-height: 120px;
}
.feature-design-for-tp3 #deliveryDetailsContainer .form-error.question-wrap{
    color: #c92d2d;
    margin: 5px 0 20px;
}
.feature-design-for-tp3 #deliveryDetailsContainer label{
    font-size: 15px;
}
.feature-design-for-tp3 #deliveryInfoContent .number-block,
.feature-design-for-tp3 #deliveryInfoContent .instruction-block,
.feature-design-for-tp3 #deliveryInfoContent .desiredDeliveryDateTest-block{
    background: #fafafa;
    padding: 15px;
}
.feature-design-for-tp3.page-MobileOrderDeliveryDetailsPage #deliveryInfoContent .instruction-block .second-title{
    color: #616161;
}
.feature-design-for-tp3 #billing_address #refine_billing_address{
    display: none;
}
.feature-design-for-tp3 #payment_section{
    margin-bottom: 10px;
}
.feature-design-for-tp3 .estimationDeliveryMsg{
    display: none;
}
#content .quote-basket .estimationDeliveryMsg {
    display: none;
    padding: 10px;
    border: 2px solid #5ED75E;
    margin: 5px 0;
    font-size: 14px;
    color: #5ED75E;
}

#content .quote-basket .estimationDeliveryMsg .title {
    margin-bottom: 16px;
    font-weight: 700;
    color: #5ED75E;
    padding: 0;
}

#content .quote-basket .estimationDeliveryMsg .content {
    color: #5ED75E;
}
.feature-design-for-tp3 #deliveryDetailsInfoContainer{
    padding: 0 0 20px ;
}
.feature-design-for-tp3 #orderDeliveryAddressForm #selectedAddress,
.feature-design-for-tp3 #selectedAddress{
    background-color: #fff;
    height: 41px;
    border-radius: 0px;
    border: 1px solid #e0e0e0;
    width: 100%;
    margin: 0 auto;
    display: block;
    outline: none;
    padding: 5px;
    box-sizing: border-box;
}

#deliveryOptionsContainer {
    position: relative;
}

.feature-design-for-tp3 #deliveryAddressShowDetails,
.feature-design-for-tp3 #deliveryOptionsShowDetails,
.feature-design-for-tp3 #collectionOptionsShowDetails {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #002d5d;
    line-height: 12px;
    font-weight: 100;
}
.feature-design-for-tp3.page-MobileOrderDeliveryDetailsPage #deliveryAddressShowDetails,
.feature-design-for-tp3.page-MobileOrderDeliveryDetailsPage #collectionOptionsShowDetails {
    top: 17px;
}
.feature-design-for-tp3 #deliveryAddressShowDetails:after,
.feature-design-for-tp3 #deliveryOptionsShowDetails:after,
.feature-design-for-tp3 #collectionOptionsShowDetails:after {
    content: '\f107';
    font-family: FontAwesome;
    margin-left: 8px;
    font-size: 20px;
    position: relative;
    top: 2px;
}
.feature-design-for-tp3 #deliveryInfoContent .second-title{
    font-size: 15px;
    font-weight: 100;
    margin:0 0 10px;
    color:#616161;
}
.feature-design-for-tp3.page-MobileOrderDeliveryDetailsPage #deliveryInfoContent .second-title{
    color: #000;
}
.feature-design-for-tp3 #deliveryInfoContent #specificDeliveryInstructions{
    width: 100%;
    min-height: 120px;
    padding: 10px 15px;
    font-size: 15px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}
.feature-design-for-tp3 #deliveryInfoContent #specificDeliveryInstructions:focus {
    outline: none;
}
.feature-design-for-tp3 #deliveryInfoContent .limit-msg{
    text-align: right;
    display: block;
    margin-top: 6px;
    font-size: 14px;
}
.feature-design-for-tp3 #deliveryInfoContent .limit-msg span{
    display: inline-block;
}
.feature-design-for-tp3 #deliveryInfoContent .number-info-link{
    margin: 10px 0 0;
    color: #00295d;
    text-decoration: none;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    display: inline-block;
}
.feature-design-for-tp3 #deliveryInfoContent .number-text-block{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 24px;
    margin: 0 0 25px;
}
.feature-design-for-tp3 .delivery-info-wrap .saved-numbers input {
    display: inline-block;
    margin-right: 10px;
}
.feature-design-for-tp3 #deliveryInfoContent .number-label{
    color: #616161;
    font-size: 15px;
    margin: 0 0 8px;
}
.feature-design-for-tp3 .tp_orderContinued.returningCustomer{
    display: none;
}
.feature-design-for-tp3 .hasSavedCards .newCustomer{
    display: none;
}
.feature-design-for-tp3 .hasSavedCards .tp_orderContinued.returningCustomer{
    display: block;
}
.feature-design-for-tp3 #billing_address.collapsed #billing_address_form,
.feature-design-for-tp3 .card_details.collapsed #paymentframe{
    display: none;
}
.feature-design-for-tp3 #billing_address.collapsed #refine_billing_address{
    display: block;
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 44;
}
.feature-design-for-tp3 #billing_address.collapsed #refine_billing_address:after {
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: 8px;
    font-size: 20px;
    position: relative;
    top: 2px;
}
.feature-design-for-tp3 .card_details > h2{
    display: none;
}
.feature-design-for-tp3 .tp_paypage_iframe{
    width: 100%;
    height: 700px;
}

/*  Guest and M3 Mobile Checkout - last step - confirmation*/
.feature-design-for-tp3.page-OrderThankYouPageMobile .tp_checkoutTitle_wrapper,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_checkoutTitle_wrapper {
    display: none;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .order_success_wrapper,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .order_success_wrapper {
    padding: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .order_success_wrapper .tp_OrderTitle,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .order_success_wrapper .tp_OrderTitle {
    font-size: 22px;
    font-weight: normal;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .order_success_wrapper .success_header,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .order_success_wrapper .success_header {
    padding: 0;
    background-color: #fafafa;
    box-shadow: none !important;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_orderSuccess,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_orderSuccess {
    background: #eeeeee;
    margin: 0;
    font-weight: normal;
    padding: 15px 15px;
    border-bottom: 2px solid #002d5d;
    font-size: 18px;
    position: relative;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_orderSuccess:before,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_orderSuccess:before {
    content: '\f058';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 22px;
    position: relative;
    top: 1px;
    color: #f9af00;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_infoList,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_infoList {
    padding: 30px 20px 20px;
    line-height: 28px;
    background-color: #fafafa;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_infoList > li,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_infoList > li {
    margin-bottom: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_infoList #orderId,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #orderId,
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_infoList #amountPaid,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #amountPaid {
    font-weight: bold;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_success_text,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_success_text {
    padding: 0 20px;
    line-height: 22px;
    background-color: #fafafa;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection_wrap,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .collection_wrap {
    width: 100%;
    box-shadow: none;
    padding: 0;
    font-size: 15px;
    box-sizing: border-box;
    margin: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection_wrap #collectionHeader,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #collectionHeader,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #deliveryHeader {
    margin: 0 20px 15px;
    padding-top: 10px;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #collectionHeader{
    margin: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection_wrap #collectionHeader:before,
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap #deliveryHeader:before,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #collectionHeader:before,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #deliveryHeader:before {
    content: '';
    background-image: url(../images/button-icon-sprite.png);
    width: 27px;
    height: 30px;
    display: inline-block;
    background-size: 130px;
    position: relative;
    top: 8px;
    margin-right: 10px;
    background-position: -39px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap #deliveryHeader:before,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery_wrap #deliveryHeader:before {
    content: '';
    background-position: -3px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumLeft .address_wrap .headings,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .address_wrap .headings{
    margin-bottom: 10px;
    color: #616161;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .address_wrap p,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .contact_wrap p {
    font-size: 15px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumLeft .contact_wrap .headings + p,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .contact_wrap .headings + p {
    color: #00295d;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumRight .headings,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumRight .headings {
    color: #00295d;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumRight .headings:after,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumRight .headings:after {
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: 10px;
    font-weight: bold;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumRight .headings.expand:after,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .headings.expand:after {
    content: '\f106';
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumRight #openingHoursContent,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage  #openingHoursContent {
    display: none;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumRight #openingHoursContent p,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage  #openingHoursContent p {
    padding: 5px 0 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumRight #openingHoursContent .wk_day,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #openingHoursContent .wk_day {
    width: 110px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection_wrap .tp_collect_success .content,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_collect_success .content {
    color: #616161;
    padding-left: 0;
    margin: 0;
    font-size: 14px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection_wrap .tp_collect_success .content:before,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .tp_collect_success .content:before {
    display: none;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap {
    width: 100%;
    box-shadow: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fafafa;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap #deliveryHeader {
    width: 100%;
    padding-top: 20px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap .deliveryDate_text,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .deliveryDate_text,
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap #deliveryDate,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #deliveryDate {
    width: 50%;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .deliveryDate_text {
    box-sizing: border-box;
    float: left;
    padding: 0 0 20px 20px;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #deliveryDate {
    float: left;
    font-weight: bold;
    font-size: 15px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap .tp_delivery,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_delivery {
    color: inherit;
    font-size: 15px;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .tp_delivery {
    color: #000;
    padding: 0 20px 20px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    background-color: #fafafa;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .deliveryDate_text .content {
    font-size: 14px;
    color: #616161;
    line-height: 20px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-section .heading span,
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-section .delivery-date span{
    display: inline-block;
    line-height: 28px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-section .delivery-date,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery-section .delivery-date{
    margin: 0 0 10px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-section .delivery-date span,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery-section .delivery-date span{
    font-weight: bold;
    display: inline-block;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .product,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .product{
    overflow: hidden;
    margin: 0 0 5px;
    font-size: 14px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .product-list,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .product-list{
    padding: 0 0 10px;
    overflow: hidden;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .picture,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .picture{
    float: left;
    width: 96px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .product-info,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .product-info{
    margin: 0 0 0 106px;
    width: auto;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .consignment-instructions .heading,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .consignment .heading,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .consignment-instructions .heading{
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-steps .step,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery-steps .step{
    padding: 0 0 20px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-steps .number,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery-steps .number{
    background: #296b95;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    text-align: center;
    line-height: 25px;
    float: left;
    margin: 0 15px 0 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-steps .step-content,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery-steps .step-content {
    margin: 0 0 0 40px;
    font-size: 14px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-steps .step-content .name,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery-steps .step-content .name{
    margin: 0 0 3px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-steps .step-content .description,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage.delivery-steps .step-content .description{
    color: #616161;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .balance_wrap ,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .balance_wrap {
    width: 100%;
    box-shadow: none;
    padding: 0 20px;
    font-size: 15px;
    background-color: #fafafa;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .balance_wrap .tp_success_text,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .balance_wrap .tp_success_text {
    padding: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .balance_wrap .tp_creditsNotes,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .balance_wrap .tp_creditsNotes {
    display: flex;
    align-items: baseline;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .balance_wrap .tp_creditsNotes .tp_success_text,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .balance_wrap .tp_creditsNotes .tp_success_text {
    padding: 20px 0 0 0;
    border-top: 1px solid #e0e0e0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .balance_wrap .tp_creditsNotes .remain > div {
    font-size: 20px;
    margin: 20px 0px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .balance_wrap .tp_creditsNotes .remain .valueAlign {
    margin: 0;
    font-size: 32px;
    color: inherit;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .balance_wrap .tp_creditsNotes .limit {
    align-self: flex-end;
    display: flex;
    height: 34px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .order_success_wrapper .balance_wrap #accountDashboardButton {
    width: 100%;
    height: 45px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background-color: #f9af00;
    border: none;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .order_success_wrapper .orderSuccess_buttons {
    padding: 0 20px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .order_success_wrapper #orderDetailsButton{
    width: 100%;
    height: 45px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background-color: #ededed;
    border: none;
    border-bottom: 2px solid #002d5d;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection-section.order-summary-block{
    margin: 0 0 20px;
    background: #fafafa;
    padding: 15px 0 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection-section.order-summary-block:last-child{
    margin: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .consignment,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .consignment{
    padding: 10px 20px 0;
    background: #fafafa;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .consignment-instructions,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .consignment-instructions{
    padding: 0 20px 10px;
    background: #fafafa;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection-section .consignment .heading,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .collection-section .consignment .heading{
    margin: 0 0 20px;
    font-size: 16px;
}

/**/
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .order-summary-block{
    margin:15px 0;
    background: #fafafa;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .order-summary-block{
    background: #fff;
    padding: 15px 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumLeft .address_wrap .headings,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .address_wrap .headings{
    line-height: 24px;
    font-size: 15px !important;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumLeft .address_wrap .headings:first-child{
    font-size: 15px !important;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .consignment .heading span,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .consignment .heading span{
    display: inline-block;
}

.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .supplier.order-summary-block .consignment .heading .supplier,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .supplier.order-summary-block .consignment .heading .supplier{
    text-transform: lowercase;
}

.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details .colum_wrapper{
    padding: 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .contact_wrap a.ui-link,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .contact_wrap a.ui-link{
    color: #1A3B69;
    font-size: 14px;
    font-weight: normal !important;
    text-decoration: none;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .CO_collumRight .headings,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .CO_collumRight .headings{
    font-size: 15px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap .order-summary-block .content,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery_wrap .order-summary-block .content{
    font-size: 14px;
    color: #616161;
    line-height: 20px;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details #view-more-btn,
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details #view-less-btn,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #view-more-btn,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage #order_details #view-less-btn{
    display: none;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery-info.order-summary-block{
    padding: 15px 0 0;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection_wrap #collectionHeader,
.feature-design-for-tp3.page-OrderThankYouPageMobile .collection_wrap .tp_collect_success,
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap #deliveryHeader,
.feature-design-for-tp3.page-OrderThankYouPageMobile .delivery_wrap .tp_delivery,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .collection_wrap #collectionHeader,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .collection_wrap .tp_collect_success,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery_wrap #deliveryHeader,
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .delivery_wrap .tp_delivery{
    margin: 0;
    padding: 10px 20px 15px;
    background: #fafafa;
}
.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .consignment-instructions .delivery-instructions-wrapper .heading{
    margin: 0 0 15px;
}
/**/
.feature-design-for-tp3 .form-btn.btn-cancel{
    display: block;
    width: 100%;
    height: 45px;
    color: #fff;
    font-weight: bold;
    padding: 0;
    background-color: #296B95;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    position: relative;
}
.feature-design-for-tp3 #deliveryAddressContainer .wrapper > p {
    padding: 5px;
}
.feature-design-for-tp3 #deliveryAddressContainer .addresses.selected{
    border: 1px solid #f8ae00;
}
.feature-design-for-tp3 #deliveryAddressContainer .addresses.selected:after {
    content: '\f058';
    font-family: FontAwesome;
    color: #f8ae00;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.feature-design-for-tp3 #deliveryAddressContainer .addresses{
    width:100%;
    margin: 20px 0;
    background:#fff;
    padding: 15px;
    border:1px solid transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    min-height:100px;
    box-sizing:border-box;
    position:relative;
    line-height: 24px;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination ul{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination li {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    border: none;
    background: #ededed;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination li a{
    text-decoration: none;
    color: #424242;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination .prev,
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination .next{
    background: #296b95;
    color: #fff;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination .prev:before {
    content: '\f104';
    font-family: FontAwesome;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination .next:before {
    content: '\f105';
    font-family: FontAwesome;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination li.active {
    background: #296b95;
}
.feature-design-for-tp3 #deliveryAddressContainer .tp_branchList_pagination li.active a{
    color: #fff;
}
.feature-design-for-tp3.page-MobileOrderDeliveryDetailsPage #deliveryDetailsInfoContainer.active-title{
    margin: 10px 0 0;
}
.feature-design-for-tp3.page-MobileOrderDeliveryDetailsPage .form-error{
    font-size: 15px;
    color: #c92d2d;
}
.feature-design-for-tp3 .order_paymentDetails h2{
    background: #eec0c0;
    border-bottom: 2px solid #c92d2d;
    padding: 15px;
    font-size: 18px;
    margin: 0;
    font-weight: 100;
}
.feature-design-for-tp3 .paymentDetails_text{
    background: #f8e5e5;
    margin-bottom: 20px;
    padding: 20px;
}
.feature-design-for-tp3 .paymentDetails_text > h3,
.feature-design-for-tp3 .paymentDetails_text #credit_control_info{
    font-weight: 100;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 10px;
}
.feature-design-for-tp3 .paymentDetails_text .credit li:first-child{
    font-size: 20px;
    margin: 10px 0 15px;
    display: block;
}
.feature-design-for-tp3 .paymentDetails_text .credit li{
    display: inline-block;
    background: none;
    margin: 0;
    font-weight: normal;
    padding: 0;
    border: none;
    font-size: 20px;
}
.feature-design-for-tp3 .paymentDetails_text .credit li.remains.insufficient .valueAlign{
    font-size: 36px;
    margin-right: 10px;
}
.feature-design-for-tp3 .paymentDetails_text .credit li.limit p,
.feature-design-for-tp3 .paymentDetails_text .credit li.limit div{
    display: inline;
}
.feature-design-for-tp3 #payBySavedCard .card_details h2{
    display: block;
}
.feature-design-for-tp3 #tp_paymentCards h2,
.feature-design-for-tp3 #payment_section_saved_card h2{
    background: #eee;
    margin: 0;
    font-weight: 100;
    padding: 15px;
    border-bottom: 2px solid #002d5d;
    font-size: 18px;
    position: relative;
}
.feature-design-for-tp3 #tp_paymentCards #billing_address.collapsed h2{
    margin: 0 0 10px;
}
.feature-design-for-tp3 #tp_paymentCards #select_card{
    background: #fafafa;
    padding: 20px;
}
.feature-design-for-tp3 #tp_paymentCards .tp_card{
    background: white;
    margin: 20px 0;
    padding: 21px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01), 0 1px 2px rgba(0, 0, 0, 0.20);
}
.feature-design-for-tp3 #tp_paymentCards .card_radio{
    position: relative;
    display: inline-block;
    width: 13px;
    margin: 0 70px 0 0;
}
.feature-design-for-tp3 #tp_paymentCards .card_radio:after{
    content: '\f09d';
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    left: 31px;
    top: -2px;
    font-size: 32px;
    color: #616161;
}
.feature-design-for-tp3 #tp_paymentCards .card_radio input{
    position: relative;
    top:8px;
}
.feature-design-for-tp3 #tp_paymentCards .card_type{
    display: inline;
    font-size: 15px;
    vertical-align: top;
}
.feature-design-for-tp3 #tp_paymentCards .card_year{
    display: block;
    margin: 0 0 0 87px;
    font-size: 15px;
}
.feature-design-for-tp3 #tp_paymentCards .card_type strong{
    font-weight: 100;
    text-transform: capitalize;
    font-size: 15px;
    vertical-align: top;
}
.feature-design-for-tp3 #tp_paymentCards .card_name{
    display: none;
}
/* Guest_mobile_checkout_order_declined_page */
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .payment-declined-page {
    margin-top: 40px;
}
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .payment-declined-page .payment-declined-title {
    padding: 0 5%;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: "Roboto";
    font-weight: normal;
}
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .payment-declined-msg {
    padding: 0 5% 20px 5%;
}
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .payment-declined-list-holder {
    background-color: #fafafa;
    padding: 20px 5%;
}
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .payment-declined-list-holder .list-title {
    font-size: 16px;
    margin-bottom: 10px;
}
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .payment-declined-btn-holder {
    padding: 0 5%;
}
.feature-design-for-tp3.page-mobileGuestOrderPaymentDeclinedPage .payment-declined-btn-holder .payment-declined-btn:last-of-type {
    height: 45px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background-color: #ededed;
    border: none;
    border-bottom: 2px solid #002d5d;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    position: relative;
}

/* Highlighted messages BEGIN*/
div.highlighted-messages {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px;
    background: #ededed;
}

.home-carousel + div.highlighted-messages {
    padding-top: 0;
}

div.highlighted-messages + #mailingListSignUpSection_holder {
    margin-top: 0;
}

div.highlighted-messages a.top-banner {
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
    max-height: 5em;
    margin-right: 5px;
    padding: 5px;
    outline: none;
    text-decoration: none;
    color: #424242;
    background: #f5f5f5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    font-weight: 500;
    font-size: 14px;
}

div.highlighted-messages a.top-banner:last-child {
    margin-right: 0;
}

div.highlighted-messages a.top-banner:hover,
div.highlighted-messages a.top-banner:visited,
div.highlighted-messages a.top-banner:active {
    outline: none;
    text-decoration: none;
    color: #424242;
}

div.highlighted-messages a.top-banner h1{
    font-weight: inherit;
}

div.highlighted-messages a.top-banner span.highlighted {
    text-transform: uppercase;
    font-weight: bold;
    color: #002D5D;
}
/* Highlighted messages END*/

/*Mailing List Sign Up Section BEGIN*/

#mailingListSignUpSection_holder {
    background-color: #002D5D;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    display: table;
    height: 155px;
    width: 100%;
}

#mailingListSignUpSection_holder.successful {
    height: 70px;
    transition: height 1s;
}

#mailingListSignUpSection_holder .icon_holder {
    display: block;
    margin-right: 10px;
    height: 30px;
}

#mailingListSignUpForm .icon_holder {
    float: left;
}

#mailingListSignUpSuccess .icon_holder {
    display: inline-block;
    vertical-align: top;
}

#mailingListSignUpSection_holder .icon_holder img {
    width: 30px;
    height: 30px;
}

#mailingListSignUpForm .icon_holder img {
    margin-top: -4px;
}

#mailingListSignUpSection_holder span {
    color: #FFF;
    font-size: 18px;
    margin: 0 0 15px 0;
    vertical-align: middle;
}

#mailingListSignUpSuccess {
    display: none;
}

#mailingListSignUpSuccess span {
    display: inline-block;
    margin: 0;
    line-height: 30px;
}

#mailingListSignUpSection_holder.successful #mailingListSignUpSuccess {
    display: block;
}

#mailingListSignUpForm {
    display: block;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

#mailingListSignUpSection_holder.successful #mailingListSignUpForm {
    display: none;
}

#mailingListSignUpForm .inputs {
    position: relative;
}

#mailingListSignUpForm input {
    padding: 10px;
    margin-bottom: 0;
    border: 1px;
}

#mailingListSignUpForm .ui-shadow,
#mailingListSignUpForm .ui-focus {
    box-shadow: none;
}

#mailingListSignUpForm .ui-input-text {
    width: auto;
    background-color: #FFF;
    padding-right: 95px;
    margin-bottom: 0;
}

#mailingListSignUpForm input[type=text] {
    border-radius: 4px 0 0 4px;
    color: rgba(0,0,0,0.6);
}

#mailingListSignUpForm .ui-input-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 4px 4px 0;
    background-color: #EC9B0C;
    border-color: #EC9B0C;
    cursor: pointer;
    text-shadow: none;
    margin-bottom: 0;
    width: 95px;
    box-sizing: border-box;
    padding: 10px;
    line-height: 1.4em;
}

#mailingListSignUpForm input[type=submit] {
    outline: none;
}

#mailingListSignUpForm input[type=submit]::-moz-focus-inner {
    border: 0;
}

#mailingListSignUpForm .error {
    display: none;
    position: absolute;
    background-color: #d81d2a;
    border-radius: 4px;
    border: none;
    margin-bottom: 0;
    margin-top: 5px;;
    padding: 5px;
    z-index: 1;
}

#mailingListSignUpForm .error span {
    font-size: 12px;
    margin: 0;
    padding: 3px;
}

#mailingListSignUpForm .error::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 16px;
    border-bottom: 8px solid #d81d2a;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

#mailingListSignUpSection_holder + .travis-perkins-footer #footer {
    margin-top: 0;
}

/*Mailing List Sign Up Section END*/

/* Inspirational section START*/
.inspirational_promotion_section {
    background-color: #fafafa;
    position: relative;
}
.inspirational_promotion_section .inspirational_title,
.inspirational_promotion_section .inspirational_description,
.inspirational_promotion_section .inspirational_bottomText {
    text-align: center;
}
.inspirational_promotion_section .inspirational_title {
    margin: 20px 0;
    font-size: 1.2rem;
}
.inspirational_promotion_section .inspirational_description {
    padding: 20px;
    font-size: 1.5rem;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .26);
}
.inspirational_promotion_section .inspirational_products_section {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}
.inspirational_promotion_section .inspirational_products_section .slides {
    display: flex;
}
.inspirational_promotion_section .inspirational_bottomText,
.inspirational_promotion_section .inspirational_bottomText a {
    margin: 10px 0 20px;
    font-size: 14px;
    color: #0a4f38;
    font-weight: normal;
}
.inspirational_promotion_section .inspirational_description {
    padding: 25px;
    font-weight: bold;
}
.inspirational_promotion_section .inspirational_content {
    padding: 0 0 0 15px;
}
.inspiration_item .product .text_info {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
    margin: auto;
    text-align: left;
    color: #424242;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}
.inspiration_item .product .text_info .price_value,
.inspiration_item .product .text_info .uom,
.inspiration_item .product .text_info .vat_info {
    display: inline-block;
}
.inspiration_item .product .text_info .uom,
.inspiration_item .product .text_info .vat_info {
    font-size: 0.8rem;
}
.inspiration_item .product .price_info .price_from {
    display: inline-block;
}
.inspiration_item .product .text_info .price_value {
    font-size: 1rem;
    font-weight: bold;
    margin: 5px 0;
}
.inspiration_item .product .picture img {
    width: 100%;
    height: 100%;
}
.inspiration_item .product .picture {
    text-align: center;
}
.inspiration_item {
    margin: auto;
    text-align: center;
    height: 97%;
}
.inspiration_item a {
    text-decoration: none;
}
.inspiration_item .product .product_name {
    height: 40px;
    overflow:hidden;
}
.inspiration_item .product .product_name p {
    line-height: 20px;
}
.inspirational_promotion_section .inspirational_swipe_info {
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 48%;
    position: absolute;
    z-index: 99;
}
.inspirational_promotion_section .inspirational_swipe_info .inspirational_swipe_info_popUp {
    display: table;
    position: relative;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    margin: 0 auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
}
.inspirational_promotion_section .inspirational_swipe_info .inspirational_swipe_info_popUp span {
    display: block;
    padding: 10px 15px 0 15px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    color: #fff;
}
.inspirational_promotion_section .inspirational_swipe_info_popUp img {
    display: block;
    width: 40px;
    margin-left: -20px;
    padding-left: 50%;
}
.inspiration_item .product {
    background:#fff;
    margin: 5px 15px 5px 0;
    padding: 5%;
    height:100%;
    box-sizing:border-box;
}
@media only screen and (max-width: 765px) {
    .inspirational_promotion_section .inspirational_content {
        padding: 0 0 0 10px;
    }
    .inspiration_item .product {
        margin: 5px 10px 5px 0;
    }
}
/* Inspirational section END */

/* Top Products START */
.product_tabs_group {
    background-color: #fafafa;
    position: relative;
}
.product_tabs_group .headline {
    background-color: #fff;
}
.product_tabs_group .headline.left {
    padding: 20px 0;
}
.product_tabs_group .headline.right {
    padding: 10px 0 20px;
    background-color: #fafafa;
}
.product_tabs_group .headline.right a {
    font-size: 14px;
    font-weight: normal;
    color: #0a4f38;
}
.product_tabs_group .headline p {
    text-align: center;
    margin: 0;
    line-height: 30px;
    font-size: 14px;
}
.product_tabs_group ul.tab_caption {
    font-size: 0;
    background-color: #fafafa;
}
.product_tabs_group .tab_caption li {
    display: inline-block;
    background-color: #fafafa;
    width: 33.3%;
    height: 50px;
    text-align: center;
    cursor: pointer;
}
.product_tabs_group .tab_caption li.active {
    background-color: #eee;
    border-bottom: 2px solid #f6b112;
    box-sizing: border-box;
}
.product_tabs_group .tab_title {
    margin: 10px 0;
    padding: 0 10px;
    height: 30px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.product_tabs_group .tab_caption li .tab_title p {
    font-size: 14px;
    color: #616161;
    line-height: 30px;
    text-decoration: none;
}
.product_tabs_group .tab_caption li.active .tab_title p {
    color: #000;
}
.products_tab {
    font-size: 0;
    background-color: #fafafa;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}
.products_tab.invisible {
    display: none;
}
.products_tab li {
    margin-top: 5px;
}
.product_tabs_group .inspiration_item .product {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.26)!important;
}
.product_tabs_group .product .text_info {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}
.product_tabs_group .product .price_info {
    position: static;
    margin-top: 15px;
    text-align: right;
}
.product_tabs_group .product .price_info span {
    display: inline-block;
}
.product_tabs_group .product .price_info .price_value {
    margin-left: 5px;
}
.product_tabs_group .inspiration_item .product_name,
.product_tabs_group .inspiration_item .product_name p {
    overflow: hidden;
}
.product_tabs_group .product .product_name {
    margin-top: 15px;
}
.product_tabs_group .slides {
    display: flex;
    flex-wrap: nowrap;
}
.top_products_swipe_info {
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 48%;
    position: absolute;
    z-index: 99;
}
.top_products_swipe_info .swipe_info_popUp {
    display: table;
    position: relative;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    margin: 0 auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
}
.top_products_swipe_info .swipe_info_popUp span {
    display: block;
    padding: 10px 15px 0 15px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    color: #fff;
}
.top_products_swipe_info .swipe_info_popUp img {
    display: block;
    width: 40px;
    margin-left: -20px;
    padding-left: 50%;
}
/* Top Products END */
/* Social Media Links START */
#footer .social-media-links{
    width: 100%;
    display: flex;
    justify-content: center;
}

#footer .social-media-links .simple_disp-img{
    display: inline-block;
    margin: 18px 5px 0 5px;
    width: 35px;
    height: 35px;
}

#footer .social-media-links .simple_disp-img a{
    float: none;
    margin: 0;
}
/* Social Media Links END */

.tp_prod_listing .tp_infoWrapper, .tp_prod_category .tp_infoWrapper {
    word-wrap: break-word;
}

.tp_prod_listing .tp_infoWrapper h1, .tp_prod_category .tp_infoWrapper h1 {
    font-family: Hevletica, arial, sans-serif;
    font-weight: normal;
}



/* START - Supplier delivery basket */
.feature-design-for-tp3 .baskt_items_wrap .itm_collect,
.feature-design-for-tp3 .baskt_items_wrap .pick-and-pack-order-groups .itm_delivery,
.feature-design-for-tp3 .baskt_items_wrap .next-day-delivery-order-groups .itm_delivery,
.feature-design-for-tp3 .baskt_items_wrap .delivery-order-groups .itm_delivery {
    padding: 5px 0;
    height: 36px;
}
.feature-design-for-tp3 .baskt_items_wrap .pick-and-pack-order-groups .itm_supplier_delivery,
.feature-design-for-tp3 .baskt_items_wrap .next-day-delivery-order-groups .itm_supplier_delivery,
.feature-design-for-tp3 .baskt_items_wrap .delivery-order-groups .itm_supplier_delivery {
    display: none;
}
.feature-design-for-tp3 .baskt_items_wrap .divert-delivery-order-groups .itm_delivery {
    display: none;
}
.feature-design-for-tp3 .baskt_items_wrap .divert-delivery-order-groups .itm_supplier_delivery {
    margin-top: 20px;
}
.feature-design-for-tp3 .baskt_items_wrap .divert-delivery-order-groups .supplier-icon {
    content: '';
    display: inline-block;
    background: url(../images/supplier_delivery.png);
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.feature-design-for-tp3 .baskt_items_wrap .divert-delivery-order-groups .supplier-text {
    display: inline-block;
    margin-left: 5px;
}
.feature-design-for-tp3 .baskt_items_wrap .divert-delivery-order-groups .supplier-text .supplier-time {
    font-size: 12px;
    line-height: 14px;
}
.page-mobile-cartPage.feature-design .baskt_items_wrap .all-delivery div .consignment-header {
    background-color: #296c96;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 15px;
    margin-top: 15px;
}
.page-mobile-cartPage.feature-design .delivery-order-groups h3.consignment-header,
.page-mobile-cartPage.feature-design .delivery-order-groups h3.consignment-header,
.page-mobile-cartPage.feature-design .pick-and-pack-order-groups h3.consignment-header,
.page-mobile-cartPage.feature-design .next-day-delivery-order-groups h3.consignment-header,
.page-mobile-cartPage.feature-design .pick-and-pack-order-groups h3.consignment-header,
.page-mobile-cartPage.feature-design .next-day-delivery-order-groups h3.consignment-header,
.page-mobile-cartPage.feature-design .divert-delivery-order-groups h3.consignment-header,
.page-mobile-cartPage.feature-design .divert-delivery-order-groups h3.consignment-header {
    border-bottom: none!important;
}
.page-mobile-cartPage.feature-design .all-delivery #changePostCode {
    display: block!important;
    float: none!important;
    color: #1a3b69!important;
    margin-top: 5px;
    margin-left: 36px;
}
.page-mobile-cartPage.feature-design .all-delivery #changePostCode strong {
    font-weight: normal!important;
}
.feature-design-for-tp3 .consignment-header .delivery-date {
    font-weight: bold;
}
/* END - Supplier delivery basket*/

/********************Promotion prices in cart*************************/

.page-mobile-cartPage.feature-design .baskt_items_wrap .baskt_item .item_price .priceAfterPromo {
    order: 0;
}
.page-mobile-cartPage.feature-design .baskt_items_wrap .baskt_item .item_price .priceAfterPromo:not(:empty) ~ .originalPrice {
    order: 1;
    margin-left: 10px;
    text-decoration: line-through;
}
.page-mobile-cartPage.feature-design .baskt_items_wrap .baskt_item .item_price .promoMessage {
    order: 5;
    color: #ff0000;
    padding: 5px 0;
    width:100%;
}

.page-mobile-cartPage.feature-design #addForCollectionPopup #collectionBranchLocatorForm .product-data .product-price .originalPrice,
.page-mobile-cartPage.feature-design #addForCollectionPopup #collectionBranchLocatorForm .product-data .product-price .priceAfterPromo {
    display: inline;
}

.page-mobile-cartPage.feature-design #addForCollectionPopup #collectionBranchLocatorForm .product-data .product-price .priceAfterPromo {
    color: #ff0000;
    margin-left: 10px;
}

.page-mobile-cartPage.feature-design #addForCollectionPopup #collectionBranchLocatorForm .product-data .product-price .originalPrice .price_ex_vat {
    display: none;
}

.page-mobile-cartPage.feature-design #addForCollectionPopup #collectionBranchLocatorForm .product-data .product-price .priceAfterPromo:not(:empty) ~ .originalPrice {
    text-decoration: line-through;
}

.page-mobile-cartPage.feature-design #addForCollectionPopup #collectionBranchLocatorForm .product-data .product-price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}


.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage .total_price_wrapper p.savings {
    color: #ff0000;
}
/********************End promotion prices in cart*************************/


/* Promotion prices on plp and srp*/
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price_holder,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price_holder,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder{
    justify-content: flex-start;
}
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .price_value,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .price_value{
    order:10;
}
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .price_from,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .price_from,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .price_from,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .price_from{
    order: 0;
    /*margin-right: 10px;*/
}
.feature-can-collect.Guest-Checkout.page-mobile-productList .tp_prod_listing .tp_prodViewWrapper li .product_price_holder .rrp_price_ex_vat,
.feature-can-collect.Guest-Checkout.page-mobile-spotLightPage .tp_prod_listing .tp_prodViewWrapper li .product_price_holder .rrp_price_ex_vat {
    text-align: left;
    order: 1;
    margin:0 10px 0 0;
}
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .price_value,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .price_value{
    order: 2;
    font-size:14px;
}
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message{
    order: 4;
    font-size:14px;
    color:#FF0000;
    width:100%;
    margin:3px 0 0;
}
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message,
.page-mobile-searchResults.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message{
    order:12;
    font-size:14px;
    color:#FF0000;
    width: 100%;
    margin: 3px 0 0;
}
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder .promotion_message,
.page-mobile-searchResults.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder .promotion_message,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder .promotion_message,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .promotion_message{
    order:20;
    font-size:14px;
    color:#FF0000;
    margin:3px 0 0;
    text-align:left;
    width: 100%;
}
.page-mobile-searchResults.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price_holder,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price_holder{
    flex-wrap: wrap;
}
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .promotion_message p,
.page-mobile-searchResults.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .promotion_message p,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .promotion_message p,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message p,
.page-mobile-searchResults.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message p,
.page-mobile-spotLightPage.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message p,
.page-mobile-productList.feature-design.Guest-Checkout .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .promotion_message p{
    padding: 3px 0 5px;
    color:#FF0000;
    font-size:14px;
}
/**/

.tp_prodQuoteProcess .add_to_basket_button input {
    background-color: #EC9B0C;
    border-color: #e99b0b;
    text-shadow: none;
    opacity: 1;
    font-size: 100%;
    font-weight: bold;
    text-indent: 0px;
}

.tp_prodQuoteProcess .disabled input {
    background-color: #eee;
    color: #757575;
}

/* Advanced PLP/SRP Start */

.advanced-mobile .ui-page-theme-a .ui-focus{
    box-shadow: none;
}
.advanced-mobile #tp_product_lister_enumeration .product_item .product_item_header{
    margin: 0 0 15px;
}
.advanced-mobile  #tp_product_lister_enumeration .product_item .product_item_header img{
    display: inline-block;
    margin: 0 10px 0 0;
}
.advanced-mobile  #tp_product_lister_enumeration .product_item .product-header_wr {
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    width: 73%;
    color: #616161;
}
.advanced-mobile  #tp_product_lister_enumeration .product_item .product_header a {
    display: inline;
    width: 100%;
}

.advanced-mobile  #tp_product_lister_enumeration .product_item .product_header a span {
    display: inline;
}

.advanced-mobile  #tp_product_lister_enumeration .product_item .product_header .advanced_plp_product_name {
    font-size: 14px;
    color: #333;
    margin: 0 0 5px;
}
.advanced-mobile  #tp_product_lister_enumeration .product_item .product_header .advanced_plp_product_code {
    font-size: 14px;
    color: #616161;
    padding: 0 0 5px;
    display: inline;
}
.page-mobile-spotLightPage.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_product_item:after,
.page-mobile-productList.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_product_item:after,
.page-mobile-searchResults.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_product_item:after,
.page-mobile-spotLightPage.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_product_item:after {
    content: none;
}
.advanced-mobile.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_stars-block{
    margin:0 0 0 2px;
}
.advanced-mobile.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_stars-block .stars {
    vertical-align: middle;
}
.advanced-mobile.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_stars-block .reviews-count {
    float: none;
    margin: 0 0 2px 0;
    font-size: 14px;
    font-weight: 500;
}
.advanced-mobile.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_average-rating{
    display: inline;
    font-size: 12px;
    color: #333;
    border: 1px solid #333;
    padding: 1px 5px;
    border-radius: 5px;
}
.advanced-mobile.page-mobile-spotLightPage.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_product_item,
.advanced-mobile.page-mobile-productList.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_product_item,
.advanced-mobile.page-mobile-searchResults.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .advanced_plp_product_item{
    border-bottom: 2px solid #CCC;
    padding: 30px 15px!important;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price {
    text-align: center;
    margin: 0 0 10px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .price_section {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    padding: 10px 0 10px 0;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .price_value{
    font-size: 20px;
    font-family: Helvetica, Arial, san-serif;
    font-weight: bold;
    display:  inline-block;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price  .price_from{
    display:  inline-block;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .crossed-price {
    text-decoration: line-through;
    font-size: 14px;
    padding-bottom: 5px;
}
.advanced-mobile  #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .ex-vat,
.advanced-mobile  #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .uom_name {
    font-weight: normal;
    font-size: 14px;
    color: #616161;
    display:  inline-block;
}
.advanced-mobile  #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .price_before_promotion_section {
    font-size: 14px;
    margin: 0 0 3px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .price_before_promotion_section .price_before_promotion {
    text-decoration: line-through;
    display: inline-block;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .advanced_plp_promotion_message p {
    font-weight: bold;
    color: #d41b2d;
    padding:4px 5px;
    font-size: 14px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_product_price .advanced_plp_promotion_message {
    border: 2px solid #d41b2d;
    font-weight: bold;
    color: #d41b2d;
    margin: 5px 0 15px 0;
    padding:4px 5px;
    font-size: 14px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .advanced_plp_trade_prices_link a {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    color: #296C96;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess  .quantity-row{
    display: flex;
    align-items: center;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .quantity-gadget .quantity-gadget-item {
    color: #333;
    text-decoration: none;
    background: #EEE;
    padding: 7px 12px;
    border: 1px solid #BDBDBD;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    flex: 0 1 12px;
}
.advanced-mobile  #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .quantity-gadget .quantity-gadget-item:hover,
.advanced-mobile  #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .quantity-gadget .quantity-gadget-item:active {
    text-decoration: none;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .quantity-gadget input[type=tel] {
    padding: 7px 14px;
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    margin: 0;
    line-height: 22px;
    font-size: 12px;
    border-radius: 0;
    text-align: center;
    width: 100%;
    background: #FFF;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .quantity-gadget input[type=tel].error{
    background: #fce8ea;
    border-color: #fce8ea;
    border-bottom: 2px solid #D41B2D;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding-top: 6px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .quantity-gadget .ui-input-text {
    border: none;
    flex: 0 1 100%;
    margin: 0;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .add_to_basket_button,
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess #addToQuoteButton {
    clear:both;
    margin: 0 0 10px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .add_to_basket_button .ui-btn,
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess #addToQuoteButton .ui-btn{
    border-radius: 4px;
    border: none;
    margin: 0;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .add_to_basket_button .ui-btn:hover,
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess #addToQuoteButton .ui-btn:hover{
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .tp_prodQuoteProcess .ui-icon-carat-d:after{
    content: "\f107";
    background: none;
    font-family: 'FontAwesome';
    color: #BDBDBD;
    border-radius: 0;
    font-size: 18px;
    margin: 0;
    top:10px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .plp_diverted_message,
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .big_and_bulky_message,
.advanced-mobile .big_and_bulky_message{
    background-color: #f5f5f5;
    padding: 14px;
    margin-bottom: 14px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    width:100%;
    box-sizing: border-box;
    justify-content:center;
}
.advanced-mobile .tp_prod_detail .big_and_bulky_message{
    margin:0 15px 15px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .plp_diverted_message .plp_diverted_message_text,
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .plp_diverted_message .big_and_bulky_message_text,
.advanced-mobile .big_and_bulky_message_text {
    display: inline-block;
    width: auto;
    font-size: 14px;
    vertical-align: top;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .plp_diverted_message img,
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_product_item .big_and_bulky_message img,
.advanced-mobile .big_and_bulky_message img {
    width: 34px;
    margin-right: 10px;
}
.advanced-mobile #tp_product_lister_enumeration .advanced_plp_trade_prices_link{
    margin: 0 0 20px;
}
.advanced-mobile #tp_product_lister_enumeration .plp_add_to_cart_form .prod_qty_variant{
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
}
.advanced-mobile .tpQ_input.quantity-gadget,
.advanced-mobile #tp_product_lister_enumeration .plp_add_to_cart_form .prod_qty_variant .variant_select{
    flex: 1 0 136px;
    order: 1;
}
.advanced-mobile #tp_product_lister_enumeration .plp_add_to_cart_form .prod_qty_variant .variant_select{
    order: 2;
    margin: 0 0 0 6%;
    max-width: 47%;
}
.advanced-mobile #tp_product_lister_enumeration .plp_add_to_cart_form .prod_qty_variant .variant_select.form_field_error .ui-btn{
    border-bottom: 2px solid #d41b2d;
}
.advanced-mobile #tp_product_lister_enumeration .prod_qty_variant .variant_select label,
.advanced-mobile #tp_product_lister_enumeration .tpQ_input.quantity-gadget .tpQ_Text{
    font-size: 13px;
    margin: 0 0 8px;
    line-height: 14px;
}
.advanced-mobile #tp_product_lister_enumeration .prod_qty_variant .variant_select .ui-select{
    margin: 0;
}
.advanced-mobile #tp_product_lister_enumeration .prod_qty_variant .variant_select .tpVariantsErrorMsg{
    color: #d41b2d;
    font-size: 14px;
}
.advanced-mobile #tp_product_lister_enumeration .prod_qty_variant .variant_select select{
    font-size: 14px;
}
.advanced-mobile.page-mobile-spotLightPage.feature-design .ui-select .ui-btn,
.advanced-mobile.page-mobile-searchResults.feature-design .ui-select .ui-btn,
.advanced-mobile.page-mobile-productList.feature-design .ui-select .ui-btn{
	border-radius: 0;
	border: 1px solid  #e0e0e0;
	border-bottom: 2px solid  #bdbdbd;
	padding: 10px;
	line-height: 16px;
	background: #FFF;
}
.advanced-mobile.page-mobile-spotLightPage.feature-design .ui-select .ui-btn.ui-btn-active,
.advanced-mobile.page-mobile-searchResults.feature-design .ui-select .ui-btn.ui-btn-active,
.advanced-mobile.page-mobile-productList.feature-design .ui-select .ui-btn.ui-btn-active{
    text-shadow: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.advanced-mobile .plp_add_to_cart_form .add_to_basket_button #addToCartButton{
    background: #f6b112;
    color: #333;
}
.advanced-mobile.page-mobile-spotLightPage.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView .ui-select span,
.advanced-mobile.page-mobile-searchResults.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView .ui-select span,
.advanced-mobile.page-mobile-productList.feature-design .tp_prodView.list li .ui-select span {
    display: block;
    font-size: 14px;
    line-height: 16px
}
.advanced-mobile.page-mobile-spotLightPage.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .advanced_plp_stars-block .reviews-count,
.advanced-mobile.page-mobile-searchResults.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .advanced_plp_stars-block .reviews-count,
.advanced-mobile.page-mobile-productList.feature-design .advanced_plp_stars-block a {
    color: #0f7258!important;
}
.advanced-mobile.page-mobile-spotLightPage.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .plp_diverted_message_text p,
.advanced-mobile.page-mobile-searchResults.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .plp_diverted_message_text p,
.advanced-mobile.page-mobile-productList.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .plp_diverted_message_text p{
    width:85%;
    font-size:14px;
    padding:0;
}
.advanced-mobile.feature-design-for-tp3 .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_item_img{
    display: inline-block;
}

.advanced-mobile.page-mobile-spotLightPage .merchant_buttons .ui-input-btn,
.advanced-mobile.page-mobile-searchResults .merchant_buttons .ui-input-btn,
.advanced-mobile.page-mobile-productList .merchant_buttons .ui-input-btn {
    font-weight: 500;
}

.advanced-mobile.page-mobile-spotLightPage .merchant_buttons:after,
.advanced-mobile.page-mobile-searchResults .merchant_buttons:after,
.advanced-mobile.page-mobile-productList .merchant_buttons:after{
    content: '';
    display: table;
    clear: both;
}
.advanced-mobile.page-mobile-spotLightPage .add-for-delivery-button,
.advanced-mobile.page-mobile-spotLightPage .ccButton,
.advanced-mobile.page-mobile-searchResults .add-for-delivery-button,
.advanced-mobile.page-mobile-searchResults .ccButton,
.advanced-mobile.page-mobile-productList .add-for-delivery-button,
.advanced-mobile.page-mobile-productList .ccButton{
    float: left;
    width: 47%;
    box-sizing: border-box;
}
.advanced-mobile.page-mobile-spotLightPage .ccButton,
.advanced-mobile.page-mobile-searchResults .ccButton,
.advanced-mobile.page-mobile-productList .ccButton{
    margin:0 0 0 5%;
}
.advanced-mobile.page-mobile-spotLightPage .add-for-delivery-button #addToCartButton,
.advanced-mobile.page-mobile-spotLightPage .add-for-collection-button #addForCollection,
.advanced-mobile.page-mobile-searchResults .add-for-delivery-button #addToCartButton,
.advanced-mobile.page-mobile-searchResults .add-for-collection-button #addForCollection,
.advanced-mobile.page-mobile-productList .add-for-delivery-button #addToCartButton,
.advanced-mobile.page-mobile-productList .add-for-collection-button #addForCollection{
    background: #EC9B0C;
    transition: background-color 0s;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: capitalize;
    outline: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    cursor: pointer;
    color: #333;
    padding: 9px 16px;
    line-height:17px;
    border: 1px solid transparent;
    width:100%;
    box-sizing:border-box;
    float:left;
    text-shadow:none;
    text-align: center;
}
.advanced-mobile.page-mobile-spotLightPage .add-for-delivery-button b,
.advanced-mobile.page-mobile-spotLightPage .add-for-collection-button  b,
.advanced-mobile.page-mobile-searchResults .add-for-delivery-button  b,
.advanced-mobile.page-mobile-searchResults .add-for-collection-button  b,
.advanced-mobile.page-mobile-productList .add-for-delivery-button  b,
.advanced-mobile.page-mobile-productList .add-for-collection-button b{
    font-size:16px;
    font-weight: 600;
    display:block;
    line-height:21px;
}
.advanced-mobile.page-mobile-productDetails .tp_prodQuoteProcess .add-for-delivery-button,
.advanced-mobile.page-mobile-productDetails .tp_prodQuoteProcess .add-for-collection-button{
    margin: 8px 0;
}
.advanced-mobile.page-mobile-spotLightPage .add-for-delivery-button #addToCartButton.btn-disabled,
.advanced-mobile.page-mobile-spotLightPage .add-for-collection-button  #addForCollectionDisabled,
.advanced-mobile.page-mobile-searchResults .add-for-delivery-button #addToCartButton.btn-disabled,
.advanced-mobile.page-mobile-searchResults .add-for-collection-button  #addForCollectionDisabled,
.advanced-mobile.page-mobile-productList .add-for-delivery-button #addToCartButton.btn-disabled,
.advanced-mobile.page-mobile-productList .add-for-collection-button  #addForCollectionDisabled{
    background:none;
    border:none;
    box-shadow: none;
    opacity: 1;
    padding: 8px 16px;
    white-space: normal;
    line-height: 21px;
    color:#707070;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    font-family: sans-serif;
}
.advanced-mobile.page-mobile-spotLightPage .add-for-collection-button-disabled .ui-input-btn:hover,
.advanced-mobile.page-mobile-searchResults .add-for-collection-button-disabled .ui-input-btn:hover,
.advanced-mobile.page-mobile-productList .add-for-collection-button-disabled .ui-input-btn:hover{
    background: none;
    box-shadow: none;
}
.advanced-mobile.page-mobile-spotLightPage.feature-design .ui-select .ui-btn.error,
.advanced-mobile.page-mobile-searchResults.feature-design .ui-select .ui-btn.error,
.advanced-mobile.page-mobile-productList.feature-design .ui-select .ui-btn.error{
    background: #fce8ea;
    border-bottom: 2px solid #D41B2D;
}

.page-mobile-spotLightPage.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .error.validation,
.page-mobile-productList.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .error.validation,
.page-mobile-searchResults.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .error.validation {
    margin:0 0 10px;
    width:100%;
    display:none;
    padding: 0 0 7px;
    margin: 0;
    font-size: 14px;
    min-height:auto;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_detail #addToCartButton,
.feature-design-for-tp3.feature-can-collect .tp_prod_detail #addForCollection,
.advanced-mobile .add-for-collection-button-disabled #addForCollectionDisabled{
    background-image: none !important;
    line-height: 45px;
    height: 45px;
    background-color: #EC9B0C;
    border: none;
    color: #333333;
    text-shadow: none;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 100%;
    text-decoration: none;
    text-align: center;
    display: block;
}
.advanced-mobile .add-for-collection-button-disabled #addForCollectionDisabled,
.advanced-mobile #addToCartButton.btn-disabled{
    background-image: none !important;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    opacity: 0.3;
}
.addedItemsToQuoteListBlock.advanced-plp{
    color: #0F7258;
    background: #e6f1ee;
    padding: 10px;
    margin:0 0 15px;
    font-size:14px;
}
.addedItemsToQuoteListBlock.advanced-plp .add-to-quote-list-message-block{
    display: flex;
    align-items: center;
}
.addedItemsToQuoteListBlock.advanced-plp .icon-check{
    margin-right: 8px;
    font-size: 18px;
}
.page-mobile-spotLightPage.feature-design .tp_prodQuoteProcess .tp_prodMessage,
.page-mobile-searchResults.feature-design .tp_prodQuoteProcess .tp_prodMessage,
.page-mobile-productList.feature-design .tp_prodQuoteProcess .tp_prodMessage{
    border:none;
    margin:0;
    padding:0;
}

.merchant_buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.advanced-mobile.page-mobile-spotLightPage .merchant_buttons .add-for-delivery-button,
.advanced-mobile.page-mobile-productList .merchant_buttons .add-for-delivery-button,
.advanced-mobile.page-mobile-searchResults .merchant_buttons .add-for-delivery-button {
    order:1;
    margin-left: -2px;
}
.advanced-mobile.page-mobile-spotLightPage .merchant_buttons .add-for-delivery-button .ui-state-disabled,
.advanced-mobile.page-mobile-productList .merchant_buttons .add-for-delivery-button .ui-state-disabled,
.advanced-mobile.page-mobile-searchResults .merchant_buttons .add-for-delivery-button .ui-state-disabled {
    background:none !important;
    box-shadow:none;
    white-space: normal;
    color: #707070;
    opacity:1;
}
.merchant_buttons #changePostCode{
    order:3;
    font-size: 13px;
    font-weight: 500;
    color: #0F7258;
    text-decoration: underline;
    margin:10px 0 0;
}
.advanced-mobile.page-mobile-spotLightPage .merchant_buttons .ccButton,
.advanced-mobile.page-mobile-productList .merchant_buttons .ccButton,
.advanced-mobile.page-mobile-searchResults .merchant_buttons .ccButton {
    order:2;
}
/* Advanced PLP/SRP End */

.yCmsComponent.discontinued_product_message{
	width: 90%;
	margin: 0 auto;
	border-radius: 5px;
	height: 55px;
	color: #707070;
	display: table;
}

.yCmsComponent.discontinued_product_message .content {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
   	width: 100%;
	padding: 0px 5%;
	position: relative;
	border-radius: 5px;
	background-color: #f5f5f5;
}

.page-mobile-productList .yCmsComponent.discontinued_product_message {
	width: 100%;
}

/* PDP New carousel design */

.s7zoomviewer .s7swatches,
.s7zoomviewer .s7thumbcell {
    visibility: inherit !important;
    display: inline-block !important;
}
#s7ProductDetailsImage_container {
    margin: 0 auto;
}
#s7ProductDetailsImage_zoomView {
    outline: none;
}
#s7ProductDetailsImage_zoomView > div >div {
    background-color: #eee;
}
#s7ProductDetailsImage_swatches.s7swatches {
    top: initial;
    bottom: -45px;
    height: 30px !important;
}
#s7ProductDetailsImage_swatches.s7swatches > div {
    position: static !important;
    width: 100% !important;
    height: 30px !important;
    text-align: center;
}
#s7ProductDetailsImage_swatches.s7swatches > div > div {
    position: static !important;
    width: 100% !important;
    height: 30px !important;
    padding-top: 10px;
}
#s7ProductDetailsImage_swatches.s7swatches .s7thumbcell {
    position: static !important;
}
#s7ProductDetailsImage_swatches.s7swatches .s7thumbcell:before {
    content: '';
    border: 1px solid rgba(109, 109, 114, 0.5);
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 50%;
    margin: 0 4px;
}
#s7ProductDetailsImage_swatches.s7swatches .s7thumbcell[aria-selected="true"]:before {
    background-color: #296c96;
    border-color: #296c96;
}
#s7ProductDetailsImage_swatches.s7swatches .s7thumb {
    display: none;
    visibility: hidden;
}

/* Simplified billing address START*/
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate.page-OrderPaymentPageMobile #content,
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate.page-MobileOrderDeliveryDetailsPage #content,
.Guest-Checkout.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate #content {
    margin-top: 58px;
    border-top: 1px solid #e0e0e0;
}
.feature-design-for-tp3.template-pages-TPMobileCheckoutPageTemplate .tp_header .return_basket {
    top: 102px;
    font-size: 15px;
    left: 7px;
}
.page-GuestOrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards h2,
.page-OrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards .payment_details_holder h2,
.page-OrderPaymentPageMobile.feature-simplified-billing-address .payment_details_holder h2 {
    background: none;
    border-bottom: none;
    padding: 0;
}
.page-GuestOrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards .payment_details_wrap,
.page-OrderPaymentPageMobile.feature-simplified-billing-address .order_payment_block .payment_details_holder{
    background: #eee;
    margin: 0;
    font-weight: 100;
    padding: 15px;
    border-bottom: 2px solid #002d5d;
    font-size: 18px;
    position: relative;
}
.page-GuestOrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards #billing_address.collapsed h2,
.page-OrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards #billing_address.collapsed h2 {
    margin: 0;
}
.page-GuestOrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards #billing_address.collapsed .payment_details_wrap {
    margin: 0 0 10px;
}
.page-GuestOrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards #billing_address #refine_billing_address,
.page-OrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards #billing_address #refine_billing_address,
.page-OrderPaymentPageMobile.feature-simplified-billing-address .order_paymentDetails .payment_details_holder #refine_billing_address {
     position: relative;
     right: 0;
     font-size: 15px;
     color: #00295d;
     line-height: 30px;
     top: 7px;
}
.page-GuestOrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards #billing_address #refine_billing_address:after,
.page-OrderPaymentPageMobile.feature-simplified-billing-address #tp_paymentCards #billing_address #refine_billing_address:after {
    content: none;
}
.page-GuestOrderPaymentPageMobile.feature-simplified-billing-address #billing_address_form .billing_addresss_heading,
.page-OrderPaymentPageMobile.feature-simplified-billing-address #billing_address_form .billing_addresss_heading {
    font-size: 18px;
    margin-bottom: 5px;
}
.page-OrderPaymentPageMobile.feature-simplified-billing-address #paymentframe .tp_orderAttention {
    padding: 10px;
}
.page-OrderPaymentPageMobile.feature-simplified-billing-address .order_paymentDetails .payment_details_holder.acc_payment_details {
    background: #eec0c0;
    border-bottom: 2px solid #c92d2d;
    padding: 15px;
    font-size: 18px;
    margin: 0;
    font-weight: 100;
}
.page-OrderPaymentPageMobile.feature-simplified-billing-address .acc_payment_details #refine_billing_address.collapsed {
    display: none;
}
/* Simplified billing address END*/

#billingForm .find-address-error {
    display: none;
    color: red;
    margin-top: -10px;
    margin-bottom: 15px;
}

form .error_message_wr {
    display: none;
}
form .error_message_wr .errorMessage {
    color: #ED1C24;
}
form input.text.error {
    background-color: #fadadd;
}
.feature-design.template-pages-TPMobileCheckoutPageTemplate #deliveryDetailsContainer input[type="text"].error {
    background-color: #fadadd;
}
#orderDeliveryAddressForm .error_message_wr {
    margin-bottom: -15px;
    margin-top: 5px;
}
#orderDeliveryAddressForm .error_message_wr span,
#billingForm .error_message_wr span{
    font-size: 15px;
}
.page-MobileOrderDeliveryDetailsPage.feature-design #houseNumber.error {
    font-size: 16px;
}
.feature-design-for-tp3.page-TPMobileAddDeliveryAddressPage #add-new-address #houseNumber.error {
    font-size: 19px;
    background-color: #fadadd;
}
.page-TPMobileAddDeliveryAddressPage #orderDeliveryAddressForm .error_message_wr {
    margin-bottom: 10px;
    padding-left: 0px;
    margin-top: -15px;
}
.page-GuestOrderDeliveryDetailsPageMobile #orderDeliveryAddressForm .error_message_wr {
    margin-bottom: -12px;
    padding-left: 0;
}
.page-GuestOrderDeliveryDetailsPageMobile input.error {
    font-size: 16px;
}
.page-GuestOrderPaymentPageMobile .error_message_wr,
.page-OrderPaymentPageMobile .error_message_wr{
    margin-top: -13px;
}

.feature-can-collect.feature-design .tpProductInformation {
    margin-top: 0px!important;
    padding-top: 20px!important;
}
#tab-tilecalc {
    padding: 0px!important;
    height: 545px;
}
.tile-iframe {
    width: 100%;
    height: 100%;
}
#tab_04 {
    cursor: pointer;
}
#cookie-policy {
    position: fixed!important;
    bottom: 0px!important;
    width: 100%!important;
}
#cookie-policy .cookie-policy-holder .title {
    padding: 0px!important;
}
body #header .tpHeaderContent_holder {
    position: relative!important;
}

body #header .siteSearch {
    position: relative!important;
    top: 0px!important;
}

body #content {
    margin-top: 0px!important;
}
#addForCollectionPopup .tp_branchList_pagination ul {
    display: flex;
    justify-content: space-between;
}
#addForCollectionPopup .tp_branchList_pagination li.pagination-item.prev, li.pagination-item.next {
    display: none!important;
}
#addForCollectionPopup .tp_branchList_pagination li.pagination-item {
    height: 40px;
    width: 40px;
    line-height: 40px!important;
    background: #e0e0e0;
}
#addForCollectionPopup .tp_branchList_pagination li.pagination-item .ui-link {
    color: #1a3b69;
    text-decoration: none!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination {
    float: left;
    width: 100%;
    margin: 30px 0px 20px 0px;
}

.siteSearch span {
    display: inline;
}

.siteSearch .ui-autocomplete a.product {
    display: flex;
}

.siteSearch .ui-autocomplete {
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
    box-sizing: border-box;
    padding: 10px 0;
    min-width: calc(100% - 9.4%);
    max-width: calc(100% - 9.4%);
}

.siteSearch .ui-autocomplete .ui-menu-item {
    padding: 0 15px;
}

.siteSearch .ui-autocomplete .ui-menu-item a {
    display: flex;
    padding: 5px 0;
    font-weight: normal;
    font-size: 16px;
}

.siteSearch .ui-autocomplete .ui-menu-item .thumb {
    display: flex;
    align-items: flex-start;
    margin-right: 10px;
}

.siteSearch.search .thumb img {
    width: 60px;
    height: auto;
}

.siteSearch a .desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.siteSearch .ui-autocomplete.ui-menu .ui-menu-item span {
    color: #333;
    padding: 2px 0;
}

.siteSearch .ui-autocomplete.ui-menu a {
    text-decoration: none;
}

.tpSearchBox .siteSearch .ui-menu .ui-menu-item.product a {
    border-top: 1px solid #f0f0f0;
}

.siteSearch.search span.desc.clearfix .price .price__ex-vat {
    font-size: 14px;
    color: #9e9e9e;
    margin-left: 5px;
}

.no-result .title {
    font-size: 16px;
}
/* Toggle filter */

.toggle-filter,
.rating-filter,
.range-input{
    display: flex;
    padding: 15px 20px;
    background-color: #fff;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.toggle-filter {
    cursor: pointer;
}

.toggle-lever {
    display: flex;
    width: 50px;
    height: 25px;
    background: #eae9e9;
    border-radius: 15px;
    margin-right: 15px;
    flex-shrink: 0;
}

.autocomplete-login-link {
    align-self: flex-start;
    color: #1a3b69;
    font-size: 14px;
    margin-top: auto;
    text-decoration: underline;
}



.toggle-lever span {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.toggle-lever[data-toggle="on"] {
    background: #ec9b0c;
}

.toggle-lever[data-toggle="on"] span {
    margin-left: 50%;
}

.rating-filter svg {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0 5px;
}

.rating-filter svg polygon {
    fill: #eae9e9;
}

.rating-filter svg.active polygon {
    fill: #ec9b0c;
}

.range-input .ui-input-text {
    box-shadow: none;
    border: none;
    border-radius: 0;
    width: 90px;
    margin: 0;
}

.range-input label {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.range-input__sep {
    display: inline-block;
    margin: 0 15px
}

.range-input input {
    -webkit-appearance: none;-moz-appearance: none;appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: #f5f5f5;
    padding: 10px 10px 10px 20px;
}

.range-input__sign {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}