/*Verify Details and Create Account Forms End*/


/*
    ---------------------------------------------------------

    This file should contain only external style override

    ---------------------------------------------------------
 */


/* COOKIE MESSAGE START */

b {
    font-weight: bold !important;
}
#cookie-policy {
    background: #0a4f38;
    height: 150px;
    position: relative;
    text-align: center;
    z-index: 9999;
}
#cookie-policy .cookie-policy-holder {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 35px;
}
#cookie-policy .cookie-policy-holder .title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    font-size: 24px;
    line-height: 28px;
    display: block;
}
#cookie-policy .cookie-policy-holder p {
    float: left;
    text-align: left;
    width: 565px;
    line-height: 1.4em;
    color: #ffffff;
}
#cookie-policy .cookie-policy-holder a {
    color: #ffffff;
    text-decoration: underline;
}
#cookie-policy .cookie-policy-holder button {
    background: #f6b112;
    border: 1px solid #e99b0b;
    border-radius: 6px 5px 5px 6px /9px;
    -webkit-border-radius: 6px 5px 5px 6px /9px;
    -moz-border-radius: 6px 5px 5px 6px /9px;
    color: #232323;
    float: left;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

/* COOKIE MESSAGE END */


/* HEADER START */

#header .tpHeaderContent_holder {
    overflow: visible;
    height: 130px;
    background: #0a4f38;
}
#header .tpHeaderContent_holder .tpSiteLogo {
    float: left;
    margin: 33px 0 0 20px;
}
#header .tpHeaderContent_holder .tpHeaderLinks,
#header .tpHeaderContent_holder .tpSearchBox {
    float: right;
}
#header .tpHeaderContent_holder .tpHeaderLinks {
    min-width: 440px;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav a,
#header .tpHeaderContent_holder .tpMiniCart #cart_header a {
    text-decoration: none;
    color: #fff;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav {
    display: table;
    margin-top: 12px;
    float: right;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li {
    display: table-cell;
    margin: 0;
    padding: 0;
    border: 0;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li:first-child {
    margin-left: 0;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li a {
    display: block;
    width: 108px;
    padding: 15px 0 14px 35px;
    font-size: 12px;
    border-left: 1px solid #fff;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li.noborder a {
    border: 0;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li:hover a,
#header .tpHeaderContent_holder .tpMiniCart:hover,
#header .tpHeaderContent_holder .tpMiniCart:hover #cart_header a {
    color: #0A4F38;
    background: #fff;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li .button_image {
    float: left;
    width: 18px;
    height: 20px;
    overflow: hidden;
    margin: 11px 0 10px 10px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li .dropDownHeaderLink {
    position: relative;
    padding: 15px 25px 14px 35px;
    font-weight: bold;
    background: none;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li .dropDownHeaderLink:hover {
    cursor: pointer;
    color: #0A4F38;
    text-decoration: underline;
}
#header .tpHeaderContent_holder .tpHeaderLinks .nav li:hover .button_image img {
    margin-top: -20px;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header a:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 13px;
    right: 10px;
}
#header .tpHeaderContent_holder .tpSearchBox {
    margin: 23px 23px 0 0;
}
#header .tpHeaderContent_holder .tpSearchBox label {
    display: none;
}
#header .tpHeaderContent_holder .tpSearchBox .search {
    border: none;
    border-radius: 0;
    margin: 0;
    background: #fff;
}
#header .tpHeaderContent_holder .tpSearchBox input#search {
    width: 210px;
    height: 22px;
    margin: 0;
    border: 0;
    background: none;
    padding: 5px;
    color: #333333;
    line-height: 22px;
}
#header .tpHeaderContent_holder .tpSearchBox input.button {
    display: inline-block;
    width: 45px;
    height: 32px;
    background: url(../images/icons_sprite_header.png) no-repeat 13px -290px #d4d4d4;
    padding: 0;
    margin: 0 -1px 0 -3px;
    vertical-align: bottom;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    cursor: pointer;
}
#header .tpHeaderContent_holder .tpSearchBox input.button:hover {
    background: url(../images/icons_sprite_header.png) no-repeat 13px -318px #232323;
}
#header .tpHeaderContent_holder .tpMiniCart {
    /*
    width: 119px;
    height: 96px;
  */
    float: right;
    margin: 12px 0 0 0;
    padding: 0;
    cursor: pointer;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header,
#header .tpHeaderContent_holder .tpMiniCart #cart_header ul {
    background: none;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header {
    border-left: 1px solid #fff;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header ul {
    z-index: 300
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header ul li {
    background: none;
    font-size: 12px;
    text-transform: capitalize;
    text-align: left;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header ul li:first-child {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header {
    text-align: center;
    height: 70px;
    text-shadow: none;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header a {
    display: block;
    width: 102px;
    padding: 12px 0 2px 16px;
    position: relative;
}
#header .tpHeaderContent_holder .tpMiniCart #cart_header {
    background: url(../images/icons_sprite_header.png) no-repeat 31px -167px transparent;
    border: 0;
}
#header .tpHeaderContent_holder .tpMiniCart:hover #cart_header {
    background: url(../images/icons_sprite_header.png) no-repeat 31px -222px #fff;
    border: 0;
}
#header .tpHeaderContent_holder .tpMiniCart:hover #cart_header a:after {
    border-top: 10px solid #0A4F38;
}
#cart_header ul li:first-child a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* HEADER END */


/*TOP NAVIGATION START*/

#tp_nav_main {
    font-family: Arial, sans-serif;
    height: 50px;
    padding-bottom: 10px;
    overflow: hidden;
    display: table;
    margin: 0;
}
#tp_nav_main li {
    display: list-item;
    background: #f5f5f5;
    text-align: center;
    vertical-align: middle;
}
#tp_nav_main li:first-child a {
    border-left-width: 1px;
}
#tp_nav_main li a {
    display: inherit;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 3px;
    line-height: 16px;
    vertical-align: middle;
    height: 48px;
    min-width: 45px;
    color: #333;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #dedede;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
#tp_nav_main li a:hover {
    color: #fff;
    border-color: #333;
    background: #0A4F38;
}
#tp_nav_main li:first-child a:hover {
    border-left-color: #333;
}
#tp_nav_main .TPTradeOffersBar a {
    color: #fff;
    background: #ed1c24;
    border-color: #e01423;
}

/*TOP NAVIGATION END*/

#tp_free_services {
    display: none;
}

/* CART POPUP START */

#rollover_cart_popup {
    left: 680px;
    top: 137px;
    -moz-box-shadow: 0px 3px 4px #333333;
    -webkit-box-shadow: 0px 3px 4px #333333;
    box-shadow: 0px 3px 4px #333333;
    border-radius: 0;
    background: #fff;
    width: 235px;
    border: 1px solid #0a4f38;
    overflow: visible;
    position: absolute;
    z-index: 5555555;
    display: none;
}
#rollover_cart_popup.cart_popup:before {
    content: "";
    position: absolute;
    top: -30px;
    right: -1px;
    width: 237px;
    height: 30px;
}
#rollover_cart_popup.cart_popup:after {
    content: "";
    position: absolute;
    top: -13px;
    right: 27px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 13px solid #0a4f38;
}
#rollover_cart_popup.cart_popup .title {
    background: #0a4f38;
    padding: 0;
    text-align: center;
}
#rollover_cart_popup.cart_popup .title h3 {
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    line-height: 35px;
    margin: 0;
    color: #fff;
}
#rollover_cart_popup .legend {
    padding: 12px 0px;
    margin: 0 10px;
    border-bottom: 1px solid #b3b3b3;
    color: #000;
    text-align: center;
    background: url(../images/basket_check.png) no-repeat 20px 11px;
}
#rollover_cart_popup .cart_modal_popup {
    margin: 0 10px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #b3b3b3;
    overflow: hidden;
}
#rollover_cart_popup .cart_modal_popup .prod_image a {
    width: 71px;
    padding: 0;
}
#header .tpHeaderContent_holder .tpMiniCart #rollover_cart_popup .prod_info a {
    font-weight: bold;
    color: #0A4F38 !important;
    padding: 0;
    width: 190px;
}
#rollover_cart_popup.cart_popup .title img,
#rollover_cart_popup.cart_popup .title a,
#rollover_cart_popup.cart_popup .links a img {
    display: none;
}
#rollover_cart_popup.cart_popup > .content_slot .simple_disp-img {
    display: none;
}
#category-menu > ul > li > div > div {
    display: block !important;
}
#rollover_cart_popup.cart_popup .cart_modal_popup.empty-popup-cart {
    color: #232323;
    font-size: 13px;
    margin: 0 9px;
    padding: 16px 0 5px;
    line-height: 15px;
    border: none;
}
.cart_popup .content_slot {
    margin: 0 10px;
    height: auto;
}
#rollover_cart_popup.cart_popup .links {
    margin: 12px 10px 20px;
    overflow: hidden;
}
#rollover_cart_popup.cart_popup .links a {
    width: 154px;
    margin: 0 30px;
    padding: 0;
    height: 32px;
    background: #F6B112;
    border: 1px solid #e99b0b;
    border-radius: 6px 5px 5px 6px /9px;
    -webkit-border-radius: 6px 5px 5px 6px /9px;
    -moz-border-radius: 6px 5px 5px 6px /9px;
    color: #232323;
    font-size: 13px;
    font-weight: bold;
    line-height: 34px;
    text-shadow: none;
    text-transform: capitalize;
    text-align: center;
}

/* CART POPUP END */


/* SLIDE VIEWER START */

.flexslider.slider_component {
    position: relative;
    margin: 0 0 10px;
    border: none;
    border-radius: 0;
}

#homepage_slider.stripViewer {
    border: none;
}
#homepage_slider.headlined {
    width: 300% !important;
    left: -100% !important;
}
#homepage_slider.stripViewer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
}
#homepage_slider.stripViewer ul li {
    float: left;
}
.stripTransmitter {
    position: absolute;
    bottom: 0;
    left: 85px;
    z-index: 101;
    background: none;
    width: auto !important;
    overflow: hidden;
    padding: 0;
}
.headlined + .stripTransmitter {
    width: 300% !important;
    left: -100% !important;
    position: relative;
    background-color: #FAFAFA;
    overflow: visible;
    text-align: center;
}

.stripTransmitter ul {
    list-style-type: none;
}
.headlined + .stripTransmitter ul {
    display: inline-block;
    position: relative;
    margin: auto;
    color: #616161;
    font-size: 16px;
    width: 950px;
    text-align:center;
}

.stripTransmitter ul li {
    float: left;
    height: 14px;
    width: 14px;
    background: #333;
    padding: 8px;
    margin: 0;
}
.headlined + .stripTransmitter ul li {
    display: inline-block;
    float: none;
    background-color: transparent;
    height: 60px;
    width: 25%;
    padding: 0;
    vertical-align: middle;
}

.stripTransmitter a {
    display: inline-block;
    text-decoration: none;
    width: 14px;
    height: 14px;
    background: #d4d4d4;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 0;
}
.headlined + .stripTransmitter a {
    width: 100%;
    height: 100%;
    background: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #616161;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 20px;
    border: medium none;
    vertical-align: middle;
    display:table;
}

.headlined + .stripTransmitter a span {
    display: table-cell;
    vertical-align: middle;
}

.stripTransmitter a:hover,
.stripTransmitter a.current {
    background: #FFEC02;
}
.headlined + .stripTransmitter a:hover {
    background: none;
}
.headlined + .stripTransmitter a.current {
    background-color: #EEE;
    border-width: medium medium 2px;
    border-style: none none solid;
    border-color: #F6B112;
    color: #212121;
    padding-bottom: 8px;
}


.flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
}
.flex-direction-nav li a.flex-prev {
    display: block;
    float: left;
    width: 75px;
    height: 348px;
    background: url(../images/leftFacingArrow.png) no-repeat 0 0 transparent;
}
.flex-direction-nav li a.flex-next {
    display: block;
    float: right;
    width: 75px;
    height: 348px;
    background: url(../images/rightFacingArrow.png) no-repeat 0 0 transparent;
}

/* SLIDE VIEWER END */


/* BRANCH FINDER START*/

.tpBranchFinder {
    float: left;
    border: 1px solid #d4d4d4;
}
.tpBranchFinder .tpBranchFinderContent {
    width: 388px;
    height: 285px;
}
.tpBranchFinder .tpBranchFinderContent p {
    padding: 96px 19px 0;
    font-size: 14px;
    line-height: 16px;
}
.branch_finder_generic_component_form {
    margin-top: 12px;
    position: relative;
}
.branch_finder_generic_component_form input,
.branch_finder_generic_component_form select {
    height: 20px;
    margin: 0 0 0 10px;
    width: 205px;
    border: 1px solid #f6b112;
    border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    padding: 10px 8px;
    color: #868686;
    display: inline-block;
    vertical-align: top;
}
.branch_finder_generic_component_form input::-webkit-input-placeholder {
    color: #868686;
}
.branch_finder_generic_component_form input::-moz-placeholder {
    color: #868686;
    opacity: 1;
}
.branch_finder_generic_component_form input:-ms-input-placeholder {
    color: #868686;
}
.branch_finder_generic_component_form select {
    width: 175px;
    margin: 0 8px 0 0;
    height: 34px;
    line-height: 28px;
    padding: 0 0 0 5px;
    float: right;
    font-size: 13px;
}
.branch_finder_generic_component_form button,
#relevanceCalculationForm .calculate_button input {
    background: #f6b112;
    border: 1px solid #E99B0B;
    border-radius: 6px 5px 5px 6px /9px;
    -webkit-border-radius: 6px 5px 5px 6px /9px;
    -moz-border-radius: 6px 5px 5px 6px /9px;
    color: #232323;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    width: 175px;
    padding: 0 10px;
    position: relative;
    text-align: left;
    margin: 15px 0 0 200px;
}
.branch_finder_generic_component_form button {
    margin: 0;
    border: 1px solid #E99B0B;
    border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    -moz-border-radius: 0px 2px 2px 0px;
    width: 68px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 10px;
}
.branch_finder_generic_component_form button:after {
    content: "\25ba";
    position: absolute;
    right: 10px;
    top: 12px;
    color: #232323;
    font-size: 14px;
    display: block;
}

/* BRANCH FINDER END*/


/* HOME PAGE CONTENT BUTTONS START */

.tpContentButtons .button_block {
    width: 310px;
    margin-left: 10px;
    float: left;
    height: 285px;
    background: #ededed;
}
.tpContentButtons_holder .tpContentButtons:first-child .button_block {
    margin-left: 0;
}
#uid-TPRequestBrochureButtonComponent {
    float: right;
    margin-left: 0;
}
.tpContentButtons a {
    text-decoration: none;
}
.tpContentButtons .button_block h3 {
    height: 45px;
    background: #F6B112;
    color: #232323;
    font-size: 14px;
    font-weight: bold;
    line-height: 45px;
    padding: 0 0 0 10px;
    text-align: left;
    position: relative;
    margin-bottom: 0;
}
.tpContentButtons .button_block .title_arrow {
    background: url("../images/icon-arrow-product-category.png") 50% 50% no-repeat transparent;
    display: inline-block;
    height: 14px;
    width: 20px;
    background-size: 14px;
    margin: 0 0 -2px 8px;
}
.tpContentButtons .button_block .heading-image {
    height: 175px;
    overflow: hidden;
}
.tpContentButtons .button_block .heading-image img {
    width: 310px;
}
.tpContentButtons .button_block .footer-image {
    float: left;
    padding: 17px 10px 20px;
}
.tpContentButtons .button_block a > p {
    padding: 15px;
    font-size: 14px;
    text-align: left;
    color: #232323;
    line-height: 16px;
}
.tpContentButtons .button_block .spotlight .inner {
    display: none;
}

/* HOME PAGE CONTENT BUTTONS END */


/* BEST SELLERS SLIDER START */

.tpBestSellers,
.tpRecommendations,
.tpSimilarProducts {
    width: 944px;
    height: 262px;
    float: left;
    overflow: hidden;
    margin-top: 15px;
    border: 3px solid #d4d4d4;
    position: relative;
}
.tpBestSellers .component_header,
.tpRecommendations .component_header,
.tpSimilarProducts .component_header {
    width: 100%;
    height: 38px;
    background: #d4d4d4;
}
.tpBestSellers .component_header h3,
.tpRecommendations .component_header h3,
.tpSimilarProducts .component_header h3 {
    color: #232323;
    font-size: 14px;
    font-weight: bold;
    line-height: 37px;
    padding-left: 20px;
    text-align: left;
    text-transform: capitalize;
}
.tpBestSellers .bx-wrapper,
.tpRecommendations .bx-wrapper,
.tpSimilarProducts .bx-wrapper {
    padding: 10px 95px;
    position: relative;
}
.tpBestSellers .bx-wrapper .bx-viewport,
.tpRecommendations .bx-wrapper .bx-viewport,
.tpSimilarProducts .bx-wrapper .bx-viewport {
    border: medium none !important;
    box-shadow: none !important;
    left: 0 !important;
    z-index: 50;
}
.tpBestSellers .buttonBxSlider li,
.tpRecommendations .buttonBxSlider li,
.tpSimilarProducts .buttonBxSlider li {
    width: 130px !important;
    margin: 0 10px;
}
.tpBestSellers .buttonBxSlider li a,
.tpRecommendations .buttonBxSlider li a,
.tpSimilarProducts .buttonBxSlider li a {
    display: block;
    text-decoration: none;
}
.tpBestSellers .buttonBxSlider li img,
.tpRecommendations .buttonBxSlider li img,
.tpSimilarProducts .buttonBxSlider li img {
    width: 126px;
    border: 2px solid #d4d4d4;
}
.tpBestSellers .buttonBxSlider .component_text,
.tpRecommendations .buttonBxSlider .component_text,
.tpSimilarProducts .buttonBxSlider .component_text {
    width: 130px;
    margin-top: 15px;
}
.tpBestSellers .buttonBxSlider .component_text .component_title,
.tpBestSellers .buttonBxSlider .component_text .component_description,
.tpRecommendations .buttonBxSlider .component_text .component_title,
.tpRecommendations .buttonBxSlider .component_text .component_description,
.tpSimilarProducts .buttonBxSlider .component_text .component_title,
.tpSimilarProducts .buttonBxSlider .component_text .component_description {
    font-size: 13px;
    font-weight: bold;
    color: #0a4f38;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tpRecommendations .buttonBxSlider .component_text .component_title:hover,
.tpRecommendations .buttonBxSlider .component_text .component_description:hover {
    white-space: normal;
    overflow: visible;
    width: auto;
}
.tpRecommendations .buttonBxSlider .component_text .productPrice {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tpBestSellers .buttonBxSlider .component_text .component_description,
.tpRecommendations .buttonBxSlider .component_text .component_description,
.tpSimilarProducts .buttonBxSlider .component_text .component_description {
    display: none;
}
.tpBestSellers .bxslider-controls,
.tpRecommendations .bxslider-controls,
.tpSimilarProducts .bxslider-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 49;
    margin-top: 38px;
}
.tpBestSellers .bxslider-controls a,
.tpRecommendations .bxslider-controls a,
.tpSimilarProducts .bxslider-controls a {
    position: absolute;
    display: block;
    top: 60px;
    width: 31px;
    height: 31px;
    background: #ccc;
}
.tpBestSellers .bxslider-controls .pull-left,
.tpRecommendations .bxslider-controls .pull-left,
.tpSimilarProducts .bxslider-controls .pull-left {
    left: 37px;
    background: url(../images/controls.png) no-repeat 0 -32px;
}
.tpBestSellers .bxslider-controls .pull-left:hover,
.tpRecommendations .bxslider-controls .pull-left:hover,
.tpSimilarProducts .bxslider-controls .pull-left:hover {
    background-position: 0 0;
}
.tpBestSellers .bxslider-controls .pull-right,
.tpRecommendations .bxslider-controls .pull-right,
.tpSimilarProducts .bxslider-controls .pull-right {
    right: 37px;
    background: url(../images/controls.png) no-repeat -43px -32px;
}
.tpBestSellers .bxslider-controls .pull-right:hover,
.tpRecommendations .bxslider-controls .pull-right:hover,
.tpSimilarProducts .bxslider-controls .pull-right:hover {
    background-position: -43px 0;
}

/* BEST SELLERS SLIDER END */


/* FOOTER START */

.travis-perkins-footer #footer {
    border-top: 3px solid #0A4F38;
    padding-top: 4px;
    margin-top: 10px;
}
.travis-perkins-footer #footer ul.Fa {
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    margin: 0;
}
.travis-perkins-footer #footer ul.Fa > li {
    display: inline-block;
    text-align: left;
    min-width: 120px;
    height: 150px;
    margin-left: 21px;
    vertical-align: top;
    float: none;
}
.travis-perkins-footer #footer .Fa > li:first-child {
    margin-left: 0;
}
.travis-perkins-footer #footer ul.Fb {
    padding: 0;
}
.travis-perkins-footer #footer ul.Fb li {
    line-height: 13px;
}
.travis-perkins-footer #footer h3 {
    font-weight: bold;
    color: #333;
    padding: 13px 0 8px;
    font-size: 12px;
    border: none;
    margin: 0;
    text-transform: capitalize;
}
.travis-perkins-footer #footer h3 a {
    font-weight: bold;
}
.travis-perkins-footer #footer .Fb a {
    color: #333333;
    text-decoration: none;
    font-size: 12px;
}
.travis-perkins-footer #footer .Fb a:hover {
    color: #0A4F38;
    text-decoration: underline;
}
.travis-perkins-footer #footer ul.Fc {
    min-width: 120px;
}
.travis-perkins-footer #links {
    overflow: hidden;
    width: auto;
    position: relative;
}
.travis-perkins-footer #links p {
    float: left;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
.travis-perkins-footer #links .Fa {
    float: left;
    display: table;
    margin: 0;
}
.travis-perkins-footer #links .Fa li {
    display: table-cell;
}
.travis-perkins-footer #links .Fa a {
    color: #0A4F38;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    text-decoration: none;
    margin-right: 20px;
}
.travis-perkins-footer #links .Fa a:hover {
    text-decoration: underline;
}

/* FOOTER END */

.invisible {
    display: none !important;
}

/*div.tpLeftNavigation {
    float: left;
    width: 200px;
    font-size: 14px;
    font-weight: bold;
}

.tpLeftNavigation h2 {
    padding: 10px;
    font-weight: bold;
    background: #cccccc;
    border: 2px solid #0a4f38;
}

.tpLeftNavigation h2.selected {
    background: #0a4f38;
}

.tpLeftNavigation h2 a {
    color: #f6b112;
}
.tpLeftNavigation ul#collapsing-nav li {
    padding: 5px;
    border-style: solid;
    border-color: #0a4f38;
    border-width: 0 2px 2px 2px;
    background: #cccccc;
}

.tpLeftNavigation ul#collapsing-nav li.selected {
    background: #ffffff;
}

.tpNavigationContent {
    margin-left: 20px;
    float: left;
    width: 720px;
    overflow: hidden;
}

div.tpNavigationContentHeader {
    font-size: 14px;
    padding: 10px;
}
div.tpNavigationContentHeader div.gallery_paragraph_component div.component_title {
    font-size: 24px;
}

div.tpNavigationContentHeader div.gallery_paragraph_component div.content {
    font-size: 13px;
    padding-top: 10px;
}}

div.tpNavigationContentHeader h2 {
    font-weight: bold;
    color: #0a4f38;
}

.tpNavigationContentArea div.button_block {
    float: left;
    width: 300px;
    padding: 5px;
}

.tpNavigationContentArea div.heading-image {
    float: left;
}

#tp5PromotionsListing .tpNavigationContentArea div.button_block {
    width: 600px;
}

#tp8UsefulWebsites .tpNavigationContentArea div.button_block {
    width: 900px;
}*/

#addedItemsBlock {
    float: right;
    text-align: center;
    display: none;
    margin-bottom: 10px;
}
#addedItemsBlock p {
    margin-bottom: 8px;
    padding: 5px 0;
}
#addedItemsBlock .addedItemsButton {
    background-color: #00FD0A;
}

/* Product Detail LogIn/LogOut Price*/

.tpInfoWrapper .productPrice,
.tpInfoWrapper .productEQPrice,
.tpInfoWrapper .productPriceError {
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
    background-color: #dedede;
}
.tpInfoWrapper .productPriceError {
    font-size: 14px;
    padding-left: 0;
    background: none;
}
.tpInfoWrapper .productPriceMessage {
    background: none repeat scroll 0 0 #f4b11a;
    border: 1px solid #f4a91f;
    border-radius: 8px;
    color: #232323;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    left: 50%;
    line-height: 32px;
    margin: 10px 0 10px -100px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 200px;
}

/* Stock Availability Lightbox */

.page-productDetails #cboxClose,
.page-search #cboxClose,
.page-productGrid #cboxClose,
.page-AddressBookPage  #cboxClose,
.page-cartPage #cboxClose,
.page-TPToolHirePage #cboxClose,
.page-productGrid #cboxClose,
.template-pages-TPDesktopQuoteListTemplate #cboxClose {
    width: 20px;
    height: 20px;
    top: 12px;
    right: 10px;
    bottom: auto;
    background: url('../images/colorbox/tp_popup_close.png') 0 0 no-repeat;
}
.page-productDetails #cboxClose.hover,
.page-AddressBookPage #cboxClose.hover,
.page-search #cboxClose.hover,
.page-productGrid #cboxClose.hover,
.page-cartPage #cboxClose.hover,
.page-productGrid #cboxClose.hover,
.template-pages-TPDesktopQuoteListTemplate #cboxClose.hover {
    background-position: 0 0;
}
.page-productDetails #cboxOverlay,
.page-AddressBookPage #cboxOverlay,
.page-search #cboxOverlay,
.page-productGrid #cboxOverlay,
.page-cartPage #cboxOverlay,
.page-TPToolHirePage #cboxOverlay,
.template-pages-TPDesktopQuoteListTemplate #cboxOverlay {
    background: #ededed;
}
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
    display: none;
}
.page-productDetails #colorbox,
.page-AddressBookPage #colorbox,
.page-search #colorbox,
.page-productGrid #colorbox,
.page-cartPage #colorbox,
.page-TPToolHirePage #colorbox,
.template-pages-TPDesktopQuoteListTemplate #colorbox {
    overflow: visible !important;
}
.page-productDetails #cboxContent,
.page-AddressBookPage #cboxContent,
.page-search #cboxContent,
.page-productGrid #cboxContent,
.page-cartPage #cboxContent,
.page-productGrid #cboxContent,
.page-TPToolHirePage #cboxContent,
.template-pages-TPDesktopQuoteListTemplate #cboxContent {
    height: auto !important;
    overflow: visible !important;
    border: 5px solid #0a4f38;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
}
.page-productDetails #cboxWrapper,
.page-AddressBookPage #cboxWrapper,
.page-search #cboxWrapper,
.page-productGrid #cboxWrapper,
.page-cartPage #cboxWrapper,
.page-TPToolHirePage #cboxWrapper,
.template-pages-TPDesktopQuoteListTemplate #cboxWrapper {
    overflow: visible !important;
    height: auto !important;
}
.page-productDetails #cboxLoadedContent,
.page-AddressBookPage #cboxLoadedContent,
.page-search #cboxLoadedContent,
.page-productGrid #cboxLoadedContent,
.page-cartPage #cboxLoadedContent,
.page-productGrid #cboxLoadedContent,
.page-TPToolHirePage #cboxLoadedContent,
.template-pages-TPDesktopQuoteListTemplate #cboxLoadedContent {
    padding: 0;
    overflow: hidden !important;
    height: auto !important;
}
.page-AddressBookPage #cboxLoadedContent {
    margin-bottom: 0;
}

/* ==============
Stock Sheck Popup
============== */

#tp_CheckStockPopup {
    padding: 0px 0px 0 0;
}
#tp_CheckStockPopup .tp_stockCheck,
#tp_addToCartPopup .header,
#plpAddToCartPopup .header,
#tp_undeliverableProductsPopup .header,
#tp_deleteAddressPopup .header,
#tp_undeliverableProductsPopup .header,
#collectionBranchLocatorPopup .header {
    background: #0a4f38;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 15px;
    font-size: 18px;
}
#tp_CheckStockPopup .tp_stock_pd {
    margin: 10px;
    padding: 10px;
    border: 1px solid #bababa;
}
#tp_CheckStockPopup .tp_stock_pd:after {
    content: '';
    display: table;
    clear: both;
}
#tp_CheckStockPopup .tp_stock_ProdImage {
    float: left;
    width: 200px;
    padding: 0 20px 0 0;
}
#tp_CheckStockPopup .tp_stock_ProdImage img {
    width: 100%;
}
#tp_CheckStockPopup .tpInfoWrapper h2.tpProductTitle {
    color: #0d4431;
}
#tp_CheckStockPopup .tpInfoWrapper .tpProductItem {
    font-size: 16px;
}
#tp_CheckStockPopup .tp_stock_search {
    padding: 10px;
}
#tp_CheckStockPopup .post_code_search {
    border: none;
    padding: 0;
    margin: 0;
}
#tp_CheckStockPopup .post_code_search_wrap {
    float: none;
    width: auto;
    margin: 0;
}
#tp_CheckStockPopup .post_code_search_wrap .cnt_sb_heading {
    margin: 0 0px 10px 0;
}
#tp_CheckStockPopup .post_code_search form {
    float: none;
    width: auto;
}
#tp_CheckStockPopup .post_code_search form:after {
    content: '';
    display: table;
    clear: both;
}
#tp_CheckStockPopup .post_code_search .form_field-input input[type=text] {
    height: 28px;
    line-height: 28px;
}
#tp_CheckStockPopup .search_cta {
    float: left;
    width: 20%;
    margin-left: 1em;
}
#tp_CheckStockPopup .tp_branchView_actions {
    width: 70%;
    padding-top: 0;
    margin: 0 auto;
}
#tp_CheckStockPopup .tp_stockList {
    padding: 10px;
    display: none;
}
#tp_CheckStockPopup .tp_stockList h3,
#tp_CheckStockPopup .tp_stockList li {
    color: #232323;
}
#tp_CheckStockPopup .tp_stockList h3 {
    margin: 0 0 15px 0;
    padding: 0;
}
#tp_CheckStockPopup .tp_stockList .tp_stockList_links {
    background: #ededed;
    padding: 10px 15px;
}
#tp_CheckStockPopup .tp_stockList li {
    padding: 5px 0 8px 0;
    margin: 0;
}
#tp_CheckStockPopup .tp_stockList li a {
    font-size: 15px;
    color: #232323;
    text-decoration: underline;
}
#tp_CheckStockPopup .tp_stockList li a:hover {
    text-decoration: none;
}
.tp_stock_result {
    padding: 10px;
    display: none;
}
.tp_stock_result .title_wrapper:after {
    content: '';
    clear: both;
    display: table;
}
.tp_stock_result .cnt_sb_heading {
    margin: 0;
    padding: 0 0 10px;
    float: left;
}
.tp_stock_result .tp_chekbox {
    float: right;
    padding-top: 2px;
    font-size: 110%;
}
input#onlyWithStock {
    margin-right: 10px;
}
.tp_stockBranches {
    min-height: 80px;
    box-sizing: border-box;
    padding: 20px 0 5px;
}
.tp_stockBranch {
    border-bottom: 3px solid #0a5038;
    min-height: 80px;
    box-sizing: border-box;
    padding: 20px 0 5px;
}
.tp_stockBranch:after,
.tp_stockBranchInfo:after {
    content: '';
    display: table;
    clear: both;
}
.tp_stockBranchIcon,
.tp_stockBranchInfo,
.tp_stockBranchPhone {
    float: left;
    min-height: 80px;
}
.tp_stockBranchIcon {
    width: 95px;
    padding: 20px 15px 0 0;
}
.tp_stockBranchIcon .tp_branchStatus {
    width: 25px;
    height: 25px;
    display: block;
    background: url(../images/tp_icn_stock_res2.png) no-repeat 0px 0px;
    /*background-size: 25px;*/
    margin: 0 auto 15px;
}
#stockMsg {
    display: inline-block;
    margin: 5px 0 0 5px;
}
.tp_stockBranchIcon .tp_branchStatus.call {
    background-position: 0px -33px;
}
.tp_branchNumber {
    text-align: center;
    padding: 5px 0 0 0;
    color: #0a5038;
    font-size: 16px;
}
.tp_branchNumber .call {
    font-size: 14px;
}
.tp_stockBranchInfo {
    width: 440px;
}
.tp_branchDetails_name,
.tp_branchDetails_adress,
.tp_branchDetails_misc {
    float: left;
}
.tp_branchDetails_name h3.title,
.tp_branchDetails_adress h3.title,
.tp_branchDetails_misc h3.title {
    font-size: 16px;
    color: #000;
    margin: 0;
    padding: 0;
}
.tp_branchDetails_name p,
.tp_branchDetails_adress p,
.tp_branchDetails_misc p {
    font-size: 14px;
}
.tp_branchDetails_name {
    float: none;
}
.tp_branchDetails_adress {
    width: 170px;
}
.address_data p {
    margin-bottom: 0;
}
.address_data strong {
    font-weight: bold;
}
.tp_stockBranchPhone {
    width: 180px;
    padding: 16px 0 10px 10px;
    box-sizing: border-box;
    position: relative;
    height: 11.4em;
}
.tp_stockBranchPhone .tp_set_new_branch {
    text-decoration: none;
}
.tp_stockBranchPhone .tp_set_new_branch:hover {
    color: #232323;
    background-color: #E4a30b;
}
.tp_stockBranchNumber {
    font-size: 14px;
    line-height: 25px;
    padding-left: 25px;
    background: url(../images/tp_icn_stock_res2.png) no-repeat 0px -60px;
    /*background-size: 30px;*/
    padding-bottom: 15px;
}
#tp_CheckStockPopup .tp_stockBranchNumber {
    width: 100px;
    margin: 0 auto;
    font-weight: bold;
}
.tp_stockBranch_call {
    padding: 3px 0;
    display: block;
    background: #9fc2c1;
    color: #232323;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
}
.tp_stockBranch_call:hover {
    background-color: #8AA9A8;
    text-decoration: none;
    color: #232323;
}

/*
Branch Details
*/

.tp_stock_branchDetails {
    padding: 15px 0px;
    margin: 0 12px;
    border-top: 3px solid #0a4f38;
    /*display: none;*/
}
.tp_stock_branchDetails .tp_stock_detailsWrapper {
    padding: 5px 0;
}
.tp_stock_detailsWrapper:after {
    content: '';
    clear: both;
    display: table;
}
.tp_stock_detailsWrapper .col_left {
    width: 410px;
    float: left;
}
.tp_stock_detailsWrapper .col_right {
    width: 304px;
    padding-left: 10px;
    float: right;
}
.tp_stock_branchDetails .tp_stock_BranchName {
    position: relative;
    min-height: 45px;
    padding: 0 0 0 40px;
    box-sizing: border-box;
}
.tp_stock_branchDetails .tp_stock_BranchName:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/tp_icons_branchDetails.png) no-repeat 0 -144px;
    background-size: 27px;
    width: 30px;
    height: 55px;
}
.tp_stock_branchDetails .tp_stock_BranchName h3 {
    font-size: 18px;
    margin: 0;
    padding: 5px 0;
}
.tp_stock_branchDetails .tp_stock_BranchName p {
    font-size: 16px;
}
.tp_stock_branchDetails .tp_stock_BranchDistance {
    text-align: right;
}
.tp_stock_branchDetails .tp_stock_BranchDistance p {
    margin-right: 10px;
    line-height: 45px;
    font-size: 18px;
}
.tp_branchBox {
    border: 2px solid #bfbfbf;
}
.tp_branchBox .tp_branchBox_title {
    position: relative;
    border-bottom: 2px solid #bfbfbf;
    line-height: 36px;
    margin: 0;
    padding: 0 0 0 40px;
    font-size: 18px;
}
.tp_branchBox .tp_branchBox_title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../images/tp_icons_branchDetails.png) no-repeat 10px 0px;
    /*background-size: 30px;*/
}
.tp_branchBox.name .tp_branchBox_title:before {
    background-position: 10px -103px
}
.tp_branchBox.adress .tp_branchBox_title:before {
    background-position: 10px -103px
}
.tp_branchBox.hours .tp_branchBox_title:before {
    background-position: 6px -50px
}
.tp_branchBox.serv .tp_branchBox_title:before {
    background-position: 6px -239px
}
.tp_branchBox .tp_branchBox_info {
    padding: 10px;
    padding-left: 40px;
}
.tp_stock_branchDetails .tp_branchBox .tp_branchBox_info p {
    font-size: 14px;
    line-height: 16px;
}
.tp_stock_branchDetails .tp_stock_BranchInfo .tp_branchBox.name {
    margin-bottom: 10px;
}
.tp_stock_BranchServices .tp_branchBox_info,
.tp_stock_BranchHours .tp_branchBox_info {
    padding-left: 10px;
}
.tp_stock_BranchServices .tp_branchServices_list {
    padding-top: 5px;
}
.tp_stock_BranchServices .tp_branchServices_list:after {
    content: '';
    clear: both;
    display: table;
}
.tp_stock_BranchHours .tp_branchHours_list {}
.tp_stock_BranchHours .tp_branchHours_list:after {
    content: '';
    clear: both;
    display: table;
}
.tp_stock_BranchHours .tp_branchHours_list dt,
.tp_stock_BranchHours .tp_branchHours_list dd {
    float: left;
    padding: 3px 0;
    font-weight: normal;
}
.tp_stock_BranchHours .tp_branchHours_list dt {
    width: 110px;
    padding-right: 10px;
}
.tp_stock_BranchHours .tp_branchHours_list dd {
    width: 160px;
}
.tp_branchDetails_informer {
    font-size: 16px;
    padding: 10px 0;
}
.tp_branchList_back {
    display: block;
    width: 148px;
    background: #9fc2c1;
    color: #232323;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #8daf9c;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 13px;
}
.tp_branchList_back:hover {
    background-color: #8AA9A8;
    text-decoration: none;
    color: #232323;
}

/* ==============
Stock Sheck Popup END
============== */


/* PRODUCT DETAILS  */

.tpProductDetailWrapper .prod_content,
.tpProductDetailWrapper .prod_content ul li {
    font-size: 14px;
}
.loggedOutToolTipOnProductPage {
    width: 100%;
    text-align: center;
    position: relative;
}
.toolTipContainer {
    display: inline-block;
}
.toolTipContainer .toolTipContent {
    font-size: 13px;
    display: block;
}
.toolTipContent:visited {
    color: #0a4f38;
}
.toolTipContainer .info-tooltip .info-tooltip-message:before,
.toolTipContainer .info-tooltip .info-tooltip-message:after {
    border: solid transparent;
    content: " ";
    width: 0;
    left: 196px;
    height: 0;
    position: absolute;
    pointer-events: none;
}
.toolTipContainer .info-tooltip .info-tooltip-message:before {
    border-color: transparent;
    border-bottom-color: #0A4F38;
    border-width: 7px;
    top: -14px;
}
.toolTipContainer .info-tooltip .info-tooltip-message:after {
    border-color: transparent;
    border-bottom-color: #FFFFFF;
    border-width: 4px;
    top: -8px;
    left: 199px;
}
.toolTipContainer .info-tooltip .info-tooltip {
    height: 24px;
    vertical-align: middle;
}
.toolTipContainer .info-tooltip {
    display: inline-block;
    height: 28px;
}
#orderTableHeader .toolTipContainer .info-tooltip-icon {
    padding: 0 3px;
    height: 12px;
    line-height: 12px;
}
.toolTipContainer .info-tooltip-icon {
    border: 2px solid #0A4F38;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #FFFFFF;
    background-color: #0A4F38;
    cursor: default;
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 6px;
    padding: 3px;
    float: right;
    margin-left: 3px;
}
.toolTipContainer .info-tooltip .info-tooltip-message,
.tooltipInfoComponent .info-tooltip .info-tooltip-message {
    background: #FFFFFF;
    border: 2px solid #0A4F38;
    color: #232323;
    display: none;
    font-weight: normal;
    line-height: normal;
    margin: 0px 0 0 -136px;
    padding: 10px;
    position: absolute;
    left: 50%;
    width: 250px;
    font-size: 12px;
    z-index: 999;
    text-align: left;
}
a.toolTipContent p {
    color: #0a4f38;
    display: inline;
    font-size: 13px;
}

#noScriptProductS7Image img {
    width: 400px;
    height: 400px;
    margin-left: 138px;
}
/* PRODUCT DETAILS END */


/* BREADCRUMBS START */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.tpBreadcrumbWrapper {
    min-height: 28px;
}
.tpBreadcrumb {
    list-style: none;
    padding: 2px 0 0px 0;
    font-size: 12px;
}
.tpBreadcrumb li {
    display: block;
    float: left;
    padding: 0 12px 0 14px;
    position: relative;
    min-height: 28px;
    line-height: 14px;
    width: auto;
    color: #232323;
}
.tpBreadcrumb li:before {
    content: url(../images/breadcrumb_arrow.png);
    position: absolute;
    left: 0px;
    top: -1px;
}
.tpBreadcrumb li:first-child {
    padding-left: 0;
}
.tpBreadcrumb li:first-child:before {
    content: '';
}
.tpBreadcrumb li:last-child a {
    text-decoration: none !important;
    color: #000 !important;
}
.tpBreadcrumb li a {
    text-decoration: underline;
    color: #0a4f38;
}
.simple_disp-img {
    position: relative;
}
.prod_nav_top {
    margin-top: 5px;
}

/* BREADCRUMBS END */


/* SIMILAR PRODUCTS */

.scroller,
.item_container {
    overflow: hidden;
}
.scroller .title_holder,
.item_container_holder .title_holder {
    position: relative;
    overflow: visible;
}
.scroller .title-top img,
.item_container_holder .title-top img {
    float: right;
}
.scroller ul li p {
    margin: 0 0 7px 0;
}
.scroller ul li span {
    display: block;
}
.scroller ul li h3 {
    padding: 10px 0 5px 0;
    text-align: center;
}
.scroller h3 a {
    color: #0a4f38;
    font-weight: bold;
}
.scroller h3 a:hover {
    color: #0a4f38;
}
.scroller.horizontal,
.scroller.vertical {
    position: relative;
    overflow: visible;
}
.jcarousel-skin .jcarousel-container-horizontal {
    padding: 20px 56px 20px 61px;
}
.jcarousel-skin .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin .jcarousel-clip-vertical {
    width: 98px;
    height: 430px;
}
.jcarousel-skin .jcarousel-item a {
    display: block;
    outline: none;
}
.jcarousel-skin .jcarousel-item img {
    outline: none;
    width: 130px;
    max-height: 130px;
}
.jcarousel-skin .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 45px;
}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin .jcarousel-item-vertical {
    margin-bottom: 5px;
}
.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 40px;
}
.scroller ul li span {
    display: block;
    border: 2px solid #5a5758;
    width: 130px;
    height: 130px;
}
.jcarousel-skin li {
    width: 130px;
}
.jcarousel-skin .jcarousel-next-horizontal {
    background: transparent url(../images/controls.png) no-repeat -42px -32px;
    position: absolute;
    top: 75px;
    right: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    background-image: url(../images/icon-scroller-prev-horizontal.png);
}
.jcarousel-skin .jcarousel-prev-horizontal {
    background: transparent url(../images/controls.png) no-repeat 0 -32px;
    position: absolute;
    top: 75px;
    left: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    background-image: url(../images/icon-scroller-next-horizontal.png);
}
.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: -42px 0;
}
.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
    float: left;
}

/* SIMILAR PRODUCTS END */


/* **************************************************************
*                       STORE LOCATOR                           *
****************************************************************/

.content_full_w {
    width: 100%;
}

/*Heading*/

.str_loc_heading {
    padding: 15px 0px 15px 15px;
    background-color: #0A4F38;
}
.str_loc_heading p {
    color: #ffffff;
    letter-spacing: 0.03em;
}
.post_code_search {
    padding: 15px;
    border: 1px solid #0a4f38;
    margin-top: 20px;
}
.post_code_search_wrap {
    width: 37%;
    float: left;
    margin-top: 3px;
}
.post_code_search h3 {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}
.post_code_search p {
    font-size: 12px;
}
.post_code_search form {
    width: 63%;
    float: right;
}
.post_code_search input[type="text"] {
    float: left;
    width: 65%;
}
.post_code_search input[type="submit"] {
    float: right;
    width: 30%;
}

/*

    J Carousel Skin Vertical Buttons
*****************/

.jcarousel-skin .jcarousel-next-vertical {
    background: transparent url(../images/icon-scroller-next-vertical.png) no-repeat 0 0;
    position: absolute;
    bottom: 5px;
    left: 11px;
    width: 121px;
    height: 32px;
}
.jcarousel-skin .jcarousel-prev-vertical {
    background: transparent url(../images/icon-scroller-prev-vertical.png) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 11px;
    width: 121px;
    height: 32px;
}

/*  SIMILAR PRODUCTS CAROUSEL END*/

.textBanner {
    margin: 30px;
}
.textBanner .leftContent {
    float: left;
}
.textBanner .centerContent {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.textBanner .rightContent {
    float: left;
}
.join4column {
    float: center;
    width: 720px;
    margin: 60px 30px;
}
.join4column ul li {
    list-style-type: circle;
}

/* **************************************************************
*                    MAP                                        *
****************************************************************/

.map_labels {
    color: #FFF;
    background: url(../images/store_locator/results_pin.png) no-repeat center center;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 32px;
    height: 37px;
    padding-left: 1px;
    padding-top: 8px;
    border: 0;
    z-index: 100 !important;
}
.map_labels_selected {
    color: #FFF;
    background: url(../images/store_locator/results_pin.png) no-repeat center center;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-size: 40px 56px;
    width: 40px;
    height: 44px;
    padding-left: 1px;
    padding-top: 12px;
    border: 0;
}
.tp_map_labels {
    color: #FFF;
    background: url(../images/store_locator/tp_marker_small.png) no-repeat center center;
    background-size: 20px 36px;
    width: 20px;
    height: 36px;
    border: 0;
}

/* **************************************************************
*                   BRANCH INFO ON MAP                          *
****************************************************************/

div.gm-style-iw {
    min-height: 250px;
    max-height: 350px;
}
.gm-style-iw > div {
    overflow: hidden !important;
    max-height: 100% !important;
}
.store_locator h3,
.store_locator h4 {
    line-height: normal;
    font-weight: bold;
}
.store_locator .cnt_sb_heading {
    margin-bottom: 0;
}
.gm-style .gm-style-iw-t::after {
    background: transparent !important;
    transform: translateX(-50%) !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    width: 0 !important;
    box-shadow: none !important;
}
.store_info {
    padding: 0;
    background: transparent;
    position: relative;
    top: 0;
    left: 0;
}
.store_info br {}
.store_info h3 {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: bold;
    padding-right: 10px;
}
.store_info .info_heading {
    font-size: 14px;
    margin-bottom: 3px;
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    line-height: normal;
}
.store_info .section_info {
    font-size: 13px;
    line-height: 120%;
}
.store_info .address {
    float: left;
    margin-bottom: 0px;
    width: 50%;
}
.store_info .opening_times {
    float: right;
}
.store_info .opening_times ul li {
    margin-bottom: 4px;
    font-size: 11px;
}
.store_info .opening_times ul li .wk_day {
    display: block;
    width: 40px;
    float: left;
}
.store_info .contact_details {
    float: left;
    width: 50%;
    margin-top: 10px;
}
.store_info .contact_details .info_heading {
    padding: 0;
}
.store_info .options {
    margin-top: 7px;
    padding-right: 15px;
}
.store_info .options a.primary_cta_small {
    float: left;
    width: 40%;
}
.store_info .options a.secondary_cta_small {
    float: right;
    width: 40%;
}
.store_info .opening_times span,
.store_info .address li {
    font-size: 13px;
}
.primary_cta_small {
    background-color: #F6B112;
    padding: 10px 0px 10px 0px;
    color: #232323;
    border: 1px solid #E99B0B;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    line-height: 102%;
}
.secondary_cta_small {
    background-color: #9FC2C1;
    padding: 10px 0px 10px 0px;
    border: 1px solid #7AA5A3;
    color: #232323;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    line-height: 102%;
}
.hidden_map_popup {
    display: none;
}

/* **************************************************************
*                   NEARST BRANCHES                             *
****************************************************************/

.nearest_branches {
    margin-top: 20px;
}
.branch_results {
    width: 100%;
}
.branch {
    border-bottom: 2px solid #EAEAEA;
    padding: 20px 15px 20px 15px;
}
.no-result-services {
    text-align: center;
    padding-top: 2em;
}

/* **************************************************************
*                   NEAREST BRANCHES                            *
****************************************************************/

.branch .reslt_num {
    display: block;
    width: 32px;
    height: 35px;
    background: url(../images/store_locator/results_pin.png) no-repeat center center;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    float: left;
    margin-top: -16px;
}
.branch_info {
    width: 30%;
    float: left;
    margin-left: 20px;
}
.branch_info > h3 {
    font-size: 18px;
    margin-bottom: 0px;
    width: 100%;
}
.branch_info .address {
    padding-top: 7px;
    float: left;
    width: 50%;
}
.branch_info .contact_details {
    float: left;
    margin: 0;
    width: 45%;
    padding-left: 5%;
}
.branch_info .info_heading {
    margin-bottom: 1px;
    font-weight: bold;
    color: #000;
}
.contact_details .info_heading {
    padding-top: 7px;
}
.section_info li {
    font-size: 14px;
}
.directions {
    float: right;
    margin-right: 20px;
    width: 20%;
}
.distance {
    float: left;
    margin-left: 15px;
    width: 20%;
}
.distance h4 {
    font-size: 14px;
    color: #000;
    margin-right: 5px;
    font-weight: normal;
    float: left;
    line-height: 21px;
}
.distance .miles {
    font-size: 18px;
    color: #333333;
    text-transform: capitalize;
    font-weight: bold;
}
.branch_services {
    float: left;
    margin-left: 45px;
    width: 20%;
}
.branch_services h4 {
    font-weight: normal;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
}
.branch_services ul {
    width: 100%;
}
.branch_services ul li {
    float: left;
    margin-right: 5px;
}
.branch_services ul li img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.branch .options {
    height: 102px;
    float: right;
    width: 130px;
    position: relative;
    margin-left: 10px;
    padding-top: 21px;
}
.branch .options a.primary_cta,
.branch .options a.secondary_cta {
    padding: 10px 0px;
    line-height: 102%;
    text-decoration: none;
    color: #232323;
}
.options a.secondary_cta {
    position: relative;
    margin-top: 10px;
}
.nearest_branches .pagination {
    width: auto;
    text-align: center;
}
.nearest_branches .pagination ul {
    float: none !important;
    display: inline-block;
    padding: 0;
}
.store_locator .pagination span.arrow_right,
.store_locator .pagination span.arrow_left {
    position: relative;
    top: -6px;
}

/* **************************************************************
*                       STORE LOCATOR                           *
****************************************************************/

.map_search {
    margin-top: 20px;
}
.store_map {
    margin-top: 0px !important;
    height: 340px;
}
#tp_CheckStockPopup .store_map {
    height: 540px;
}
.store_locator .store_map {
    height: 410px;
}
.content_full_w {
    width: 100%;
}

/*Heading*/

.str_loc_heading {
    padding: 15px 0px 15px 15px;
    background-color: #0A4F38;
}
.str_loc_heading p {
    color: #ffffff;
    letter-spacing: 0.03em;
}
.post_code_search {
    padding: 15px;
    border: 1px solid #0a4f38;
    margin-top: 20px;
}
.post_code_search_wrap {
    width: 37%;
    float: left;
    margin-top: 3px;
}
.post_code_search h3 {
    padding: 0px;
    margin: 0px 0px 5px 0px;
}
.post_code_search p {
    font-size: 12px;
}
.post_code_search form {
    width: 63%;
    float: right;
}
.post_code_search input[type="text"] {
    float: left;
    width: 65%;
    margin: 0;
}
.post_code_search input[type="submit"] {
    float: right;
    width: 30%;
}

/* **************************************************************
*                   POST CODE RESULTS ON MAP                    *
****************************************************************/

.post_code_results {
    width: 100%;
    margin-top: 20px;
}
.post_code_results > h3 {
    padding-bottom: 5px;
}
.post_code_results > p {
    font-size: 12px;
    padding: 0px 0px 0px 15px;
}
.post_code_results_wrap {
    background-color: #eaeaea;
    padding: 30px 40px;
    margin-top: 15px;
}
.post_code_results_wrap ul {
    width: 100%;
}
.post_code_results_wrap ul li {
    margin-bottom: 22px;
}
.post_code_results_wrap ul li.last {
    margin-bottom: 0px;
}
.post_code_results_wrap ul li a {
    color: #333333;
}
.post_code_results_wrap ul li a:hover {
    text-decoration: none;
}

/* **************************************************************
*                           CTA'S                               *
****************************************************************/

.secondary_cta,
a.secondary_cta {
    background-color: #9FC2C1;
    padding: 13px 0px 13px 0px;
    border: 1px solid #7AA5A3;
    color: #232323;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    cursor: pointer;
    line-height: 105%;
}
.primary_cta_small,
a.primary_cta_small {
    background-color: #F6B112;
    padding: 10px 0px 10px 0px;
    color: #232323;
    border: 1px solid #E99B0B;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    line-height: 102%;
}
.secondary_cta_small,
a.secondary_cta_small {
    background-color: #9FC2C1;
    padding: 10px 0px 10px 0px;
    border: 1px solid #7AA5A3;
    color: #232323;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    line-height: 102%;
}
.search_cta {
    background-color: #F6B112;
    float: left;
    padding: 10px 0px 10px 0px;
    color: #232323;
    border: 1px solid #E99B0B;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    line-height: 102%;
    outline: none;
}
.cboxElement {
    outline: none;
}
.primary_cta:hover,
.primary_cta_small:hover,
.search_cta:hover {
    background-color: #E4a30b;
}
.secondary_cta:hover,
.secondary_cta_small:hover {
    background-color: #8AA9A8;
}

/* **************************************************************
*                           FORM FIELDS                         *
****************************************************************/

input.text_input {
    height: 34px;
    border: 2px solid #999999;
    background: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 3px 0px 0px 10px;
    color: #999999;
    line-height: 30px;
}
.store_locator .pagination span.arrow_right {
    position: relative;
    top: -8px;
}
.selected {
    background-color: #eaeaea;
}

/* **************************************************************
*                   STORE FILTER                                *
****************************************************************/

.store_filter label.filter {
    display: block;
    width: 70px;
    float: left;
    margin: 0px 21px 0px 0px;
    position: relative;
    cursor: pointer;
    height: 105px;
    padding-right: 0;
    padding-top: 0;
}
.store_filter label.filter .filter_info {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    min-height: 24px;
}
.store_filter label.filter img {
    display: block;
    margin: 0px auto 5px auto;
    position: absolute;
    bottom: 17px;
    left: 10px;
    width: 45px;
}
.store_filter label.filter input[type="checkbox"] {
    display: block;
    position: absolute;
    bottom: 3px;
    left: 25px;
    margin: 0;
}
.store_filter {
    margin-top: 20px;
}
.store_filter_wrap {
    border: 1px solid #999999;
    padding: 10px 15px
}
.store_filter form {
    display: block;
}
.store_filter form input[type="submit"] {
    float: right;
    width: 130px;
    margin: 32px -2px 0px 22px;
}

/* **************************************************************
*                   CHOSEN BRANCH                               *
****************************************************************/
.chsn_branch {
    position: relative;
}
.tp_branch_title {
    padding: 15px 0px 15px 15px;
    background-color: #0A4F38;
}
.tp_branch_title:after,
.chsn_branch_details:after,
.services .content ul:after {
    content: '';
    clear: both;
    display: block;
}
.chsn_branch h2 {
    font-size: 28px;
    float: left;
    margin: 0;
    padding: 0;
    min-height: 42px;
    line-height: 42px;
    color: #fff;
}
.tp_map_labels {
    background: url(../images/store_locator/tp_marker_small.png) no-repeat center center;
    width: 20px;
    height: 36px;
    border: 0;
}
.chsn_branch .distance {
    float: none;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 80px;
    text-align: right;
}
.chsn_branch .distance h4 {
    float: none;
    display: inline-block;
    font-size: 18px;
}
.chsn_branch .directions {
    float: right;
}
.chsn_branch_details {
    border: none;
    padding: 20px;
    display: flex;
    flex-wrap:wrap;
    align-items: stretch;
}
.chsn_branch_details .brnch_manager,
.chsn_branch_details .contacts,
.chsn_branch_details .opn_hours,
.chsn_branch_details .services {
    width: 50%;
    margin-top: 0;
    float: none;
    border: none;
}
.chsn_branch_details .brnch_manager,
.chsn_branch_details .opn_hours {
    padding-bottom: 20px;
}
.chsn_branch_details .brnch_manager .heading h3,
.chsn_branch_details .contacts .heading h3,
.chsn_branch_details .opn_hours .heading h3,
.chsn_branch_details .services .heading h3 {
    padding: 0;
    font-size: 18px;
    margin-right: 0;
    margin-bottom: 10px;
}
.brnch_manager .heading,
.services .heading,
.opn_hours .heading,
.contacts .heading {
    background: none;
    padding: 0;
    border: none;
}
.brnch_manager h3 {
    font-size: 16px;
    margin: 0 0 0px 0;
    padding: 0;
}

.brnch_manager .content,
.opn_hours .content,
.contacts .content,
.services .content {
    padding: 0;
    font-size: 14px;
}
.brnch_manager > .content {
    padding-bottom: 5px;
}
.opn_hours .heading h3 {
    padding: 0;
    font-size: 18px;
    margin-right: 0;
}
.opn_hours .content h4 {
    margin: 20px 0px 10px 0px;
}
.opn_hours .content ul {
    width: 100%;
}
.opn_hours .content ul li {
    margin-bottom: 7px;
}
.opn_hours .content ul li span.wk_day {
    display: block;
    width: 100px;
    float: left;
    margin-right: 50px;
    font-size: 14px;
}
.opn_hours .content ul li span.opening_times {
    font-size: 14px;
}
.contacts .heading h3 {
    padding: 0;
    font-size: 18px;
    margin-right: 0;
}
.contacts .content .addrss {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 120%;
}
.contacts .content .cntct {
    display: block;
    width: 100%;
    margin-bottom: 3px;
}
.contacts .content .cntct .cntct_type {
    display: block;
    width: 25%;
    float: left;
}
.contacts .content .cntct .details {
    display: block;
    width: 75%;
    float: left;
}
.contacts .content .cntct .details a {
    color: #0a4f38;
    text-decoration: none;
}
.contacts .content .cntct .details a:hover {
    text-decoration: underline;
}
.services .content ul {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    align-items: stretch;
}
.services ul li {
    width: 70px;
    margin-right: 20px;
    margin-bottom: 5px;
}
.services ul li.last {
    margin-right: 0px;
}
.services ul li img,
.tp_branchServices_list li img {
    display: block;
    margin: 0 auto 5px auto;
    width: 70px;
}
.tp_branchServices_list li img {
    width: 50px;
}
.services ul li .srv {
    display: block;
    width: 100%;
    font-size: 10px;
    text-align: center;
}
/* **************************************************************
*                   BRANCH LOCATOR PROMOS                       *
****************************************************************/

.promos {
    margin-top: 0px;
    padding: 0;
    border: none;
}
.promo {
    float: none;
    display: inline-table;
}
.promo h3 {
    font-weight: normal;
}
.promo img {
    max-width: 100px;
    max-height: 70px;
}
.promo p {
    width: 128px;
    bottom: 0;
}
li.auto ul.Lb {
    left: -3000px;
    position: absolute !important;
    z-index: 10000000;
    width: 0;
}
#r_content .hero {
    background: none;
}

/*PRODUCT GRID PAGE */

#sort_by .dd-select {
    background: #fff url(../images/external/other/select_arrow_down.jpg) no-repeat 138px center !important;
    width: 160px !important;
}
#sort_by .dd-options {
    width: 160px !important;
}
#products .cat_prod {
    background: #ededed;
    height: 258px;
}
#products .row {
    position: relative;
    display: flex;
    margin-bottom: 7px;
    width: 670px;
    border-collapse: collapse
}
#products .row .prod {
    height: auto;
    min-height: 353px;
    background-color: #ededed;
    overflow: initial;
    position: relative;
    display: table-cell;
    float: none;
    padding: 4px;
    border: none;
    border-right: 7px solid #fff;
    border-bottom: 7px solid #fff;
    vertical-align: top;
}
#sort_by label {
    font-weight: normal;
    font-size: 12px;
}
.prod_img {
    position: relative;
    height: 210px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.prod_img img {
    width: 210px;
}
.prod .prod_info {
    position: relative;
    width: 190px;
    height: 100%;
    z-index: 2;
}
.prod_info p {
    margin: 0;
}
.prod .prod_info h4 a {
    font-size: 14px;
    font-weight: bold;
}
.prod .prod_info h4 span {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 18px;
    display: block;
}
.prod_img .overlaybottomRight {
    bottom: 45px;
    position: absolute;
    right: 0;
}
.prod_img .overlaybottomRight img {
    width: 50px;
}
.cat_prod .prod_info {
    width: 178px;
    position: relative;
    z-index: 2;
    top: 0px;
    padding-top: 10px;
    min-height: 33px;
}
.cat_prod .prod_info h4 {
    margin-bottom: 20px;
    line-height: initial !important;
    display: block;
}
.cat_prod .prod_info p {
    margin: 0;
}
.cat_prod .prod_info p a,
.cat_prod .prod_info p a:hover {
    text-decoration: none;
}

/* HEADINGS */

.sd_cat_heading a {
    font-weight: bold;
    text-decoration: none;
    color: #232323;
}

/* SIDEBAR MENUS */

#l_sidebar .selected {
    background: none;
}

/* FAQ PAGE */

.faq_options ul.tabs li {
    margin: 0 0 0 10px;
}
.faq_options ul.tabs li:first-child,
.faq_options ul.tabs li:nth-child(6n+1) {
    margin: 0;
}
.faq_options ul.tabs li span {
    background-position: center -1px;
}
.tab_content {
    overflow: hidden;
}
.faq_cnt .sd_cat_menu li a {
    padding-right: 45px;
}

/* **************************************************************
*               START CHECKOUT STEPS COMPONENT                              *
****************************************************************/

.steps {
    background: initial;
    margin-bottom: 0;
}
.stp_basket {
    border: none;
    height: auto;
}
.steps img {
    border: 1px solid #c4c4c4;
    margin-bottom: 20px;
}

/* RIGHT CONTENT OPTIONS */

.button_block ul,
#tp1BannerButtonCopy ul,
#tp1BannerButtonCopy ol,
#tp5PromotionsListing ul,
#tp5PromotionsListing ol,
#tp8UsefulWebsites ul,
#tp8UsefulWebsites ol,
#content_full_w .faq_options ul,
#content_full_w .faq_options ol,
#content_full_w .intro ul,
#content_full_w .intro ol {
    list-style: disc;
    margin-left: 15px;
}
#tp1BannerButtonCopy,
#tp5PromotionsListing {
    width: 670px;
    float: right;
}
#tp1BannerButtonCopy .flexslider.slider_component,
#tp5PromotionsListing .flexslider.slider_component {
    margin-bottom: 45px;
}
#tp1BannerButtonCopy .stripTransmitter,
#tp5PromotionsListing .stripTransmitter,
#tp8UsefulWebsites .stripTransmitter,
#content_full_w .stripTransmitter {
    width: 100% !important;
    text-align: center;
    left: 0;
    height: 30px;
}
#tp1BannerButtonCopy .flexslider.slider_component ul,
#tp5PromotionsListing .flexslider.slider_component ul,
#tp8UsefulWebsites .flexslider.slider_component ul,
#content_full_w .flexslider.slider_component ul,
#content_full_w .imageTabContainer .tabs,
#content_full_w .imageTabContainer .sd_cat_menu {
    display: inline-block;
    list-style: none;
    margin-left: 0;
}
#tp1BannerButtonCopy .stripTransmitter ul li,
#tp5PromotionsListing .stripTransmitter ul li,
#tp8UsefulWebsites .stripTransmitter ul li,
#content_full_w .stripTransmitter ul li {
    background: none;
    height: 8px;
    width: 8px;
    padding: 6px 5px;
}
#tp1BannerButtonCopy .stripTransmitter a,
#tp5PromotionsListing .stripTransmitter a,
#tp8UsefulWebsites .stripTransmitter a,
#content_full_w .stripTransmitter a {
    width: 8px;
    height: 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.tpNavigationContentArea {
    width: 100%;
}
.tpNavigationContentArea .content h3 {
    color: #0a4f38;
    padding: 0px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 100%;
}
#tp1BannerButtonCopy .tpNavigationContentHeader h2,
#tp5PromotionsListing .tpNavigationContentHeader h2,
#tp8UsefulWebsites .tpNavigationContentHeader h2,
#tp1BannerButtonCopy .tpNavigationContentHeader .gallery_paragraph_component .component_title h2,
#tp5PromotionsListing .tpNavigationContentHeader .gallery_paragraph_component .component_title h2,
#tp8UsefulWebsites .tpNavigationContentHeader .gallery_paragraph_component .component_title h2 {
    font-size: 24px;
    color: #232323;
    line-height: 120%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}
.tpNavigationContentArea .content > p,
#tp1BannerButtonCopy .tpNavigationContentHeader .gallery_paragraph_component p,
#tp8UsefulWebsites .tpNavigationContentHeader .gallery_paragraph_component p {
    font-size: 13px;
    line-height: 135%;
    color: #232323;
    margin-bottom: 20px;
}
.tpNavigationContentArea .content ul,
.tpNavigationContentArea .content ol {
    margin-bottom: 20px;
}
.tpNavigationContentArea .content ul li,
.tpNavigationContentArea .content ol li {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 135%;
}
#tp1BannerButtonCopy .tpNavigationContentArea {
    margin-top: 20px;
    overflow: hidden;
}
#tp1BannerButtonCopy .tpNavigationContentArea .button_block {
    float: left;
    width: 304px;
    border: 1px solid #ededed;
    padding: 10px;
    margin-bottom: 20px;
}
#tp1BannerButtonCopy .tpNavigationContentArea .content {
    clear: both;
    margin: 0 0 10px 0;
}
#tp1BannerButtonCopy .tpNavigationContentArea div[id*="uid"] {
    clear: none;
}
#tp1BannerButtonCopy .tpNavigationContentArea .button_block a {
    display: table;
    text-decoration: none;
}
/*#tp1BannerButtonCopy .tpNavigationContentArea .button_block:nth-child(even) {
    float: right;
}*/
#tp1BannerButtonCopy .tpNavigationContentArea .button_block .heading-image {
    display: table-cell;
    vertical-align: middle;
}
#tp1BannerButtonCopy .tpNavigationContentArea .button_block .heading-image img {
    float: left;
    width: 80px;
    display: block;
    margin-right: 15px;
}
#tp1BannerButtonCopy .tpNavigationContentArea .button_block .inner {
    width: 203px;
    display: table-cell;
    vertical-align: middle;
}
#tp1BannerButtonCopy .tpNavigationContentArea .button_block .inner h3 {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
}
#tp1BannerButtonCopy .tpNavigationContentArea .button_block .inner p {
    font-size: 12px;
    color: #232323;
    line-height: 120%;
    max-height: 56px;
    overflow: hidden;
    margin: 0;
}
#tp5PromotionsListing .tpNavigationContentArea {
    margin-bottom: 40px;
}
#tp5PromotionsListing .tpNavigationContentArea .button_block {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}
#tp5PromotionsListing .tpNavigationContentArea .button_block .spotlight {
    padding: 10px;
    overflow: hidden;
}
#tp1BannerButtonCopy .tpNavigationContentArea .button_block:hover,
#tp5PromotionsListing .tpNavigationContentArea .button_block .spotlight:hover {
    background: #ededed;
}
#tp5PromotionsListing .tpNavigationContentArea .button_block .heading-image img,
#tp8UsefulWebsites .tpNavigationContentArea .button_block .heading-image img {
    width: 180px;
    height: 180px;
    float: left;
}
#tp5PromotionsListing .tpNavigationContentArea .button_block .inner {
    float: left;
    padding-left: 20px;
    width: 40%;
}
#tp5PromotionsListing .tpNavigationContentArea .button_block .inner h3 {
    margin-top: 25px;
    margin-bottom: 15px;
}
#tp5PromotionsListing .tpNavigationContentArea .button_block .inner p {
    color: #232323;
    font-size: 14px;
    line-height: 130%;
}
#tp5PromotionsListing .tpNavigationContentArea .button_block .inner span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
}
#tp8UsefulWebsites .tpNavigationContentArea {
    margin-bottom: 30px;
}
#tp8UsefulWebsites .tpNavigationContentArea .button_block {
    border-top: 1px solid #ededed;
    padding: 20px 0px;
    overflow: hidden;
}
#tp8UsefulWebsites .tpNavigationContentArea .button_block .inner {
    width: 74%;
    float: left;
    display: block;
    padding-top: 15px;
    margin-left: 20px;
    min-height: 165px;
    position: relative;
}
#tp8UsefulWebsites .tpNavigationContentArea .button_block .inner h3 {
    color: #0a4f38;
    font-size: 16px;
    margin-bottom: 15px;
}
#tp8UsefulWebsites .tpNavigationContentArea .button_block .inner p {
    color: #232323;
    font-size: 14px;
    line-height: 125%;
}
#tp8UsefulWebsites .tpNavigationContentArea .button_block .inner span {
    position: absolute;
    bottom: 8px;
    font-size: 14px;
}
/*
    Bathroom showroom galeries
*/

.tpTopBanner .gallery_component {
    min-height: 360px;
}
.tpTopBanner .pika-stage {
    width: 670px;
    border: none;
    padding: 0px 0px;
    height: auto;
}
.tpTopBanner .jcarousel-container-horizontal {
    width: 670px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}
.tpTopBanner .gallery-images .pika-thumbs.inlined {
    width: 670px;
    padding: 0;
    margin: 10px 0;
    overflow: hidden;
    text-align: center;
}
.tpTopBanner .pika-stage img {
    width: 100%;
}
.tpTopBanner .pika-textnav {
    display: none;
}
.tpTopBanner .pika-imgnav a.previous,
.tpTopBanner .pika-imgnav a.next {
    top: 0;
    width: 60px;
    background-color: rgba(255, 255, 255, 0.4);
    background-position: center 45%
}
.tpTopBanner .pika-imgnav a.previous {
    background-image: url('../images/picachoose_prev.png');
    left: 0;
}
.tpTopBanner .pika-imgnav a.next {
    background-image: url('../images/picachoose_next.png');
    right: 0;
}
.gallery_component .expand {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    padding: 10px 10px;
    width: 22px;
    height: 22px;
    background: url(../images/expand_arrows.png) no-repeat 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.813em;
    font-weight: bold;
    text-align: center;
    z-index: 999;
    text-indent: -99999999px;
}
.gallery_component .pika-thumbs li {
    width: 160px;
    height: 128px;
    padding: 0;
    margin: 0 10px 0 0;
    border: none;
}
.gallery_component .pika-thumbs.inlined li {
    display: inline-block;
    float: none;
}
.gallery_component .pika-stage .caption,
.gallery_component .pika-stage .pika-counter {
    display: none !important;
}
.tpTopBanner #homepage_slider.stripViewer ul li,
.tpTopBanner #homepage_slider.stripViewer ul li img {
    width: 670px;
}
.tpTopBanner .flexslider.slider_component .flex-direction-nav {
    display: block;
}
.tpTopBanner .flexslider.slider_component .flex-direction-nav li a {
    display: block;
    height: 329px;
    width: 100px;
    background: center center no-repeat rgba(255, 255, 255, 0.4);
    opacity: 0;
    position: absolute;
    top: 0;
}
.tpTopBanner .flexslider.slider_component .flex-direction-nav:hover li a,
.tpTopBanner #homepage_slider:hover + div + ul.flex-direction-nav li a {
    opacity: 1;
}
.tpTopBanner .flexslider.slider_component .flex-direction-nav li a.flex-prev {
    background-image: url(../images/carousel_prev.png);
    left: 0;
}
.tpTopBanner .flexslider.slider_component .flex-direction-nav li a.flex-next {
    background-image: url(../images/carousel_next.png);
    right: 0;
}

/* Open Account Page */

.join_benefits {
    overflow: hidden;
}
.join_benefits .benefits:nth-child(3) {
    float: right;
}
.join_benefits .benefits .content {
    background-color: #e8eeec;
    min-height: 360px;
    padding: 30px 0px 0px 40px;
}
.join_benefits .benefits > .primary_cta {
    width: 250px;
    font-size: 18px;
    position: absolute;
    bottom: 0px;
    left: 85px;
}
.join_benefits .benefits > .primary_cta a {
    text-decoration: none;
    color: #232323;
}
.join_benefits .benefits > .primary_cta a:after {
    content: "\25ba";
    font-size: 12px;
    line-height: 135%;
    display: inline;
    padding-left: 5px;
}
.skip {
    position: absolute;
    top: -30000px;
    left: -30000px;
}
.form_field_error {
    padding: 10px;
    float: left;
    vertical-align: bottom;
    margin: 5px 0;
    background-color: #fcebeb;
    border: 1px dotted #d9262a;
    color: #AC1607;
    width: 100%;
    margin-top: -11px;
}
.form_field-input input[type=text],
.form_field-input textarea,
.form_field-input select,
.form_field-input input[type=password] {
    -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;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 0;
    margin: 0 10px 10px 0;
    width: 98%;
    height: 28px;
}
.search_input_wrapper {
    width: 65%;
}

/* Basket Page */

.stp_basket img {
    width: 948px;
    height: 155px;
}
.loggedOutBanner img {
    width: 950px;
}
.basket_ctas button {
    width: 150px;
}
.baskt_items_wrap > form:last-of-type .baskt_item {
    border-bottom: none;
}
.empty_basket_title .cnt_mn_heading {
    color: #232323;
    margin-bottom: 20px;
}
.hero img {
    height: 260px;
    width: 100%;
}
.capitalize {
    text-transform: capitalize;
}
.thankyou-box {
    padding-top: 15px;
    padding-bottom: 25px;
    padding-right: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.thankyou-text {
    margin-top: 15px;
}
.thankyou-text span {
    line-height: normal;
}
.thankyou-contactus {
    font-weight: bold !important;
    border: 0px;
    background-color: #EDEDED;
    vertical-align: middle;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.thankyou-step4 {
    height: 150px;
    background: url(../images/quote/progress4-4@2x.jpg) no-repeat;
    background-size: 100%;
}
.thankyou-text,
.thankyou-contactus {
    text-align: left;
}
.thankyou-contactus-image {
    width: 60px;
    height: 57px;
    background: url(../images/call_icon_green.png) no-repeat;
    display: inline-block;
}
.thankyou-contactus-image,
.thankyou-contactus-text {
    vertical-align: middle;
    display: inline-block;
}
#confirmOrderNotes {
    padding-top: 23px;
}
.branchName,
.branchEmail,
.branchPhone {
    font-weight: bold;
    color: #0a4f38;
}
.perpage_list li.active a {
    color: #999999;
}
.search_NoResult { display: block;
    min-height: 250px;
}
.search_NoResult .content h2 {
    font-size: 23px;
    line-height: 28px;
    font-weight: bold;
    color: #000;
}
.search_NoResult .content p {
    font-size: 16px;
    color: #232323;
    margin-bottom: 5px;
}
.search_NoResult .content ul {
    padding: 0px 0 5px 0;
}
.search_NoResult .content ul li {
    list-style: disc;
    list-style-position: inside;
    padding: 0 0 0 5px;
    line-height: 20px;
    font-size: 14px;
}
.search_NoResult .siteSearch {
    padding: 10px 0;
}
.search_NoResult .siteSearch:before,
.search_NoResult .siteSearch:after {
    content: " ";
    display: table;
}
.search_NoResult .siteSearch:after {
    clear: both;
}
.search_NoResult .siteSearch label {
    display: none;
}
.search_NoResult .siteSearch #search {
    float: left;
    width: 400px;
    height: 22px;
    margin: 0;
    background: none;
    color: #868686;
    border: solid 1px #dedede;
}
.search_NoResult .siteSearch input.button {
    float: left;
    display: block;
    width: 45px;
    height: 34px;
    background: url(../images/icons_sprite_header.png) no-repeat 13px -290px #d4d4d4;
    padding: 0;
    margin: 0 -1px 0 0;
    vertical-align: bottom;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    text-indent: -300000000000px;
}
.search_NoResult .content ul a {
    text-decoration: underline;
}
.search_NoResult .content ul a:hover {
    text-decoration: none;
}
.benefits ul li h4 {
    font-weight: bold;
    width: 176px;
}
.showing_prods {
    width: 30%;
}
.n_prods {
    width: 38%;
}
.sort_by {
    width: 32%;
}
.dd-select .dd-selected:hover {
    text-decoration: none;
}
.dd-options .dd-option:hover {
    color: #232323 !important;
    background: #fff !important;
}
.sort_by #sort_form1 {
    display: flex;
}
.styled_select {
    width: 70%;
    margin: 2px 0 0;
}
.n_prods .perpage_list{
    margin-top: 2px;
}
.page-search .showing_prods,
.page-spotLightPage  .showing_prods,
.pageType-CategoryPage  .showing_prods {
    width: 26%;
}
.page-search .n_prods,
.page-spotLightPage .n_prods,
.pageType-CategoryPage .n_prods {
    width: 32%;
}
.page-search  .sort_by,
.page-spotLightPage .sort_by,
.pageType-CategoryPage .sort_by {
    width: 31%;
    margin: -2px 0 0;
}
.sort_by #sort_form1 .dd-selected{
    padding: 8px;
}
.sort_by #sort_form1 .dd-selected .dd-selected-text{
    font-size: 13px;
}
.sort_by .dd-options .dd-option .dd-option-text{
    white-space: nowrap;
    font-size: 13px;
}
.sort_by #sort_form1 .dd-selected:hover{
    text-decoration: none;
}
.n_prods,
.showing_prods,
.sort_by .prod_nav_title {
    line-height: 36px;
    margin-top: 0;
    padding-top: 0;
}
.prod_nav_title,
.prod_nav_txt {
    padding-top: 0;
}
.prod_nav_top h1 {
    font-size: 16px;
    color: #0A4F38;
    line-height: 21px;
}
#sort_by.dd-container {
    width: 137px !important;
}
.dd-options {
    height: 82px !important;
}
#sort_form1 .dd-select .dd-selected  .dd-selected-text,
#sort_form1 .dd-options  .dd-option-text{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: 13px;
}
.page-search #sort_by .dd-options,
.page-spotLightPage #sort_by .dd-options,
.pageType-CategoryPage #sort_by .dd-options{
    height: auto !important;
    border: none;
    box-shadow: 0 18px 24px rgba(0, 0, 0, 0.3);
    top:0;
    width: 162px !important;
}
.page-search .dd-option,
.page-spotLightPage .dd-option,
.pageType-CategoryPage .dd-option{
    text-decoration: none;
    -webkit-transition:none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}
.page-search .dd-option:hover,
.page-spotLightPage .dd-option:hover,
.pageType-CategoryPage .dd-option:hover {
    background-color: #0F7258 !important;
    color: #FFF;
}
.page-search #sort_form1 .dd-option:hover .dd-option-text,
.page-spotLightPage #sort_form1 .dd-option:hover .dd-option-text,
.pageType-CategoryPage #sort_form1 .dd-option:hover .dd-option-text{
    color: #FFF;
}
.showing_prods span,
.prod_nav_title,
.prod_nav_txt,
#sort_by label,
.pagination ul li.active,
.pagination ul li a,
.n_prods ul li.active,
.n_prods ul li a {
    font-size: 14px;
}

/*******************************************
                Super Nav
*******************************************/

#tp_nav_main {
    overflow: auto;
    position: relative;
}
#tp_nav_main .level1CategoryList li.level1Category .tp_nav2level_body {
    display:none;
}
#tp_nav_main .level1CategoryList li.level1Category:hover .tp_nav2level_body {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0
}
#tp_nav_main .level1CategoryList li.level1Category:hover .tp_nav2level_body .tp_nav2level {
    display: flex;
    background-color: white;
    position: absolute;
    top: 116px;
    bottom: 30px;
    left: 15px;
}
#tp_nav_main .level1CategoryList li.level1CategoryHover .tp_nav2level_body > span a {
    color: #fff;
    border-color: #333;
    background: #333;
}
.tp_nav2level {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 222;
    width: 905px;
    background: #fff;
    padding: 10px 21px;
    border: 1px solid #ededed;
    border-top: none;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.6);
    text-align: left;
}
.tp_nav2level:after {
    content: '';
    display: table;
    clear: both;
}
#tp_nav_main .tp_nav2level > li {
    display: inline-block;
    float: none;
    width: 171px;
    padding: 10px 3px;
    background: #fff;
    vertical-align: top;
}
#tp_nav_main .tp_nav2level > .tp_nav2level_viewAll {
    position: top;
    right: 10px;
    bottom: 5px;
    width: auto;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0;
}
#tp_nav_main .tp_nav2level > .tp_nav2level_viewAll a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border: none;
    font-weight: normal;
    color: #0e4d38;
    cursor: pointer;
}
#tp_nav_main .tp_nav2level > .tp_nav2level_viewAll a:hover {
    text-decoration: underline;
    background: none;
    color: #0e4d38;
}
#tp_nav_main li.tp_nav2level_category .nav2level_Title {
    margin-bottom: 10px;
}
#tp_nav_main li.tp_nav2level_category .nav2level_Title a {
    display: table-cell;
    width: 164px;
    height: 36px;
    border: none;
    margin: 0 0 5px 0;
    padding: 0;
    background: #073828;
    color: #2b3431;
}
#tp_nav_main li.tp_nav2level_category .nav2level_Title a:hover {
    text-decoration: underline;
}
#tp_nav_main .nav3level li {
    display: block;
    background: #fff;
    float: none;
    width: 164px;
    height: auto;
    line-height: 24px;
    text-align: left;
}
#tp_nav_main .nav3level li a,
#tp_nav_main .nav3level li span {
    display: block;
    width: 154px;
    padding: 0px 5px 1px;
    height: auto;
    color: #2a2a2a;
    font-weight: normal;
    border: none;
}
#tp_nav_main .nav3level li a:hover,
#tp_nav_main .nav3level li span:hover {
    background: #ededed;
    color: #073828;
    font-weight: bold;
}
#tp_nav_main .nav3level li a:hover {
    background: none;
    font-weight: normal;
    text-decoration: underline;
}
#tp_nav_main .nav3level li.nav3level_cat_last span {
    color: #073828;
    width: 100%;
    padding: 0 0 10px 0;
    font-size: 13px;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
#tp_nav_main .nav3level li.nav3level_cat_last span:hover {
    text-decoration: underline;
    font-weight: normal;
}
#facets_filters {
    width: 230px;
}
#facets_filters .title_holder h2 {
    font-size: 16px;
    line-height: 21px;
    color: #232323;
    margin-bottom: 20px;
    font-weight: bold;
}
#facets_filters .category {
    padding: 0;
    background-color: #ededed;
    position: relative;
}
#facets_filters .category.title {
    background: none;
}
#facets_filters .category > a {
    font-weight: bold;
}
#facets_filters .collapsableArrow {
    font-weight: bold;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 9px;
    right: 12px;
}
#facets_filters .category .refinementToggle {
    font-size: 14px;
    color: #232323;
    margin: 0px 0px 0px 10px;
    line-height: 100%;
    display: block;
    text-decoration: none;
    padding: 15px 30px 15px 0;
}
#facets_filters .facet_block li {
    border-top: 1px solid #ededed;
    font-size: 14px;
    line-height: 25px;
}

#facets_filters .facet_block .remove {
    float: right;
}
#facets_filters .facet_block li a {
    display: inline-block;
    padding: 12px 0px 12px 5px;
    color: #0a4f38;
    cursor: pointer;
}
#facets_filters .topFacetValues span.more,
#facets_filters .allFacetValues span.more {
    display: block;
}
#facets_filters .topFacetValues .more a,
#facets_filters .allFacetValues .more a {
    display: block;
    padding: 17px 0px 17px 15px;
    color: #232323;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    background: #ededed url(../images/external/other/more.png) no-repeat 197px center;
    text-transform: capitalize;
}
#facets_filters .allFacetValues .more a {
    background: #ededed url(../images/external/other/less.png) no-repeat 197px center;
}
#facets_filters .topFacetValues .more a:hover {
    text-decoration: none;
}
#facets_filters .facet_block li label {
    display: inline-block;
    padding: 12px 0px 12px 11px;
    color: #0a4f38;
    font-size: 14px;
    cursor: pointer;
}
#facets_filters .facet_block li label input[type='checkbox'] {
    margin: 0 5px 0 0;
}
#facets_filters .collapsableArrow .dropdown {
    width: 16px;
    height: 16px;
    background: url(../images/navigations/tp_icn_faccet.png) no-repeat 0px -16px;
    border: none;
    padding: 0;
    margin-top: 5px;
}
#facets_filters .collapsableArrow.toggleArrow .dropdown {
    background-position: 0px 0px;
}

/* **************************************************************
*                       A-Z FILTER                              *
****************************************************************/

.a_z_sort {
    height: 12px;
    border-top: 1px solid #ededed;
    text-align: center;
}
.a_z_sort ul {
    width: auto;
    display: inline-block;
}
.a_z_sort ul li span {
    padding: 7px 11px 7px 11px;
    color: #232323;
    font-size: 12px;
    text-decoration: none;
}
.a_z_sort ul li span.selected {
    background: url(../images/other/filter_states.png) no-repeat center -28px;
}
.a_z_sort ul li span.empty {
    cursor: default;
}
.a_z_sort ul li:last-child {
    margin-right: 0px;
}

/* **************************************************************
*                       Category facets                         *
****************************************************************/

#facetWrapper > h3 {
    display: block;
    font-size: 14px;
    line-height: 18px;
    min-height: 18px;
    color: #232323;
    padding: 5px 0;
}
#facetWrapper .selected {
    background-color: inherit;
}
#divFacet > .allFacetValues {
    border-bottom: 1px solid #ededed;
}
#divFacet > .allFacetValues > .termtext {
    border-top: 1px solid #ededed;
}
#facetWrapper .facet .termtext:first-child {
    border-top: none;
}
#divFacet > .allFacetValues .termtext .control {
    display: block;
    font-size: 14px;
    line-height: 25px;
    min-height: 25px;
    padding: 8px 11px 7px 11px;
    color: #0a4f38;
    cursor: pointer;
}
#divFacet > .allFacetValues .termtext > form > .control {
    position: relative;
    line-height: 16px;
    min-height: 16px;
    padding: 17px 20px 16px 5px;
}
#divFacet .termtext.act form .control {
    padding-left: 5px;
}

#divFacet > .allFacetValues .termtext > form > .collapsed_category {
    float: right;
    width: 11px;
    height: 11px;
    background: url(../images/facets/menu_arrow_green.png) no-repeat 0px 0px;
    margin-top: 21px;
}

#divFacet > .allFacetValues .termtext.act > form > .collapsed_category {
    background: url(../images/facets/menu_arrow_green_down.png) no-repeat 0px 0px;
}

#divFacet > .allFacetValues .termtext.nochild .control:after {
    background: none;
}
.termtext > form > .control.active,
.termtext > form > .control:hover {
    padding-left: 20px;
}
.termtext > form > .control.active span,
.termtext > form > .control:hover span {
    font-weight: bold;
}
.termtext > form > .control.active:after,
.termtext > form > .control:hover:after {
    background-image: url(../images/facets/menu_arrow_green.png);
}
.termtext > .subCategory {
    background: #f6f6f6;
    display: none;
}
.termtext.act > .subCategory {
    background: none;
}
.termtext.act > .subCategory {
    display: block;
}
.termtext > .subCategory .control {
    margin-left: 15px;
    padding: 8px 11px 7px 11px;
    border-top: 1px solid #ededed;
}
#divFacet > .allFacetValues > .termtext > .subCategory .termtext {}
#divFacet > .allFacetValues > .termtext > .subCategory .termtext:first-child .control {
    border-top: none;
}
.termtext.act .termtext.act .subCategory {
    margin-left: 15px;
}
#facetWrapper .termtext .subCategory li {
    background: url(../images/sub_cat_icon.png) no-repeat 6px 16px transparent;
}
.termtext.nochild > form > .control,
.termtext.nochild > form > .control:hover,
.termtext.nochild.act > form > .control.active,
.termtext.nochild.act > form > .control.active:hover {
    text-decoration: none;
    background: #fff;
    padding-left: 0px;
}
.termtext.nochild > form > .control:hover span .termtext.nochild.act > form > .control.active span {
    font-weight: normal;
}
.tp_branchList_pagination {
    width: 320px;
    padding: 20px 0;
    margin: 0 auto;
    position: relative;
}
.prod_nav_bottom .tp_branchList_pagination {
    padding: 0;
    margin: 0;
    float: right;
    width: 332px;
}
.prod_nav_bottom .tp_branchList_pagination ul {
    padding-top: 0;
    text-align: right;
}
.prod_nav_bottom .tp_branchList_pagination ul li {
    position: relative;
    top: -11px;
    display: inline-block;
    float: none;
    width: 24px;
    height: 28px;
}
.prod_nav_bottom .tp_branchList_pagination ul li a {
    line-height: 28px;
}
.prod_nav_bottom .tp_branchList_pagination li.prev,
.prod_nav_bottom .tp_branchList_pagination li.next {
    top: 0px;
}
.prod_nav_bottom .tp_branchList_pagination li.prev a {
    background-position: 7px -91px;
}
.prod_nav_bottom .tp_branchList_pagination li.prev.disable a {
    background-position: 7px 6px;
}
.prod_nav_bottom .tp_branchList_pagination li.next a {
    background-position: 8px -139px;
}
.prod_nav_bottom .tp_branchList_pagination li.next.disable a {
    background-position: 9px -43px;
}
.tp_branchList_pagination ul {
    position: relative;
}
.tp_branchList_pagination ul:after {
    content: '';
    clear: both;
    display: table;
}
.tp_branchList_pagination ul li {
    float: left;
    width: 27px;
    height: 31px;
    margin: 0 3px;
    padding: 0 2px;
    border: 1px solid #fff;
}
.tp_branchList_pagination ul li.active {
    border-color: #0a5038;
    background-color: #f0f0f0;
}
.tp_branchList_pagination ul li.active a {
    cursor: default;
    text-decoration: none;
}
.tp_branchList_pagination ul li.dots {
    margin: 0;
    line-height: 40px;
    width: 10px;
}
.tp_branchList_pagination ul li a {
    display: block;
    line-height: 31px;
    text-align: center;
    text-decoration: underline;
}
.tp_branchList_pagination li.prev,
.tp_branchList_pagination li.next {
    border-color: #0a5038;
}
.tp_branchList_pagination li.prev {
    margin: 0 7px 0 0;
}
.tp_branchList_pagination li.next {
    margin: 0 0 0 7px;
}
.tp_branchList_pagination li.prev.disable,
.tp_branchList_pagination li.next.disable {
    border-color: #ddd;
}
.tp_branchList_pagination .disable a {
    pointer-events: none;
    cursor: default;
}
.tp_branchList_pagination li.prev.disable:hover,
.tp_branchList_pagination li.next.disable:hover {
    border-color: #b3b3b3;
}
.tp_branchList_pagination li.prev a,
.tp_branchList_pagination li.next a {
    background: url(../images/tp_icn_paginator.png) no-repeat 7px 0px;
    width: 23px;
    height: 23px;
}
.tp_branchList_pagination li.prev a {
    background-position: 8px -89px;
}
.tp_branchList_pagination li.next a {
    background-position: 9px -138px;
}
.tp_branchList_pagination li.prev.disable a {
    background-position: 8px 8px;
}
.tp_branchList_pagination li.next.disable a {
    background-position: 10px -42px;
}
/*
Branch Details
*/

.tp_stock_branchDetails {
    padding: 15px 0px;
    margin: 0 12px;
    border-top: 3px solid #0a4f38;
    /*display: none;*/
}
.tp_stock_branchDetails .tp_stock_detailsWrapper {
    padding: 5px 0;
}
.tp_stock_detailsWrapper:after {
    content: '';
    clear: both;
    display: table;
}
.tp_stock_detailsWrapper .col_left {
    width: 410px;
    float: left;
}
.tp_stock_detailsWrapper .col_right {
    width: 304px;
    padding-left: 10px;
    float: right;
}
.tp_stock_branchDetails .tp_stock_BranchName {
    position: relative;
    min-height: 45px;
    padding: 0 0 0 40px;
    box-sizing: border-box;
}
.tp_stock_branchDetails .tp_stock_BranchName:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    background: url(../../theme-travisperkins/images/tp_icons_branchDetails.png) no-repeat 0 -144px;
    background-size: 27px;
    width: 30px;
    height: 55px;
}
.tp_stock_branchDetails .tp_stock_BranchName h3 {
    font-size: 18px;
    margin: 0;
    padding: 5px 0;
}
.tp_stock_branchDetails .tp_stock_BranchDistance {
    text-align: right;
}
.tp_stock_branchDetails .tp_stock_BranchDistance p {
    margin-right: 10px;
    line-height: 45px;
    font-size: 18px;
}
.tp_branchBox {
    border: 2px solid #bfbfbf;
}
.tp_branchBox .tp_branchBox_title {
    position: relative;
    border-bottom: 2px solid #bfbfbf;
    line-height: 36px;
    margin: 0;
    padding: 0 0 0 40px;
    font-size: 18px;
}
.tp_branchBox .tp_branchBox_title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../../theme-travisperkins/images/tp_icons_branchDetails.png) no-repeat 10px 0px;
    /*background-size: 30px;*/
}
.tp_branchBox.name .tp_branchBox_title:before {
    background-position: 10px -103px
}
.tp_branchBox.adress .tp_branchBox_title:before {
    background-position: 12px 3px;
    background-size: 25px;
}
.tp_branchBox.hours .tp_branchBox_title:before {
    background-position: 6px -50px
}
.tp_branchBox.serv .tp_branchBox_title:before {
    background-position: 6px -239px
}
.tp_branchBox .tp_branchBox_info {
    padding: 10px;
    padding-left: 40px;
}
.tp_stock_branchDetails .tp_branchBox .tp_branchBox_info p {
    font-size: 14px;
    line-height: 16px;
}
.tp_stock_branchDetails .tp_stock_BranchInfo .tp_branchBox.name {
    margin-bottom: 10px;
}
.tp_stock_BranchServices .tp_branchBox_info,
.tp_stock_BranchHours .tp_branchBox_info {
    padding-left: 10px;
}
.tp_branchBox.adress .email {
    text-transform: lowercase;
}
.tp_stock_BranchServices .tp_branchServices_list {
    padding-top: 5px;
}
.tp_stock_BranchServices .tp_branchServices_list:after {
    content: '';
    clear: both;
    display: table;
}
.tp_stock_BranchServices .tp_branchServices_list li {
    float: left;
    width: 30%;
    margin: 0 1.2%;
    padding: 0 5px 12px 5px;
    box-sizing: border-box;
    text-align: center;
    height: 105px;
}
.tp_stock_BranchServices .tp_branchServices_list li p {
    padding-top: 5px;
}
.tp_stock_BranchHours .tp_branchHours_list {}
.tp_stock_BranchHours .tp_branchHours_list:after {
    content: '';
    clear: both;
    display: table;
}
.tp_stock_BranchHours .tp_branchHours_list dt,
.tp_stock_BranchHours .tp_branchHours_list dd {
    float: left;
    padding: 3px 0;
    font-weight: normal;
}
.tp_stock_BranchHours .tp_branchHours_list dt {
    width: 110px;
    padding-right: 10px;
}
.tp_stock_BranchHours .tp_branchHours_list dd {
    width: 160px;
}
.tp_branchDetails_informer {
    font-size: 16px;
    padding: 10px 0;
}
.tp_stock_BranchDistance strong {
    font-weight: bold;
}
#tp_CheckStockPopup .tp_stock_branchDetails .store_map {
    height: 243px;
}
#mapContainer .map_search {
    margin-top: 0;
}
#tp_CheckStockPopup .list_active #mapContainer {
    display: none;
}
#tp_CheckStockPopup .map_active #stock_results {
    display: none;
}
#tp_CheckStockPopup .tp_branchView_actions {
    height: 35px;
    padding: 0 0 15px;
}
#tp_CheckStockPopup .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_CheckStockPopup .list_active .tp_branchView_actions > a.tp_viewList,
#tp_CheckStockPopup .map_active .tp_branchView_actions > a.tp_viewMap {
    background: #232323;
    color: #fff;
}
#tp_CheckStockPopup .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_CheckStockPopup .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;
}
#homeLocation {
    border: 1px solid gainsboro;
    margin: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../images/tp_icn_gotomylocation.png) no-repeat center center;
}

/* **************************************************************
*                       Search result relevancy                 *
****************************************************************/

.prod_nav_top .title_holder {
    float: left;
}
.prod_nav_top .pagination,
.prod_nav_bottom .pagination {
    padding: 0 10px;
}
.prod_nav_top .pagination ul,
.prod_nav_bottom .pagination ul {
    padding: 0;
}
.prod_nav_top .pagination span.arrow_right,
.prod_nav_bottom .pagination span.arrow_right,
.prod_nav_top .pagination span.arrow_left,
.prod_nav_bottom .pagination span.arrow_left {
    height: 16px;
}
.prod_nav_top .pagination span.arrow_left,
.prod_nav_bottom .pagination span.arrow_left {
    margin-left: -15px;
}
#relevanceCalculationForm {
    overflow: hidden;
}
#relevanceCalculationForm .calculate_button input {
    text-align: center;
    width: 160px;
    margin: 0 0 20px 0;
}
.prod_list .prod {
    width: 100%;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #d4d4d4;
    margin: 0;
    min-height: 150px;
    height: inherit;
}
.prod_list .prod a {
    display: block;
}
.prod_list .prod > * {
    float: left;
}
.prod_list .prod .thumb {
    padding: 0 10px 10px;
    margin: 10px 20px 0 0;
    border-right: 1px solid #d4d4d4;
    min-width: 96px;
}
.prod_list .prod .text_holder {
    margin-right: 20px;
    max-width: 590px;
}
.prod_list .prod .details h2 {
    padding: 10px 0;
    margin: 0;
}
.prod_list .prod .summary p {
    font-size: 14px;
    line-height: 16px;
}
.prod_list .prod .product_relevance {
    float: right;
    width: 200px;
    margin-top: 10px;
}
.prod_list .prod .product_relevance .product_code {
    padding-bottom: 20px;
}
.prod_list .prod .product_relevance .product_relevance_score {
    overflow: hidden;
    padding-left: 3px;
}
.prod_list .prod .product_relevance .product_relevance_score > * {
    float: left;
}
.prod_list .prod .product_relevance .form_field-label {
    margin-right: 15px;
    padding-top: 20px;
}
.prod_list .prod .product_relevance .form_field-input {
    margin: 0 15px 0 -26px;
}
.nobr {
    font-weight: inherit;
    white-space: nowrap;
}

#tp_CheckStockPopup .store_info .tp_stockBranchIcon {
    min-width: 200px;
    width: auto;
}
#tp_CheckStockPopup .stockInMapPopup div,
#tp_CheckStockPopup .stockInMapPopup .tp_branchStatus {
    float: left;
}
#tp_CheckStockPopup .tp_branchNumber .call {
    float: left;
    font-size: 14px;
    line-height: 27px;
    margin: 0 0 0 5px;
}
#tp_CheckStockPopup .tp_stockBranchIcon {
    padding: 0 15px 5px 0;
    min-height: 0;
}
#tp_CheckStockPopup .tp_branchNumber.stockInMapPopup {
    text-align: left;
    padding: 0;
}
#tp_CheckStockPopup .tp_branchNumber br {
    display: none;
}
#tp_CheckStockPopup .tp_branchNumber.stockInMapPopup:after {
    content: '';
    display: table;
    clear: both;
}

/*

    Order Summery Styles

*/

#payment_wrapp {
    position: relative;
}

/* body #payment_wrapp h1,
body #payment_wrapp h2,
body #payment_wrapp h3,
body #payment_wrapp ul,
body #payment_wrapp ol,
body #payment_wrapp p,
body #payment_wrapp input,
body #payment_wrapp {
    font-family: Arial, sans-serif;
} */

#payment_wrapp .invoices_credit_notes_wrapper {
    padding: 0 25px;
}
.tp_OrderButton {
    display: inline-block;
    height: 37px;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 37px;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
}
.tp_OrderButton:hover {
    text-decoration: none;
}
.tp_OrderTitle {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
h1.tp_OrderTitle {
    font-size: 24px;
    line-height: 24px;
    padding: 27px 0 6px;
}
.tp_orderSteps_wrapp {
    display: none;
    position: relative;
    right: 0;
    width: 425px;
    height: 65px;
    padding: 10px 40px;
    margin: 0 0px;
}
.tp_orderSteps_wrapp .tp_orderStep_line {
    height: 1px;
    width: 425px;
    background: #cccccc;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 28px;
}
.tp_orderSteps_wrapp .tp_orderStep_item {
    width: 80px;
    height: 65px;
    position: absolute;
    bottom: 10px;
}
.tp_orderStep_item .tp_orderStep_num {
    text-align: center;
    line-height: 35px;
    color: #999;
    font-size: 18px;
    font-weight: bold;
    width: 35px;
    height: 35px;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
}
.tp_orderSteps_wrapp .tp_orderStep_title {
    text-align: center;
    color: #333;
    font-size: 13px;
    line-height: 30px;
}
.tp_orderSteps_wrapp .tp_orderStep_item.step1 {
    left: 0px;
}
.tp_orderSteps_wrapp .tp_orderStep_item.step2 {
    left: 50%;
    margin-left: -40px;
}
.tp_orderSteps_wrapp .tp_orderStep_item.step3 {
    right: 0px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_item.step1 .tp_orderStep_title {
    font-weight: bold;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_item.step1 .tp_orderStep_num {
    background: #99cc80;
    border-color: #99cc80;
    color: #fff;
}
.tp_checkoutTitle_wrapper {
    width: 100%;
    height: auto;
    min-height: 40px;
    padding: 10px;
    box-sizing: border-box;
    background: #ededed;
}
.tp_checkoutTitle_wrapper:after {
    content: '';
    clear: both;
    display: table;
}
.tp_checkoutTitle_wrapper .tp_OrderTitle {
    float: left;
    line-height: 40px;
    padding-left: 29px;
    background: url(../images/secure_lock_icon.png) no-repeat 0px 6px;
    font-size: 20px;
    margin-left: 5px;
}
.returningCustomer .tp_OrderButton.back {
    float: left;
    width: 164px;
    margin-left: 40px;
}
.tp_checkoutTitle_wrapper .tp_OrderButton.back {
    float: right;
    width: 164px;
}
.tp_checkoutTitle_wrapper .tp_CheckoutOrderButton.back {
    width: auto;
}
.order_summery .tp_OrderTitle.review {
    font-size: 32px;
    padding-bottom: 10px;
}
.summery_wrapper {
    border-top: 1px solid #d4d4d4;
    padding-top: 25px;
}
.payment_list {
    border: 1px solid #ededed;
}
.payment_list th,
.payment_list td {
    min-height: 20px;
    padding: 5px 0;
    text-align: center;
    border-bottom: 1px solid #ededed;
}
.payment_list tr:nth-child(even) td,
.payment_list tr.even td,
.tp_card_info table tr:nth-child(even) td,
.tp_card_info table tr.even td {
    background: #fff;
}
.payment_list th {
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    background-color: #ededed;
    font-size: 18px;
    text-align: center;
}
.payment_list tr td:first-child {
    padding: 0 33px 0 14px;
}
.payment_list td {
    padding: 0;
    height: 79px;
    font-size: 17px;
    vertical-align: middle;
}
.payment_list .tp_OrderButton {
    width: auto;
    min-width: 100px;
    margin-right: 8px;
}
.payment_list .paymentAmount {
    font-weight: bold;
}
.tp_orderTotal_wrapp {
    position: relative;
    text-align: right;
    width: 100%;
    padding: 20px 0 13px;
    box-sizing: border-box;
    border-bottom: 1px solid #d4d4d4;
}
#invoiceData .tp_orderTotal_wrapp {
    padding: 10px 15px;
    border: none;
}
.tporderTotal:after {
    content: '';
    clear: both;
    display: table;
}
.tporderTotal {
    display: inline-block;
    min-width: 267px;
}
.tporderTotal .titles_box {
    float: left;
}
.tporderTotal .price_box {
    float: right;
}
#invoiceData .tporderTotal {
    display: inline-block;
    min-width: 280px;
}
#invoiceData .tporderTotal .titles_box,
#invoiceData .tporderTotal .price_box {
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
#invoiceData .tporderTotal .titles_box {
    min-width: 170px;
}
#invoiceData .tporderTotal .price_box {
    float: right;
    min-width: 30px;
    text-align: right;
}
.tporderTotal .last {
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
}
.tporderTotal p {
    margin: 0;
    line-height: 27px;
    font-size: 18px;
}
.tporderTotal .titles_box p {
    font-size: 14px;
}
.tporderTotal .titles_box p.last,
.tporderTotal .price_box p.last {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}
.tp_orderContinued {
    margin: 25px 0 100px;
    overflow: hidden;
}
.tp_orderContinued .adobe_acrobat_box .tp_orderContinued:after {
    content: '';
    clear: both;
    display: table;
}
.tp_orderContinued .adobe_acrobat_box {
    width: 550px;
    min-height: 50px;
    float: left;
}
.tp_orderContinued .tp_OrderButton.cont_to_pay,
#partialPaymentSection .cont_to_pay {
    float: right;
    width: 300px;
    height: 50px;
    line-height: 50px;
    background: #999;
    color: #000;
    margin: 10px;
    font-weight: bold;
}
.tp_orderContinued .tp_creditController {
    width: 550px;
    min-height: 50px;
    float: left;
}
#downloadSelectedInvoices,
#paySelected,
#viewSelectedInvoices,
#viewSelectedCreditNotes,
#downloadSelectedCreditNotes {
    float: none;
}
.tp_orderContinued .adobe_acrobat_box .adobeReaderImage {
    float: left;
    margin: 0 14px 0 2px;
}
.tp_orderContinued .adobe_acrobat_box span {
    line-height: 17px;
}
.tp_orderContinued .adobe_acrobat_box a {
    font-weight: bold;
    color: #232323;
    text-decoration: underline;
}
.tp_orderContinued .tp_OrderButton.cont_to_pay,
.tp_OrderButton,
#partialPaymentSection .cont_to_pay {
    background: #f4b11a none repeat scroll 0 0;
    border: 1px solid #f4a91f;
    border-radius: 5px;
    float: right;
    width: 227px;
    height: 39px;
    line-height: 37px;
    color: #232323;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.tp_OrderButton {
    background: #9fc2c1;
    border-color: #8daf9c;
}
.tp_orderContinued .tp_OrderButton.cont_to_pay:hover {
    background: #d49b23;
}
.tp_OrderButton:hover {
    background: #8aa9a8;
    color: #232323;
}
.tp_orderTotal_wrapp .tp_order_informer {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 500px;
    height: 58px;
    line-height: 58px;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding: 0 15px 0 45px;
    border: 1px solid #ccc;
    background: url(../images/tp_icon_informer.png) no-repeat 17px 17px #fff;
}

/* Trade Cash Card Start */

.topRightLinkWrapper {
    position: absolute;
    right: 10px;
    background: none repeat scroll 0 0 #c0c0c0;
    border: solid black 1px;
    /*margin-top: -55px;*/
}
.topRightLinkWrapper a {
    display: inline-block;
    padding: 20px;
    border: 1px solid #000;
    text-decoration: underline;
}
.content-header {
    padding: 0 0 20px 10px;
}
#nextGenTradeCashCardEmailForm {
    padding-top: 20px;
}
#nextGenTradeCashCardEmailForm [type="submit"] {
    margin: 10px 0 0 0;
    width: 100%;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #c0c0c0;
    color: #232323;
    cursor: pointer;
    border: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    position: relative;
    text-align: center;
    line-height: 34px;
}
#nextGenTradeCashCardEmailForm .label-and-input {
    position: relative;
    margin-bottom: 28px;
}
#nextGenTradeCashCardEmailForm .label-and-input.input-error p {
    position: relative;
    margin: 0 0 -28px 150px;
    top: 4px;
    left: 0;
    height: 28px;
}
#nextGenTradeCashCardEmailForm .label-and-input.input-error .info-tooltip {
    position: relative;
    right: auto;
    top: -7px;
    margin-left: 10px;
}

/* Trade Cash Card End */


/* Log in page start */

.center-inner-block {
    width: 100%;
}
.left-position {
    float: left;
    width: 330px;
    margin: 10px;
    height: 370px;
}
.password-forgotten {
    color: #64897C;
    text-decoration: underline;
}
.description_message > div {
    font-weight: bold;
}
.acc-dashboard-ted-inaccurate {
    display: inline-flex;
}
.acc-dashboard-ted-inaccurate .description_message .content {
    font-weight: normal;
}
.left_shift {
    padding-left: 19px;
}
.left_shift h2 {
    margin-bottom: 12px;
}
.default_color_box {
    background-color: #f2f2f2;
    padding: 20px;
    height: 270px;
    overflow: visible;
    width: 250px;
}
.description_text {
    font-size: 18px;
    height: 10%;
    text-align: justify;
    display: inline-block;
    padding-top: 4px;
}
.globalMessages {
    width: 340px;
    margin: 10px;
    border: 1px solid #366E5B;
}
.globalMessages > .span-24 {
    width: auto;
}
.globalMessages p {
    font-size: 14px;
    line-height: 18px;
    color: #366E5B;
    margin: 0px;
    padding: 10px;
}
.neutralMessage {
    width: 340px;
    margin: 10px;
    border: 1px solid red;
}
.neutralMessage p {
    font-size: 14px;
    line-height: 18px;
    color: red;
    margin: 0px;
    padding: 10px;
}
.neutralMessage > .span-24 {
    width: auto;
}
.neutralMessage a {
    color: blue;
    text-decoration: underline;
}
.neutralMessage a:visited {
    color: blue;
}
.warningPaymentMessage {
    width: 900px;
    border: 2px solid red;
}
.warningPaymentMessage p {
    font-size: 14px;
    line-height: 18px;
    color: red;
    margin: 0px;
    padding: 10px;
}
.warningPaymentMessage > .span-24 {
    width: auto;
}
#loginForm {
    height: inherit;
}
#loginForm > dl {
    height: 180px;
    width: 280px;
}
#loginForm label {
    font-weight: normal;
}
#loginForm button {
    border-radius: 5px;
    width: 167px;
}
#loginForm .bottom-content {
    margin-right: 42px;
}
#loginForm .bottom-content .forgotten-content {
    padding: 10px 0;
}
.login_button {
    margin: 0px !important;
}
.inner_error_message {
    color: red;
}
.input-error {
    border-color: red !important;
}
#loginForm input {
    height: 24px;
    width: 240px;
}
#loginForm .label-and-input {
    width: auto !important;
    margin-top: 13px;
    margin-bottom: 20px;
}
#loginForm .label-and-input .label {
    margin-bottom: 14px;
}
#loginForm .label-and-input .label label {
    font-size: 16px;
}

/* Log in page end */


/* Amend login details page start */

#amendLogin {
    padding: 10px;
}
#amendLogin .hidden {
    display: none;
}
#amendLogin .innerContainer {
    font-size: 16px;
    padding: 0px 15px;
    height: 145px;
    border: 1px solid #F2F2F2;
}
#amendLogin .innerAmendPasswordContainer {
    font-size: 16px;
    padding: 0px 20px;
    height: 340px;
}
#amendLogin .innerAmendLoginContainer {
    font-size: 16px;
    padding: 0px 20px;
    height: 400px;
}
#amendLogin .requiredLabel {
    font-size: 14px;
    margin: 15px 0px;
}
#amendLogin .separator {
    border-top: 1px solid #F2F2F2;
}
#amendLogin .amendContainer {
    height: 40px;
    padding: 15px 0px;
}
#amendLogin .changeContainer {
    width: 300px;
    height: 100px;
}
#amendLogin .amendContainerPadded {
    padding-top: 15px;
}
#amendLogin .amendDetails {
    line-height: 15px;
}
#amendLogin .amendDetails,
#amendLogin .amendDetails > div {
    float: left;
}
#amendLogin .valueBolded {
    padding-top: 0px !important;
    font-size: 12px;
    line-height: 35px;
}
#amendLogin .buttonContainer {
    float: right;
    margin-left: 15px;
}
#amendLogin .amendButton {
    width: 125px;
    margin-right: 0px;
    margin-top: 2px;
}
#amendLogin .dashboardButtonContainer {
    margin: 15px 0px 25px 20px;
}
#amendLogin .dashboardButton {
    text-decoration: blink;
    margin-left: 0px;
    height: 35px;
    width: 220px;
}
#orderRefSection {
    margin: 10px 0 10px 0;
    display: table;
}
#orderRefSection h3 {
    float: left;
}
#deliveryAddressBox {
    width: 45%;
    background-color: #EEE;
    padding: 0 10px;
}
#orderHeadInformation {
    display: inline-block;
}
#orderHeadInformation p {
    float: left;
    font-size: 16px;
}
#orderInfoTotal .valueAlign {
    float: left;
    font-size: 16px;
    font-weight: bold;
}
#orderTotalTable .valueAlign {
    font-weight: bold;
}
#orderHeadInformation #orderInfoDate,
#orderHeadInformation #orderInfoTotal {
    font-weight: bold;
    margin: 0 20px;
    float: left;
}
.orderInfo .productImage {
    float: left;
    margin-right: 5px;
}
.orderInfo .productImage.default img {
    display: block;
    float: left;
    margin-right: 5px;
}
.orderInfo .productImage.default .no-image {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
}
.orderInfo .productDescription .no-image {
    display: block;
}
.orderInfo .productDescription .product-name {
    color: #949494;
}
#deliveryAddressBox #label,
#deliveryAddressBox #address {
    padding: 10px 0;
}
#deliveryAddressBox hr {
    margin: 0 0 0 0 !important;
    color: black;
    background: black;
}
.bottom.rounded.backToOrdersButton {
    float: left;
    clear: both;
}
#orderDetailsTable {
    overflow: hidden;
    margin: 20px 0;
}
#orderDetailsTable.collapsed {
    height: 46px;
    line-height: 46px;
}
#orderDetailsTable .estimatedDate {
    padding: 0 100px;
    float: left;
}
#orderDetailsTable .orderTableHeader {
    position: relative;
    width: 100%;
    height: 46px;
    line-height: 46px;
    background-color: #D7D7D7;
    padding-top: 9px;
}
#orderDetailsTable .orderTableHeader #orderStatus {
    position: relative;
    float: left;
    padding-left: 60px;
    font-weight: bold;
    font-size: 20px;
}
.estimationDeliveryMsg {
    display: none;
    padding: 10px;
    border: 2px solid #5ED75E;
    margin: 5px 0;
    font-size: 14px;
    color: #5ED75E;
}
.basket_items .estimationDeliveryMsg .title,
#cart .estimationDeliveryMsg .title {
    margin-bottom: 16px;
    font-weight: 700;
    color: #5ED75E;
    padding: 0;
    font-size: 16px;
}
.estimationDeliveryMsg .content {
    color: #5ED75E;
    font-size: 14px;
}
.baskt_items_wrap .estimationDeliveryMsg {
    margin: 15px;
}
#cart .baskt_items_wrap .estimationDeliveryMsg .title {
    margin-bottom: 10px;
}
.not_yet_collected .orderTableHeader #orderStatus:after,
.not_yet_delivered .orderTableHeader #orderStatus:after,
.collected .orderTableHeader #orderStatus:after,
.delivered_tickets .orderTableHeader #orderStatus:after,
.cancelled .orderTableHeader #orderStatus:after,
.refunded .orderTableHeader #orderStatus:after {
    position: absolute;
    content: '';
    left: 15px;
    top: 50%;
}
.not_yet_delivered .orderTableHeader #orderStatus:after {
    width: 25px;
    height: 24px;
    margin-top: -12px;
    background: url('../images/order%20details/not_delivered.png');
}
.delivered_tickets .orderTableHeader #orderStatus:after {
    width: 29px;
    height: 22px;
    margin-top: -11px;
    background: url('../images/order%20details/delivered.png');
}
.cancelled .orderTableHeader #orderStatus:after {
    width: 29px;
    height: 22px;
    margin-top: -11px;
    background: url('../images/order%20details/delivered.png');
}

.not_yet_collected .orderTableHeader #orderStatus:after {
    width: 29px;
    height: 22px;
    margin-top: -11px;
    background: url('../images/order%20details/not_yet_collected.png');
}

.collected .orderTableHeader #orderStatus:after {
    width: 29px;
    height: 22px;
    margin-top: -11px;
    background: url('../images/order%20details/collected.png');
}


#orderTableHeader .toolTipContainer {
    display: inline-block;
    float: left;
}
#orderTableHeader .info-tooltip {
    position: relative;
    left: 45px;
    top: 8px;
}
#orderDetailsTable .toolTipContainer .info-tooltip .info-tooltip-message,
#orderDetailsTable .tooltipInfoComponent .info-tooltip .info-tooltip-message {
    margin: -20px 0 0 20px;
}
#orderTableHeader .info-tooltip-message:before {
    top: 18px;
    left: -19px;
    margin-top: -7px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 10px solid #0A4F38;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
#orderTableHeader .info-tooltip-message:after {
    top: 18px;
    margin-top: -7px;
    left: -14px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 12px solid #FFFFFF;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
#viewOrderDetailsForm #view_order_details_button {
    margin-top: 10px;
    cursor: pointer;
}
#orderDetailsTable #titles div {
    float: left;
    padding: 0 100px;
}
#orderDetailsTable #titles #itemSubtotalHeader {
    padding-left: 81px;
}
#orderDetailsTable #titles {
    display: inline-block;
    width: 100%;
    height: 39px;
    line-height: 39px;
    margin-bottom: 18px;
    margin-top: -1px;
    background-color: #BCBCBC;
}
#orderDetailsTable .productItem {
    display: inline-block;
}
#orderDetailsTable .productItem>div {
    float: left;
    padding-left: 20px;
    width: 165px;
    overflow: hidden;
}
#orderDetailsTable .productItem .ticketStatus {
    text-align: center;
}
#orderDetailsTable .productItem .ticketStatus .refund-timestamp {
    float: left;
}
#orderDetailsTable .productItem .ticketStatus .itemsRefunded {
    float: left;
}
#orderDetailsTable .productItem .ticketStatus .dateWording .content {
    font-weight: bold;
    float: right;
    clear: both;
}
#orderDetailsTable #titles > .status {
    float: right;
    padding-right: 60px;
}
#orderDetailsTable .productItem .orderInfo {
    width: 315px;
    margin-bottom: 10px;
}
#orderDetailsTable .productItem .productQty {
    width: 190px;
}
#orderDetailsTable .productItem .productTotal {
    width: 200px;
}
#orderDetailsTable .view-more-btn {
    position: relative;
    float: right;
    width: 170px;
    text-align: left;
    cursor: pointer;
}
#orderDetailsTable.collapsed .view-more-btn,
#orderDetailsTable.expanded .view-more-btn.opened,
#orderHeadInformation.collapsed .view-more-btn,
#orderHeadInformation.expanded .view-more-btn.opened {
    display: block;
}
#orderDetailsTable.expanded .view-more-btn,
#orderDetailsTable.collapsed .view-more-btn.opened,
#orderHeadInformation.expanded .view-more-btn,
#orderHeadInformation.collapsed .view-more-btn.opened {
    display: none;
}
#orderDetailsTable .view-more-btn:after,
#orderHeadInformation .view-more-btn:after {
    position: absolute;
    width: 21px;
    height: 12px;
    content: '';
    right: 65px;
    top: 50%;
    margin-top: -6px;
}

#orderTotalTable {
    width: 350px;
    background-color: #EEE;
    padding: 20px;
    margin: 30px 0;
    float: right;
}
#orderTotalTable>div {
    display: inline-block;
    width: inherit;
    margin: 5px;
}
#orderTotalTable>div>.right {
    font-weight: 600;
}
#orderTotalTable #totalPriceRow div {
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}
.backToOrdersButton {
    background-color: #EEE !important;
    text-decoration: none;
    color: #000 !important;
    margin-left: 0px;
    cursor: pointer;
    border: 0;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    margin: 10px 0 10px 0;
    position: relative;
    text-align: center;
    width: 175px;
    line-height: 34px;
}
#amendLogin .dynamicContent {
    width: auto;
}
#amendLogin .backButton {
    float: left;
    border-radius: 6px 5px 5px 6px / 9px;
    -moz-border-radius: 6px 5px 5px 6px / 9px;
    -webkit-border-radius: 6px 5px 5px 6px / 9px;
    margin: 0px;
    width: 100px;
}
#amendLogin .hidden {
    display: none;
}
#amendLogin .buttonControl {
    height: 35px;
    width: 500px;
    margin-top: 15px;
}
#amendLogin .changeButton {
    margin: 0px 0px 0px 10px;
    width: 148px;
    border-radius: 6px 5px 5px 6px / 9px;
    -moz-border-radius: 6px 5px 5px 6px / 9px;
    -webkit-border-radius: 6px 5px 5px 6px / 9px;
}
#amendLogin .secondaryButton {
    background-color: #9FC1C0!important;
    border: 1px solid #5F8280;
}
#amendLogin .pageTitle {
    margin: 10px 0 10px !important;
    padding-left: 20px;
}
#amendLogin .pageTitle > div {
    font-size: 24px;
    font-weight: bold;
}
#amendLogin #amendPasswordContainer form div.inputSection,
#amendLogin #amendLoginContainer form > div.inputSection {
    height: 90px;
}
#amendLogin #amendPasswordContainer form > div .form_field-label {
    margin-top: 10px;
}
#amendLogin form > div .form_field-label img {
    vertical-align: top;
}
#amendLogin form > div .form_field-input .pstrength-minchar {
    display: none
}
#amendLogin form > div .form_field-input input {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#amendLogin #formerEmailLabel {
    margin-top: 0px !important;
}
#amendLogin #formerEmailValue {
    width: 265px;
}
#amendLogin .pstrength-bar {
    margin-top: 5px;
}
#updatePasswordForm div.input.form_field-input > div:nth-child(2) {
    width: 325px;
}
#amendLogin .application-form form .label-and-input label {
    font-weight: normal;
    font-size: 16px;
}
#amendLogin .application-form form .label-and-input .label {
    width: auto;
    font-weight: normal;
    font-size: 16px;
}
#amendLogin .application-form form .label-and-input label .mandatory {
    margin-left: 5px;
}
#amendLogin .application-form form .label-and-input .input input {
    height: 21px;
    border-color: #D9D9DB;
    width: 250px;
    padding: 5px !important;
}
#amendLogin .application-form form .label-and-input.input-error p {
    top: 0px;
    left: 0px;
    position: relative;
    line-height: 13px;
}
#amendLogin .application-form form .label-and-input.input-error .email_error_message {
    margin-top: 15px
}
#amendLogin .application-form form .label-and-input.input-error input {
    border-color: #ED1C24;
}

/* Amend login details page end */


/* Forgotten Password Start*/

.title-component {
    height: 70px;
}
.title-position {
    float: left;
    margin: 0px;
}
.required-position {
    float: right;
    margin-top: 25px;
}
#forgottenPassword {
    padding: 0px 10px 10px 10px;
}

/* Forgotten Password End */

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}
.tp_paypage_iframe {
    width: 100%;
    height: 360px;
}
.order_summery .tp_OrderTitle.paymentconfirm {
    font-size: 24px;
    padding-bottom: 10px;
}
.tp_Order_message {
    position: relative;
    width: 100%;
    padding: 20px;
    border: 2px solid #000;
    box-sizing: border-box;
}
.tp_Order_message .tp_OrderTitle {
    padding: 0 0 0 50px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    padding-bottom: 15px;
}
.tp_Order_message .tp_order_message_type {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 2px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 35px;
    height: 35px;
    width: 35px;
    background: url(../images/checkout/tp_temp_icon_02.png) no-repeat 9px 11px;
}
.tp_Order_message p {
    margin: 0 0 10px 0;
}
.tp_Order_message.success,
.tp_Order_message.success .tp_order_message_type {
    border-color: #99cc80;
}
.tp_OrderTitle.paymentdetails {
    font-size: 20px;
    padding: 15px 0 5px;
}
.page-InvoicePaymentWithSavedCardsPage #card_frame {
    padding: 10px 0;
    width: 100%;
    height: 520px;
}
.tp_card_info:after {
    content: '';
    display: table;
    clear: both;
}
.tp_card_info .tp_info_card,
.tp_card_info .tp_info_acc {
    float: left;
    min-height: 177px;
    border: 1px solid #E4E4E4;
    width: 48%;
    padding: 15px;
    box-sizing: border-box;
}
.tp_card_info .tp_info_acc {
    float: right;
}
.tp_card_info table {
    width: 100%;
}
.tp_card_info table td {
    width: 50%;
    padding: 5px 0;
    font-size: 14px;
    min-height: 24px;
}
.tp_card_info table tr td:first-child {
    padding-right: 20px;
}
.tp_card_info table tr td:nth-child(2) {}
.tp_paymentCards {
    padding: 20px;
}
.tp_totalInvoice_wrapper {
    position: relative;
    width: 900px;
    margin: 0 auto;
    min-height: 77px;
    background: #f2f2f2;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_head {
    position: relative;
    padding: 21px 27px;
    height: 35px;
    width: 826px;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_title {
    line-height: 35px;
    padding: 0 145px 0 0;
    font-weight: 700;
    font-size: 16px;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_anchor {
    width: 95px;
    height: 35px;
    line-height: 35px;
    padding: 0 40px 0 0;
    position: absolute;
    top: 21px;
    right: 27px;
    background: url(../images/checkout/arrow_down.jpg) no-repeat 105px 12px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_anchor.expand {
    background: url(../images/checkout/arrow_up.jpg) 105px 12px no-repeat
}
.tp_totalInvoice_wrapper .tp_totalInvoice_expander {
    display: none;
    padding-bottom: 15px;
}
.tp_totalInvoice_wrapper .payment_list {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 14px;
}
.tp_totalInvoice_wrapper .payment_list tr:nth-child(even) td,
.tp_totalInvoice_wrapper .payment_list tr.even td {
    background: #f2f2f2;
}
#payment_wrapp .tp_OrderTitle.selectCard {
    display: block;
    font-weight: 700;
    font-size: 32px;
    color: #333333;
    line-height: 75px;
    height: 75px;
}
#payment_wrapp .tp_OrderTitle.yourCards {
    display: block;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #797979;
}
#payment_wrapp .tp_message_noCards {
    position: relative;
    padding: 10px 0 0 40px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    display: inline-block;
}
#payment_wrapp .tp_message_noCards:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 31px;
    height: 31px;
    background: url(../images/checkout/info.jpg) no-repeat 0px 0px;
}
info.jpg #payment_wrapp .tp_cardDetails_form {
    position: relative;
}
#payment_wrapp .tp_cardDetails_form:after,
.tp_cardDetails_form .tp_cardDetails_formBox:after,
.tp_cardDetails_formBox .tp_form_line:after,
.tp_cardDetails_form .tp_cardDetails_wrapper:after,
.tp_cardDetails_formBox .form_field_error:after,
.tp_cardDetails_formBox .form_field_error .tp_error_wrapper:after {
    content: '';
    display: table;
    clear: both;
}
#billingForm .tp_cardDetails_formBox {
    padding-top: 25px;
}
#billingForm #email_error_message p {
    text-align: left;
    position: relative;
    top: inherit;
    left: inherit;
    padding: 10px 0 0 165px;
}
#billingForm .span-12 + .span-11 #email_error_message p {
    padding: 10px 0 0 175px;
}
#billingForm .label-and-input .form_field-label,
#billingForm .label-and-input .form_field-input,
#billingForm .label {
    display: inline-block;
    width: 160px;
    font-weight: bold;
    height: 24px;
    line-height: 1;
    vertical-align: middle;
}
#billingForm .span-12 + .span-11 .label {
    /* width:210px; */
}
#billingForm .inline-with-input {
    padding-left: 165px;
    width: 256px;
}
#billingForm .label-and-input {
    margin: 0px 10px 30px 0px;
    height: 30px;
    width: 430px;
}
#billingForm .label-and-input .form_field-input {
    width: 215px;
}
#billingForm .span-12 + .span-11 .label-and-input {
    text-align: right;
}
#billingForm .span-12 + .span-11 .label-and-input .label {
    text-align: left;
}
#billingForm .span-12 + .span-11 .label-and-input .input,
#billingForm .span-12 + .span-11 .label-and-input .input select {
    /* width: 215px; */
}
#billingForm .label-and-input .input,
#billingForm .label-and-input .input select {
    width: 255px;
}
#billingForm #postcodeLookupResultsContainer {
    margin-top: 15px;
}
#billingForm .label-and-input .form_field-input input[type=text],
#billingForm .label-and-input .input input,
#billingForm .label-and-input .input select {
    webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #BBB;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 24px;
    line-height: 24px;
    padding: 2px !important;
    width: 250px;
}
#billingForm .span-12 + .span-11.label-and-input .form_field-input input[type=text],
#billingForm .span-12 + .span-11 .label-and-input .input input,
#billingForm .span-12 + .span-11 .label-and-input .input select {
    /* width: 200px; */
}
#billingForm .tp_cardDetails_formBox .span-11 {
    display: block;
}
#billingForm .tp_cardDetails_formBox .span-12 {
    width: 430px;
    height: 164px;
    display: block;
}
#billingForm .tp_cardDetails_formBox .span-12 + .span-11 {
    float: right;
    margin-top: -344px;
}
.tp_cardDetails_form .tp_cardDetails_formBox {
    position: relative;
    float: right;
    width: 422px;
}
.tp_cardDetails_form .tp_cardDetails_formBox:first-child {
    float: left;
}
.tp_cardDetails_formBox .tp_form_line {
    padding: 25px 0 0 0;
    min-height: 30px;
}
.tp_cardDetails_formBox .form_field_error {
    width: 402px;
}
.tp_cardDetails_formBox .form_field_error .tp_error_wrapper {}
.tp_cardDetails_formBox .form_field_error p {
    margin: 0;
    padding: 5px 0 0 155px;
}
.tp_cardDetails_form .tp_cardDetails_formBox .form_field-label {
    display: block;
    float: left;
    width: 145px;
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 30px;
}
.tp_cardDetails_form .tp_cardDetails_formBox .form_field-input {
    display: block;
    float: right;
    width: 250px;
    height: 30px;
    margin-right: 10px;
}
.tp_cardDetails_formBox .form_field_error .form_field-input {
    margin-right: 0;
}
.tp_cardDetails_form .form_field-input input,
.tp_cardDetails_form .form_field-input select {
    width: 248px;
    height: 28px;
    border: 1px solid #a9a9a9;
    outline: none;
    font-weight: normal;
    margin: 0;
    padding: 0 !important;
}
.tp_cardDetails_form .tp_cardDetails_formBox .findAdress {
    float: right;
    margin-top: 35px;
    width: 250px;
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #797979;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.tp_paymentCards .tp_orderContinued {
    padding-top: 40px;
}
.tp_paymentCards .tp_orderContinued .tp_OrderButton.cont_to_pay {
    width: 250px;
}

/*
payment confirmation
*/

.order_summery .tp_OrderTitle.paymentconfirm {
    font-size: 24px;
    padding-bottom: 10px;
}
.tp_Order_message {
    position: relative;
    width: 100%;
    padding: 20px;
    border: 2px solid #000;
    box-sizing: border-box;
}
.tp_Order_message .tp_OrderTitle {
    padding: 0 0 0 50px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    padding-bottom: 15px;
}
.tp_Order_message .tp_order_message_type {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 2px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 35px;
    height: 35px;
    width: 35px;
    background: url(../images/checkout/tp_temp_icon_02.png) no-repeat 9px 11px;
}
.tp_Order_message p {
    margin: 0 0 10px 0;
}
.tp_Order_message.success,
.tp_Order_message.success .tp_order_message_type {
    border-color: #99cc80;
}
.tp_Order_message.success {
    background: #fff;
}
.tp_OrderTitle.paymentdetails {
    font-size: 20px;
    padding: 15px 0 5px;
}
.tp_card_info {
    padding: 10px 0;
}
.tp_card_info:after {
    content: '';
    display: table;
    clear: both;
}
.tp_card_info .tp_info_card,
.tp_card_info .tp_info_acc {
    float: left;
    min-height: 177px;
    border: 1px solid #E4E4E4;
    width: 48%;
    padding: 15px;
    box-sizing: border-box;
}
.tp_card_info .tp_info_acc {
    float: right;
}
.tp_card_info table {
    width: 100%;
}
.tp_card_info table td {
    width: 50%;
    padding: 5px 0;
    font-size: 14px;
    min-height: 24px;
}
.tp_card_info table tr td:first-child {
    padding-right: 20px;
}
.tp_card_info table tr td:nth-child(2) {}

/*

    Select Saved Cart Page

*/

.tp_paymentCards {
    padding: 20px;
}
.tp_totalInvoice_wrapper {
    position: relative;
    width: 900px;
    margin: 0 auto;
    min-height: 77px;
    background: #f2f2f2;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_head {
    position: relative;
    padding: 21px 27px;
    height: 35px;
    width: 826px;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_title {
    line-height: 35px;
    padding: 0 145px 0 0;
    font-weight: 700;
    font-size: 16px;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_expander {
    display: none;
    padding-bottom: 15px;
}
.tp_totalInvoice_expander .adobe_acrobat_box {
    padding: 15px 15px 0 15px;
}
.tp_totalInvoice_expander .adobe_acrobat_box:after {
    content: '';
    clear: both;
    display: table;
}
.tp_totalInvoice_expander .adobe_acrobat_box .adobeReaderImage {
    float: left;
    margin-right: 5px;
}
.tp_totalInvoice_expander .adobe_acrobat_box span,
.tp_totalInvoice_expander .adobe_acrobat_box a.download_reader {
    line-height: 35px;
    display: inline-block;
}
.tp_totalInvoice_wrapper .payment_list {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 14px;
}
.tp_totalInvoice_wrapper .payment_list tr:nth-child(even) td,
.tp_totalInvoice_wrapper .payment_list tr.even td {
    background: #f2f2f2;
}
#payment_wrapp .tp_OrderTitle.selectCard {
    display: block;
    font-weight: 700;
    font-size: 32px;
    color: #333333;
    line-height: 75px;
    height: 75px;
}
#payment_wrapp .tp_OrderTitle.yourCards {
    display: block;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #797979;
}
#payment_wrapp .tp_message_noCards {
    position: relative;
    padding: 10px 0 0 40px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    display: inline-block;
}
#payment_wrapp .tp_cardDetails_form {
    position: relative;
}
#payment_wrapp .tp_cardDetails_form:after,
.tp_cardDetails_form .tp_cardDetails_formBox:after,
.tp_cardDetails_form .tp_cardDetails_formBox label:after {
    content: '';
    display: table;
    clear: both;
}
.tp_cardDetails_form .tp_cardDetails_formBox {
    position: relative;
    float: right;
    width: 400px;
}
.tp_cardDetails_form .tp_cardDetails_formBox:first-child {
    float: left;
}
.tp_cardDetails_form .tp_cardDetails_formBox label {
    display: block;
    width: 400px;
    height: 30px;
    padding: 35px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 30px;
}
.tp_cardDetails_form .tp_cardDetails_formBox .form_field_error label {
    padding: 0;
}
.tp_cardDetails_form .tp_cardDetails_formBox input,
.tp_cardDetails_form .tp_cardDetails_formBox select {
    display: block;
    float: right;
    width: 250px;
    height: 28px;
    border: 1px solid #a9a9a9;
    outline: none;
    font-weight: normal;
}
.tp_cardDetails_form .tp_cardDetails_formBox .findAdress {
    float: right;
    margin-top: 35px;
    width: 250px;
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #797979;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.tp_paymentCards .tp_orderContinued {
    padding-top: 40px;
}
.tp_paymentCards #billingForm .tp_orderContinued {
    padding: 0 5px 0 0;
}
.tp_paymentCards #billingForm .tp_orderContinued .tp_OrderButton.cont_to_pay {
    width: 256px;
}
.tp_paymentCards .tp_orderContinued .tp_OrderButton.cont_to_pay {
    width: 250px;
}
.tp_cardDetails_form input[name="countryName"] {
    border: 0;
    position: relative;
    top: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*
  saved card list
*/


/*Log Out Component */

.login_info {
    width: 230px;
    margin-right: 10px;
}

/*
  saved card list
*/

.tp_cardList {
    position: relative;
    width: 910px;
    padding: 15px 0;
    margin: 0 auto;
}
.tp_cardList .tp_card {
    display: block;
    position: relative;
    padding: 12px 15px;
    margin-bottom: 2px;
    height: 24px;
    background: #f2f2f2;
    cursor: pointer;
}
.tp_cardList .tp_card.checked {
    -webkit-box-shadow: inset 0px 0px 7px 2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: inset 0px 0px 7px 2px rgba(50, 50, 50, 0.5);
    box-shadow: inset 0px 0px 7px 2px rgba(50, 50, 50, 0.5);
}
.tp_cardList .tp_card:after {
    content: '';
    display: table;
    clear: both;
}
.tp_cardList .tp_card > div {
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.tp_cardList .tp_card .card_radio {
    width: 38px;
    padding: 3px 0 0 0;
    height: 19px;
}
.tp_cardList .tp_card.expired .card_radio input:disabled {
    display: none;
}
.tp_cardList .tp_card.expired .card_year {
    color: red;
}
.tp_cardList .tp_card.expired {
    cursor: default;
}
.tp_cardList .tp_card .card_type {
    padding: 0 15px 0 35px;
    background: url(../images/checkout/card.png) no-repeat 0px 2px;
}
.tp_cardList .tp_card .card_name {
    width: 365px;
    padding: 0 15px 0 0;
}
.order_payment_block .tp_cardList .tp_card .card_name {
    display: none;
}
.order_payment_block .tp_cardList .tp_card .card_name {
    display: none;
}
.tp_cardList .tp_card .card_year {
    float: right;
    width: 90px;
    text-align: right;
}
#select_card .tp_OrderButton {
    width: 250px;
}
.order_payment_block .tp_cardList {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
#payBySavedCard .tp_OrderButton {
    float: none;
    margin: 0 0 15px 15px;
}
#payBySavedCard #payment_section_saved_card {
    margin-top: 25px;
}
#payBySavedCard #payment_section_saved_card .tp_paypage_iframe {
    height: 540px;
}

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

#forgottenPwdForm #not-registered p {
    font-size: 14px;
}

#forgottenPwdForm #not-registered a,
#forgottenPwdForm #not-registered a:hover {
    color: #0F7258;
}

#forgottenPwdForm button[disabled] {
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}

#forgottenPwdForm .label-and-input.input-error > p,
#forgottenPwdForm .error-message-block > p,
#forgottenPwdForm .error_message_block > p {
    color: #ED1C24;
    margin-top: 5px;
    font-size: 14px;
    position: static;
}

#forgottenPwdForm .label-and-input .input input {
    width: 292px;
}

/* Account Management Changes Start */

#forgottenPwdForm button {
    margin: 15px 0px 0px 0px;
}
#accountManagementOuterContainer {
    padding: 5px 0px 0px 25px;
}
#validEmail {
    padding: 0px 0px 0px 15px;
}
#validEmail .line-height {
    line-height: 20px;
}
#validEmail .line-height a {
    text-decoration: underline;
}
#validEmail #description_container {
    margin-bottom: 20px;
}
#validEmail h2 {
    margin: 5px 0px 15px 0px;
}

/* Account Management Changes End */


/*Authorization Forms Start*/

#registerExistingAccountForm .application-form-body {
    margin: 0;
    overflow: inherit;
    float: left;
}
#registerExistingAccountForm .span-11 {
    width: 300px;
    margin-right: 0;
}
#registerExistingAccountForm .section {
    margin-bottom: 40px;
}
#registerExistingAccountForm .application-form-body section {
    float: left;
    position: relative;
}
#activateAccountForm h3 {
    border: 0;
    margin-bottom: 5px;
}
#registerExistingAccountForm h3 {
    font-size: 17px;
    display: block;
    line-height: 48px;
    width: 470px;
    border-bottom: 2px solid #F6B112;
    -webkit-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    margin: 55px 0 15px;
    padding: 0 0 0 19px;
}
#registerExistingAccountForm .messages_holder,
#registerExistingAccountForm .option-with-code-content {
    float: left;
    width: 426px;
    margin: 0 0 15px 10px;
    -webkit-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    padding: 18px;
    min-height: 80px;
}
#registerExistingAccountForm .messages_holder {
    padding: 18px 18px 65px;
}
#registerExistingAccountForm .description_message span,
#registerExistingAccountForm .incorrect-data-error > div,
#registerExistingAccountForm .universe-customer-error > div,
#registerExistingAccountForm .google-captcha-error > div,
#registerExistingAccountForm .account-number-info > div,
#registerExistingAccountForm .already-exists-error p {
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    margin-bottom: 20px;
}
#registerExistingAccountForm .incorrect-data-error > div,
#registerExistingAccountForm .universe-customer-error > div,
#registerExistingAccountForm .google-captcha-error > div,
#registerExistingAccountForm .already-exists-error p {
    color: #ED1C24;
}
#registerExistingAccountForm .google-captcha-error > div {
    margin-bottom: 0px;
}
#registerExistingAccountForm .already-exists-error a {
    text-decoration: underline;
    color: #ED1C24;
}
#registerExistingAccountForm .description,
#activateAccountForm .description {
    width: 445px;
    line-height: 1.5;
    margin-bottom: 15px;
}
#registerExistingAccountForm .required-info {
    position: absolute;
    top: 30px;
    left: 279px;
    font-size: 13px;
}
#activateAccountForm .required-info {
    margin-bottom: 25px;
    position: static;
}
#registerExistingAccountForm .application-form-body input[type="radio"]{
    display: none;
}
#registerExistingAccountForm .application-form-body section label {
    position: absolute;
    left: 30px;
    bottom: 35px;
    color: #232323;
    cursor: pointer;
    background: #EEE;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    text-align: center;
    width: 175px;
    line-height: 40px;
    padding: 0 15px;
    border-bottom: 2px solid #eee;
}
#registerExistingAccountForm .application-form-body label:hover,
#registerExistingAccountForm .application-form-body label.checked {
    background: #eee !important;
    border-bottom: 2px solid #528272;
}
#registerExistingAccountForm .application-form-body label.checked:after {
    position: absolute;
    right: 6px;
    top: -6px;
    font-family: FontAwesome;
    content: "\f058";
    font-size: 20px;
    color: #528272;
    background: #fff;
    line-height: 10px;
    border-radius: 50%;
}
#registerExistingAccountForm .application-form-body .code-option-with-code {
    left: 248px;
}
#registerExistingAccountForm .application-form-body .option-without-code-content .tel_number {
    font-size: 16px;
    padding-left: 22px;
    position: relative;
}
#registerExistingAccountForm .application-form-body .option-without-code-content .tel_number:before {
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: FontAwesome;
    content: "\f095";
    font-size: 18px;
    color: #616161;
}
#registerExistingAccountForm .application-form-body .option-without-code-content table {
    width: 235px;
}
#registerExistingAccountForm .application-form-body .option-without-code-content tr {
    border: none;
    line-height: 20px;
}
#registerExistingAccountForm .application-form-body .option-without-code-content tr:hover {
    background: none;
}
#registerExistingAccountForm .account-number-info > div {
    margin-bottom: 27px;
}
#registerExistingAccountForm .option-with-code-content .label-and-input {
    margin-bottom: 27px;
}
#registerExistingAccountForm .option-with-code-content .label-and-input .input {
    width: auto;
    height: 40px;
}
#registerExistingAccountForm .option-with-code-content .label-and-input input {
    width: 415px;
    height: 34px;
}
#registerExistingAccountForm #submit:disabled {
    background-color: #e0e0e0;
    color: #9e9e9e;
}
#registerExistingAccountForm #submit:disabled:hover {
    cursor: not-allowed;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#registerExistingAccountForm .label,
#activateAccountForm .label {
    display: block;
    width: 200px;
}
#registerExistingAccountForm .label label,
#activateAccountForm .label label,
#activateAccountForm div.form_field-label label {
    font-weight: normal;
}
#registerExistingAccountForm .mandatory,
#activateAccountForm .mandatory {
    margin-left: 3px;
}
#registerExistingAccountForm .span-11 .input,
#activateAccountForm .input {
    height: auto;
    width: auto;
}
#registerExistingAccountForm .span-11 .input input,
#activateAccountForm .form_field-input input,
#activateAccountForm .label-and-input input,
#autorizationForm .input input {
    height: 28px;
    line-height: 28px;
    width: 287px;
    padding-left: 7px;
    margin: 0 0 10px 1px;
    border: 1px solid #d7d7db;
    color: black !important;
}
#registerExistingAccountForm .label-and-input,
#activateAccountForm .label-and-input {
    margin-top: 0;
}
#registerExistingAccountForm .label-and-input.input-error input,
#activateAccountForm .label-and-input.input-error input,
#activateAccountForm .form_field_error input {
    border-color: #e0e0e0 #e0e0e0 #ED1C24 #e0e0e0 !important;
    border-bottom-width: 2px !important;
    color: #ED1C24 !important;
}
#activateAccountForm .form-global-error-box,
#tradeCashCardApplicationDetailsForm .form-global-error-box {
    width: 296px;
    padding: 24px 15px;
    margin-bottom: 25px;
    line-height: 1.5;
}
#activateAccountForm .form_field_error p span,
#registerExistingAccountForm .messages_holder .already-exists-error p {
    color: #ED1C24 !important;
}
#registerExistingAccountForm .label-and-input.input-error p,
#activateAccountForm .label-and-input.input-error p {
    position: static;
}
#registerExistingAccountForm .info-tooltip {
    height: 15px;
    right: 283px;
    top: 0px;
}
#registerExistingAccountForm .info-tooltip .info-tooltip-icon {
    border: 0;
    font-size: 12px;
    width: 15px;
    padding: 0 !important;
    height: 15px;
    line-height: 17px;
    text-align: center;
}
#registerExistingAccountForm .option-with-code-content .postCodeToolTipCss.info-tooltip {
    right: 300px;
}
#registerExistingAccountForm .option-with-code-content .label-and-input.input-error p {
    top: 70px;
    position: absolute;
    right: 0;
    text-align: right;
}
#activateAccountForm .info-tooltip {
    top: 32px;
    right: -30px;
}
#updatePasswordForm .info-tooltip {
    top: 30px;
    right: 0px;
}
#registerExistingAccountForm .info-tooltip-message,
#activateAccountForm .info-tooltip-message,
#updatePasswordForm .info-tooltip-message {
    width: 200px;
}
#registerExistingAccountForm .info-tooltip-message strong,
#activateAccountForm .info-tooltip-message strong,
#autorizationForm .info-tooltip-message strong {
    font-weight: bold;
    margin-bottom: -10px;
    display: block;
}
#registerExistingAccountForm .postCodeToolTipCss .info-tooltip-message {
    margin: -43px 0 0 22px;
}
#registerExistingAccountForm .accountNumberToolTipCss .info-tooltip-message {
    margin: -42px 0 0 21px;
}
#activateAccountForm .label-and-input .info-tooltip-message {
    margin: -29px 0 0 15px;
}
#updatePasswordForm .label-and-input .info-tooltip-message {
    margin: -52px 0 0 25px;
}
#autorizationForm .info-tooltip-message strong,
#activateAccountForm .info-tooltip-message strong {
    margin-bottom: -10px;
}
#registerExistingAccountForm .info-tooltip .info-tooltip-icon,
#activateAccountForm .info-tooltip .info-tooltip-icon,
#autorizationForm .info-tooltip .info-tooltip-icon,
#updatePasswordForm .info-tooltip .info-tooltip-icon {
    padding: 2px 4px;
}
#registerExistingAccountForm .info-tooltip .info-tooltip-message:after,
#activateAccountForm .info-tooltip .info-tooltip-message:after,
#autorizationForm .info-tooltip .info-tooltip-message:after,
#updatePasswordForm .info-tooltip .info-tooltip-message:after {
    top: 50%;
    margin-top: -4px;
    left: -8px;
    border-right-color: #FFFFFF;
    border-left-color: transparent;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
#autorizationForm .info-tooltip .info-tooltip-message:after {
    top: 45%;
    margin-top: -3px;
    left: -11px
}
#registerExistingAccountForm .info-tooltip .info-tooltip-message:before,
#activateAccountForm .info-tooltip .info-tooltip-message:before,
#autorizationForm .info-tooltip .info-tooltip-message:before,
#updatePasswordForm .info-tooltip .info-tooltip-message:before {
    top: 50%;
    left: -14px;
    margin-top: -7px;
    border-right-color: #0A4F38;
    border-left-color: transparent;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
#registerExistingAccountForm .form-global-error-box {
    border: 0;
    line-height: 1.5;
    margin-top: -15px;
}
#registerExistingAccountForm .navigation-button-container button[type='submit'] {
    width: 100%;
    height: 39px;
    border: 1px solid #e99b0b;
    border-radius: 4px;
    margin: 0;
}
#registerExistingAccountForm .google-captcha {
    margin-bottom: 20px;
}
#activateAccountForm .navigation-button-container button[type='submit'],
#autorizationForm button[type='submit'],
#autorizationForm #registerAccountLink a {
    width: 140px;
    height: 39px;
    border: 1px solid #e99b0b;
    border-radius: 4px;
}
#activateAccountForm .section {
    margin-bottom: 5px;
}
#activateAccountForm .form_field-input input {
    position: relative;
    height: 28px;
    line-height: 28px;
    width: 287px;
    padding-left: 7px !important;
    margin-left: 1px;
    border-color: #d7d7db;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
}
#activateAccountForm::-webkit-input-placeholder {
    color: #A9A9A9;
}
#activateAccountForm::-moz-placeholder {
    color: #A9A9A9;
}
#activateAccountForm:-moz-placeholder {
    color: #A9A9A9;
}
#activateAccountForm:-ms-input-placeholder {
    color: #A9A9A9;
}
.placeholderMsg {
    position: absolute;
    top: 12px;
    left: 9px;
    color: #A9A9A9;
    font-size: 14px;
    z-index: 100;
}
#activateAccountForm .form_field-input {
    position: relative;
}
#activateAccountForm .form_field-input div {
    margin-bottom: 5px;
}
#activateAccountForm .form_field-input #password {
    margin-bottom: 5px;
}
#activateAccountForm .form_field-label {
    width: 200px;
    height: 24px;
}
#activateAccountForm .form_field-label label {
    font-weight: bold;
}
#activateAccountForm .navigation-button-container {
    width: 300px;
}
#activateAccountForm .form_field_error {
    display: block;
    padding: inherit;
    float: none;
    vertical-align: inherit;
    margin: inherit;
    background-color: inherit;
    border: inherit;
    color: inherit;
    width: inherit;
}
#activateAccountForm .info-tooltip .info-tooltip-message:after {
    top: 33px;
}
#activateAccountForm .info-tooltip .info-tooltip-message:before {
    top: 33px;
}
#activateAccountForm .align-right,
#registerExistingAccountForm .align-right {
    padding: 0;
}
#autorizationForm {
    position: relative;
    overflow: inherit;
}
#autorizationForm .left-position {
    margin: 10px 10px 15px 0;
    width: 460px;
    height: 420px;
}
#autorizationForm .default_color_box {
    position: relative;
    width: 288px;
    padding: 25px 27px;
}
#autorizationForm .registration-info {
    position: absolute;
    top: 10px;
    right: 0;
}
#autorizationForm .registration-info h2 {
    margin-bottom: 12px;
    height: 30px;
}
#autorizationForm .registration-info > div {
    float: left;
    width: 396px;
    background: #fff;
    height: 333px;
    -webkit-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
}
#autorizationForm #registerAccountText {
    line-height: 19px;
    font-size: 16px;
}
#autorizationForm #registerAccountTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 14px;
}
#autorizationForm .registerAccountDescription {
    margin-top: 20px;
}
#autorizationForm .registerAccountDescription p {
    font-size: 16px;
    line-height: 30px;
    padding-left: 35px;
    position: relative;
}
#autorizationForm .registerAccountDescription p:before {
    position: absolute;
    left: 4px;
    top: -2px;
    font-family: FontAwesome;
    content: "\f058";
    font-size: 20px;
    color: #616161;
}
#autorizationForm .info-tooltip .info-tooltip-message {
    margin: -36px 0 0 15px;
    min-height: 60px;
}
#autorizationForm #onlineAccountTitle {
    margin-bottom: 15px;
}
#autorizationForm .input {
    width: 380px;
}
#autorizationForm .input input {
    width: 366px;
    height: 33px;
    line-height: 33px;
}
#autorizationForm .input-error {
    border-color: #d7d7db #d7d7db #ED1C24 #d7d7db !important;
    border-width: 1px 1px 2px 1px !important;
    color: #ED1C24 !important;
}
#autorizationForm .inner_error_message {
    font-size: 12px;
    color: #ED1C24 !important;
    margin -6px 0 -5px;
    text-align: right;
    padding-right: 20px;
}
#autorizationForm .info-tooltip {
    position: absolute;
    top: 50px;
    right: -28px;
}
#autorizationForm .bottom-content {
    text-align: right;
    margin-right: 15px;
    float: right;
    position: relative;
}
#autorizationForm .forgotten-content {
    display: inline-block;
    width: 200px;
    font-size: 12px;
    position: absolute;
    top: -25px;
    right: 3px;
}
#autorizationForm .forgotten-content > a {
    color: #0A4F38;
    font-size: 16px;
    text-decoration: none;
}
#autorizationForm .forgotten-content > a:hover {
    text-decoration: underline;
}
#autorizationForm button[type='submit'] {
    margin-bottom: 5px !important;
    float: right;
    width: 220px;
    height: 46px;
    margin-top: 36px !important;
}
#autorizationForm #registerAccountLink a {
    position: absolute;
    height: 43px;
    line-height: 43px;
    width: auto;
    bottom: 6px;
    right: 34px;
    padding: 0 23px;
    margin: 25px 0 25px -110px;
    text-decoration: none;
    background: none repeat scroll 0 0 #F6B112;
    color: #232323;
    font-weight: bold;
}
#autorizationForm #registerAccountLink:hover a {
    background-color: #E4A30B;
}
#autorizationForm #loginForm > dl {
    height: auto;
    margin-bottom: 25px;
    width: 100%;
}

/*Authorization Forms End*/

.store_locator .promo img {
    display: block;
    margin: 0px auto 0px auto;
}
.store_locator .promo h3 {
    margin-bottom: 0px;
    padding-bottom: 5px;
}

/* =============
   Payment Header
============= */

#payment_wrapp .tp_header {
    width: 950px;
    height: 130px;
}
#payment_wrapp .tp_header:after {
    content: '';
    clear: both;
    display: table;
}
#payment_wrapp .tp_header .tp_logo {
    float: left;
    margin: 45px 0 0 15px;
}
#payment_wrapp .tp_header .tp_logo a {
    float: left;
}
#payment_wrapp .tp_orderSteps_wrapp {
    display: block;
    float: right;
    width: 455px;
    height: 62px;
    margin: 55px 0 0;
    padding: 0;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_line {
    height: 1px;
    width: 428px;
    border-top: none;
    background: #d4d4d4;
    position: absolute;
    bottom: 20px;
    left: 5px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num {
    text-align: center;
    line-height: 35px;
    color: #d4d4d4;
    font-size: 18px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: 0px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.step1 {
    left: 5px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.step2 {
    left: 50%;
    margin-left: -28px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.step3 {
    right: 22px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num p {
    position: absolute;
    top: -23px;
    left: -7px;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.step1 p {
    width: 100px;
    left: -30px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.step2 p {
    left: 0px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.step3 p {
    left: -28px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num span {
    line-height: 40px;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.active {
    border-color: #0c4f38;
    background: #0c4f38;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.active span {
    color: #fff;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.passed {
    border-color: #0c4f38;
    background: url(../images/passed_step_icon.png) no-repeat 9px 11px #fff;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.passed span {
    display: none;
}

/* Feature Design Styles */


/* Logged Out Product Detail Page */

.feature-design .tpProductView {
    padding: 0 5px 30px 5px;
}
.feature-design .tpProductView .span-14 {
    width: 558px;
    padding: 25px;
    background: #ededed;
}
.feature-design .tpProductView .tpInfoWrapper {
    min-height: 60px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding-bottom: 24px;
}
.feature-design .tpInfoWrapper .tpProductTitle {
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 11px;
}
.feature-design .tpInfoWrapper .tpProductItem {
    line-height: 14px;
    font-size: 12px;
    font-style: italic;
}
.feature-design .tpProductView .tpProductInfo {
    padding: 25px;
    width: 248px;
    float: right;
    /*background: #ededed;*/
    height: auto;
    position: relative;
}
.feature-design .tpProductView .tpProductInfo .tpInfoWrapper {
    height: 65px;
    padding-bottom: 19px;
    margin-bottom: 0;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper {
    margin-top: 10px;
}
.feature-design .tpProductView .tpInfoWrapper .productPriceMessage {
    width: 246px;
    height: 37px;
    line-height: 35px;
    left: 0;
    margin: 0 0 12px 0;
    padding: 0;
}
.feature-design .tpProductView .tpInfoWrapper .productPriceMessage:hover {
    background: #d49b23;
}
.feature-design .tpProductView .tpInfoWrapper .productPriceMessage a {
    color: #232323;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding-left: 22px;
    line-height: 37px;
}
.feature-design .productPriceMessage a .currency {
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    left: 1px;
}
.feature-design .price_error_message_holder {
    display: table;
    float: left;
    margin-bottom: 15px;
    position: relative;
}
.feature-design .tpAddToQuoteList .price_error_message_holder {
    float: none;
}
.feature-design .baskt_item .price_error_message_holder {
    float: right;
    width: 295px;
}
.feature-design .price_error_message_holder .price-message {
    display: table-cell;
}
.feature-design .price_error_message_holder .price-message p {
    width: 210px;
    font-size: 14px;
    margin: 0;
    text-align: left;
    line-height: 16px;
}
.feature-design .price_error_message_holder .info-tooltip {
    display: table-cell;
    vertical-align: middle;
}
.feature-design .price_error_message_holder .info-tooltip-icon {
    width: 28px;
    height: 28px;
    background-color: #0a4f38;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: #ffffff;
    cursor: default;
    display: block;
    font-weight: bold;
    line-height: 28px;
    margin-left: 10px;
    text-align: center;
}
.feature-design .price_error_message_holder .info-tooltip .info-tooltip-icon .info-tooltip-message {
    background: #FFFFFF;
    border: 2px solid #0A4F38;
    color: #232323;
    display: none;
    font-weight: normal;
    line-height: 15px;
    margin: 0;
    padding: 15px;
    position: absolute;
    width: 210px;
    font-size: 12px;
    z-index: 999;
    text-align: left;
    right: 0;
    top: 45px;
}
.feature-design .baskt_item .price_error_message_holder .info-tooltip .info-tooltip-icon .info-tooltip-message {
    right: 9px;
}
.feature-design .price_error_message_holder .info-tooltip .info-tooltip-icon .info-tooltip-message:before,
.feature-design .price_error_message_holder .info-tooltip .info-tooltip-icon .info-tooltip-message:after {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 222px;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.feature-design .price_error_message_holder .info-tooltip .info-tooltip-icon .info-tooltip-message:before {
    border-color: transparent transparent #0a4f38;
    border-width: 7px;
    top: -14px;
}
.feature-design .price_error_message_holder .info-tooltip .info-tooltip-icon .info-tooltip-message:after {
    border-color: transparent transparent #ffffff;
    border-width: 4px;
    left: 225px;
    top: -8px;
}
.feature-design .tpProductView .tpInfoWrapper .toolTipContainer .toolTipContent {
    font-size: 12px;
    overflow: hidden;
    line-height: 16px;
}
.feature-design .tpProductView .tpInfoWrapper .toolTipContainer .info-tooltip-icon {
    font-size: 11px;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper.form_field_error {
    padding: 0;
    margin-top: 15px;
    background: none;
    border: none;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper label {
    line-height: 36px;
    font-size: 17px;
    margin-left: 33px;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper.form_field_error label {
    color: #232323;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown {
    width: 164px !important;
    height: 34px !important;
    padding: 0;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown .dropdown-opener:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid #232323;
    position: absolute;
    top: 13px;
    right: 14px;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown .dropdown-opener {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 35px 0 10px;
    font-size: 14px;
    background: none;
    background: -ms-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
    background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DFDFDF));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown ul {
    margin-top: 0;
    top: 34px;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown ul li {
    height: auto;
    line-height: 28px;
    padding: 3px 35px 3px 10px;
    font-size: 14px;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown ul li:first-child {
    display: none;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown ul li[data-selected="selected"],
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown ul li:hover {
    background: #ededed;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .tpVariantsErrorMsg,
.feature-design .tpProductView .tpProductInfo .tpActionWrapper .noStockErrorMsg,
.feature-design .tpProductView .tpProductInfo .tpActionWrapper .moqErrorMsg {
    margin: 5px 0;
    float: right;
    font-size: 12px;
    color: #e93e40;
}
.feature-design .tpPlpProductPanelComponent .plp_add_to_cart_form .noStockErrorMsg {
    margin: 5px 0;
    font-size: 12px;
    color: #e93e40;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input .ui-spinner,
#collectionBranchLocatorPopup .product-data .product-info .product-qty .ui-spinner {
    position: relative;
    border: none;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input .ui-spinner-buttons,
#collectionBranchLocatorPopup .product-data .product-info .product-qty .ui-spinner-buttons {
    position: absolute;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input .ui-spinner-button,
#collectionBranchLocatorPopup .product-data .product-info .product-qty .ui-spinner-button,
.feature-design .list_view #products .prod .tpPlpProductPanelComponent .plp_add_to_cart_form .tpQ_input .ui-spinner-button {
    overflow: hidden;
    position: relative;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input .ui-spinner-up .ui-icon,
#collectionBranchLocatorPopup .product-data .product-info .product-qty .ui-spinner-up .ui-icon {
    background-image: url(../images/input-arrows.png);
    background-position: 4px 4px;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input .ui-spinner-down .ui-icon,
#collectionBranchLocatorPopup .product-data .product-info .product-qty .ui-spinner-down .ui-icon {
    background-image: url(../images/input-arrows.png);
    background-position: 4px -8px;
}
.feature-design.feature-can-collect .list_view .plp_add_to_cart_form .tpQ_input .ui-spinner-button.ui-spinner-down:before,
.feature-design.feature-can-collect .list_view .plp_add_to_cart_form .tpQ_input .ui-spinner-button.ui-spinner-up:before {
    position: absolute;
    color: #000;
    font-family: 'FontAwesome';
    top: 9px;
    width: 16px;
    height: 16px;
    left: 1px;
    text-align: center;
    font-size: 13px;
}
.feature-design.feature-can-collect .list_view .plp_add_to_cart_form .tpQ_input .ui-spinner-button.ui-spinner-up:before {
    content: '\f0de';
}
.feature-design.feature-can-collect .list_view .plp_add_to_cart_form .tpQ_input .ui-spinner-button.ui-spinner-down:before {
    content: '\f0dd';
    top: 0;
}
.feature-design .tpProductView .tpActionWrapper .tpAddToQuote {
    width: 248px;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input {
    text-align: right;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}

.feature-design .tpProductView .tpActionWrapper .tpQ_input label {
    font-size: 17px;
    margin-right: 10px;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input input,
#collectionBranchLocatorPopup .product-data .product-info .product-qty input {
    margin: 0 !important;
    line-height: 18px;
    width: 38px !important;
    padding: 0 16px 0 3px !important;
    text-align: left !important;
    color: #232323 !important;
}
.page-QuotePage .tpQlpProductPanelComponent .tpQ_button input,
.page-QuotePage .tpQlpProductPanelComponent .tpQ_button input[type="submit"].btn-disabled,
.page-QuotePage .tpQlpProductPanelComponent .ccButton input,
.page-QuotePage .tpQlpProductPanelComponent .ccButton input[type="submit"].btn-disabled,
.feature-design .tpProductView .tpActionWrapper .tpQ_button input,
.feature-design .tpProductView .tpActionWrapper .tpQ_button input[type="submit"].btn-disabled,
.feature-design .tpProductView .tpActionWrapper .ccButton input,
.feature-design .tpProductView .tpActionWrapper .ccButton input[type="submit"].btn-disabled,
.feature-design .baskt_item .addToCollectionOnQuoteListDisabled {
    background: #9fc2c1 none no-repeat scroll 0 0;
    border: 1px solid #8daf9c;
    border-radius: 8px;
    color: #232323;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 37px;
    text-align: center;
    width: 248px;
    margin: 25px auto 15px;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_button input:hover,
.feature-design .tpProductView .tpActionWrapper .tpQ_button input[type="submit"].btn-disabled:hover {
    background: #8aa9a8 no-repeat;
    text-decoration: none;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_button input[type="submit"],
.feature-design .tpProductView .tpActionWrapper .ccButton input[type="submit"],
.payment-finish-btn,
#balance_tabs .tp_OrderButton {
    background: #f4b11a none no-repeat scroll 0 0;
    border: 1px solid #f4a91f;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_button input[type="submit"]:hover,
.feature-design .tpProductView .tpActionWrapper .ccButton input[type="submit"]:hover,
.payment-finish-btn:hover,
#balance_tabs .tp_OrderButton:hover {
    background: #d49b23 no-repeat;
    text-decoration: none;
}
.feature-design .tpProductView .tpBasketWrapper {
    padding: 0;
}
.feature-design .tpProductView .tpProductOverview {
    float: none;
}
.feature-design .tpProductView .tpCheckBasket a {
    float: none;
    margin: 0 auto;
    line-height: 37px;
    width: 246px
}
.feature-design .tpProductView .tpGotQuestion {
    text-align: center;
}
.feature-design .tpProductInfo .toolTipContainer .info-tooltip .info-tooltip-message,
.feature-design .row .prod .productPriceMessage .toolTipContainer .info-tooltip .info-tooltip-message {
    width: 180px;
    padding: 15px;
    margin-left: -115px;
    top: 20px;
    line-height: 15px;
}
.feature-design .tpProductInfo .toolTipContainer .info-tooltip .info-tooltip-message:before,
.feature-design .row .prod .productPriceMessage .toolTipContainer .info-tooltip .info-tooltip-message:before {
    left: 172px;
}
.feature-design .tpProductInfo .toolTipContainer .info-tooltip .info-tooltip-message:after,
.feature-design .row .prod .productPriceMessage .toolTipContainer .info-tooltip .info-tooltip-message:after {
    left: 175px;
}
.feature-design .tpProductInfo .stock_msg p {
    font-size: 16px;
    padding: 0px 0 0 34px;
    margin: 25px 0;
    line-height: 24px;
    background: url(../images/icon-stock-sprite.png) no-repeat 0 0 transparent;
}
.feature-design .tpProductInfo .stock_msg .out_stock {
    background: url(../images/icon-stock-sprite.png) no-repeat 0 -27px transparent;
}
.feature-design .tpProductInfo .branch_name_holder p {
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}

/* Logged In Product Detail Page */

.feature-design .tpProductView .tpProductInfo.logged_in {
    padding-top: 20px;
}
.feature-design .tpProductView .tpProductInfo.logged_in .tpInfoWrapper {
    border-bottom: none;
    padding-bottom: 0;
    height: auto;
    text-align: right;
    min-height: 20px;
}
.feature-design .tpInfoWrapper .productPrice,
.feature-design .tpInfoWrapper .productEQPrice {
    background: none;
    padding: 0;
}
.feature-design .tpInfoWrapper .productPrice .price_from {
    font-size: 16px;
    display: table-cell;
    vertical-align: bottom;
    padding-right: 10px;
}
.feature-design .tpInfoWrapper .productPrice .prices_holder {
    display: table-cell;
}
.feature-design .tpInfoWrapper .productPrice .price_value,
.feature-design .tpInfoWrapper .productEQPrice .price_value,
.feature-design .tpInfoWrapper .productPrice .includedVAT {
    display: table-cell;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    vertical-align: bottom;
    padding-right: 5px;
}
.feature-design .tpInfoWrapper .productPrice .price_each {
    font-size: 16px;
    font-weight: bold;
    margin-right: -3px;
}
.feature-design .tpInfoWrapper .productPrice .price_info_holder,
.feature-design .tpInfoWrapper .productEQPrice .price_info_holder {
    display: table-cell;
    line-height: 20px;
    overflow: hidden;
    vertical-align: bottom;
    width: 50px;
}
.feature-design .tpInfoWrapper .productPrice .price_info_holder span,
.feature-design .tpInfoWrapper .productEQPrice .price_info_holder span {
    line-height: 14px;
    text-align: left;
    vertical-align: bottom;
}
.feature-design .tpInfoWrapper .productPrice .price_info_holder .price_UOM,
.feature-design .tpInfoWrapper .productEQPrice .price_info_holder .price_UOM {
    font-size: 12px;
}
.feature-design .tpInfoWrapper .productPrice .price_info_holder .price_ex_vat,
.feature-design .tpInfoWrapper .productEQPrice .price_info_holder .price_ex_vat {
    font-size: 11px;
}

/* Best Price */
.feature-can-collect.Guest-Checkout .rrp_price_ex_vat ~ .price_value,
.feature-can-collect.Guest-Checkout .rrp_price_inc_vat ~ .price_value {
    color: red!important;
}

.tpInfoWrapper .productPrice .prices_holder .promotion_message,
.tpInfoWrapper .productPrice .prices_holder .promotion_message p,
.product_price_holder .promotion_message,
.product_price_holder .promotion_message p {
    color: red!important;
}

.page-productDetails .tpInfoWrapper .productPrice .prices_holder .promotion_message,
.page-productDetails .tpInfoWrapper .productPrice .prices_holder .promotion_message p,
.page-productDetails .product_price_holder .promotion_message,
.page-productDetails .product_price_holder .promotion_message p {
    font-size: 14px;
    margin-top: 10px;
}

.feature-can-collect.Guest-Checkout .rrp_price_inc_vat ~ .includedVAT {
    color: red!important;
}

.feature-can-collect.Guest-Checkout .product_price_section .rrp_price_ex_vat {
    font-size: 14px;
    margin-right: 10px;
    text-decoration: line-through;
}
.feature-can-collect.Guest-Checkout .price_inc_vat_section .rrp_price_inc_vat {
    font-size: 12px;
    margin-right: 10px;
    text-decoration: line-through;
}

.feature-can-collect.Guest-Checkout .list_view .product_price_holder .rrp_price_ex_vat {
    font-size: 12px!important;
    text-align: right;
    text-decoration: line-through;
    color: #000;
}

.feature-can-collect.Guest-Checkout #collectionBranchLocatorPopup .rrp_price_ex_vat {
    display: inline;
    font-size: 12px!important;
    text-decoration: line-through;
    color: #000;
}
.feature-can-collect.Guest-Checkout #collectionBranchLocatorPopup .rrp_price_ex_vat:not(:empty) ~ .product-price {
    display: inline-block;
    color: red!important;
}

.feature-can-collect.Guest-Checkout .grid_view .rrp_price_ex_vat {
    font-size: 12px!important;
    text-decoration: line-through;
    color: #000;
    order: 1;
    margin-right: 10px;
}

.feature-can-collect.Guest-Checkout .grid_view .price_from {
    order: 0;
    margin-right: 10px;
}

.feature-can-collect.Guest-Checkout .grid_view .product_price_holder .promotion_message {
    order: 4;
    margin-top: 5px;
    font-size: 14px;
}

/* Guest Product Detail Page */

.feature-design .tpProductView .tpProductInfo.logged_out.guest {
    padding-top: 20px;
}
.feature-design .tpProductView .tpProductInfo.logged_out.guest .tpInfoWrapper {
    border-bottom: none;
    padding-bottom: 0;
    height: auto;
    text-align: right;
    min-height: 20px;
}

/* Header Feature Design Styles */

.feature-design #header .tpHeaderContent_holder {
    background: #fff;
}
.feature-design #header .tpHeaderContent_holder .tpSiteLogo {
    margin: 9px 0 0 20px;
}
.feature-design #header .tpHeaderContent_holder .tpSiteLogo .simple_disp-img {
    z-index: 5;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks {
    min-height: 57px;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    z-index: 9999;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav a,
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header a {
    color: #232323;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav {
    margin: 0 10px 0 0;
    float: right;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li a {
    border-left: none;
    width: auto;
    padding: 15px 10px 14px 35px;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart:hover,
.feature-design #header .tpHeaderContent_holder .tpMiniCart:hover #cart_header a {
    color: #232323;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li .button_image {
    width: 20px;
    margin: 10px 0 10px 10px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li:hover .button_image img {
    margin-top: 0;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li:hover a {
    text-decoration: underline;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li.hiddenMenu:hover a {
    text-decoration: none;
    color: #000;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header a:after {
    border-top: 10px solid #232323;
    position: inherit;
    display: inline-block;
    right: -10px;
    top: 0;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox {
    margin: 0 25px 0 0;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox form {
    position: relative;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox input#search {
    width: 240px;
    height: 24px;
    border: 1px solid #f6b112;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding: 5px 120px 5px 38px;
    line-height: 24px;
    box-sizing: content-box;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox form:after {
    content: url(../images/search.png);
    position: absolute;
    left: 10px;
    top: 9px;
    display: block;
    width: 18px;
    height: 18px;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox input.button {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 110px;
    height: 30px;
    background: #f6b112;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0;
    vertical-align: inherit;
    color: #232323;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart {
    /*
    width: 145px;
      height: 36px;
  */
    margin: 0 20px 0 0;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header {
    border-left: none;
    width: 145px;
    height: 36px;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header ul {
    z-index: 300;
    position: absolute;
    top: 7px;
    right: 0;
    width: 105px;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header {
    height: 36px;
    border: 0;
    background: url(../images/icon-cart.png) no-repeat 0 0 transparent;
    position: relative;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart .mini-cart-icon-total-items  {
    position: absolute;
    right: 30px;
    top: 0;
    background: #0F7258;
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-weight: 100;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart .mini-cart-icon-total-price  {
    font-weight: normal;
    margin: 0;
    color: #6c6c6c;
    font-size: 12px;
    line-height: 24px;
    padding-left: 12px;
    white-space: nowrap;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header a {
    width: auto;
    padding: 0;
    text-align: center;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header a:hover {
    color: #232323;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #minicart_data {
    bottom: 0;
    right: 0;
    position: absolute;
    width: 105px;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #minicart_data span {
    font-size: 12px;
    color: #868686;
}
.feature-design #content {
    margin-top: 10px;
    min-height: 400px;
}
.feature-design .tpBreadcrumbWrapper {
    margin-top: 20px;
}

/* Main Navigation */

.feature-design #tp_nav_main {
    padding-bottom: 0;
}
.feature-design #tp_nav_main > ul > li {
    background: #0a4f38;
    border-top: 2px solid #2a805d;
    vertical-align: top;
}
.feature-design #tp_nav_main > ul > li .link {
    display: block;
    padding: 7px 0 8px;
}
.feature-design #tp_nav_main > ul > li .link a {
    height: 34px;
    color: #fff;
    border-width: 0 0 0 3px;
    border-color: none;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#166548), to(#0a4f38)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(right, #166548, #0a4f38) 1 100%;
    -moz-border-image: -moz-linear-gradient(right, #166548, #0a4f38) 1 100%;
    -o-border-image: -o-linear-gradient(right, #166548, #0a4f38) 1 100%;
    border-image: linear-gradient(to right, #166548, #0a4f38) 1 100%;
    vertical-align: top;
    font-size: 14px;
    padding: 9px 3px 8px;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
.feature-design #tp_nav_main > ul > li:first-child .link a {
    border-left-width: 0;
}
.feature-design #tp_nav_main > ul > .level1CategoryHover .link a:hover {
    color: #0a4f38;
    border-color: #fff;
    background: #fff;
    border-image: none;
}
.feature-design #tp_nav_main > ul > li:first-child .link a:hover {
    border-left-color: none;
}
.feature-design #tp_nav_main > ul > .level1CategoryHover {
    color: #0a4f38;
    border-top-color: #fff;
    background: #fff;
}
.feature-design #tp_nav_main > ul > .level1CategoryHover .link a {
    color: #0a4f38;
    border-image: none;
    border-color: #fff;
}
.feature-design .tp_nav2level {
    top: 53px;
}

/* Mini Basket Tooltips Feature Design Styles */

.feature-design #rollover_cart_popup,
.feature-design #cart_popup.cart_popup {
    border: none;
    width: 247px;
    left: 690px;
    top: 120px;
    -moz-box-shadow: 2px 2px 6px #555555;
    -webkit-box-shadow: 2px 2px 6px #555555;
    box-shadow: 2px 2px 6px #555555;
    padding-bottom: 0;
}
.feature-design #rollover_cart_popup.cart_popup .title,
.feature-design #cart_popup.cart_popup .title {
    background: #cccbcb;
    height: 45px;
}
.feature-design #rollover_cart_popup.cart_popup:before {
    width: 247px;
    right: 0;
}
.feature-design #cart_popup.cart_popup:before,
.feature-design #rollover_cart_popup.cart_popup:after {
    border-bottom: 13px solid #cccbcb;
    border-left-width: 10px;
    border-right-width: 10px;
    right: 55px;
}
.feature-design #cart_popup.cart_popup:before {
    top: -13px;
}
.feature-design #rollover_cart_popup.cart_popup .title h3,
.feature-design #cart_popup.cart_popup .title h3 {
    padding: 0;
    line-height: 45px;
    color: #232323;
    font-size: 15px;
}
.feature-design #rollover_cart_popup .legend,
.feature-design #cart_popup .cart_popup_added_msg {
    background: none;
    padding: 20px 0;
    border-bottom-color: #cccbcb;
    font-size: 13px;
}
.feature-design #rollover_cart_popup .cart_modal_popup,
.feature-design #cart_popup.cart_popup .cart_modal_popup {
    border-bottom-color: #cccbcb;
    padding: 0;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_image,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_image {
    border: none;
    margin: 7px 0;
    height: 90px;
    max-width: 90px;
}
.feature-design #rollover_cart_popup .cart_modal_popup .prod_image a {
    width: 90px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_image img,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_image img {
    min-height: 90px;
    max-width: 100%;
     max-height: 100%;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_info,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_info {
    margin: 17px 0 10px 10px;
    min-height: 70px;
    min-width: 120px;
    position: relative;
    padding-bottom: 20px;
}
.feature-design #cart_popup.cart_popup .prod_info_name,
.feature-design #rollover_cart_popup .prod_name {
    line-height: 15px;
    margin-bottom: 30px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_info .prod_qty,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_info .prod_qty {
    position: absolute;
    left: 0;
    bottom: 15px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_info .prod_price,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_info .prod_price {
    position: absolute;
    left: 0;
    bottom: 0;
}
.feature-design #rollover_cart_popup .total_price {
    text-align: left;
    margin: 20px 10px;
}
.feature-design #rollover_cart_popup .total_price p {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 10px;
    display: inline;
}
.feature-design #cart_popup .cart_popup_total_items {
    padding: 0;
    margin: 10px 0 0;
    font-size: 13px;
}
.feature-design #rollover_cart_popup .total_price .total_price_title {
    font-weight: normal;
    margin: 0;
}
.feature-design #rollover_cart_popup.cart_popup .links,
.feature-design #cart_popup.cart_popup .links {
    margin: 15px 10px 25px;
    overflow: visible;
}
.feature-design #rollover_cart_popup.cart_popup .links a,
.feature-design #cart_popup.cart_popup .links a {
    width: 215px !important;
    height: 30px;
    margin: 0 auto;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    line-height: 30px;
    font-size: 14px;
    padding: 0;
}
.feature-design #rollover_cart_popup.cart_popup .links a:hover,
.feature-design #cart_popup.cart_popup .links a:hover {
    background: #d49b23;
    text-decoration: none;
}

/* Logged Out Basket Page Feature Design Styles */

.feature-design .basket .quote-heading h2.cnt_mn_heading,
.feature-design .basket > h2.cnt_mn_heading {
    margin: 0 0 20px 15px;
}
.feature-design .basket .quote-heading h2.cnt_mn_heading span,
.feature-design .basket > h2.cnt_mn_heading span {
    font-weight: bold;
}
.feature-design .basket_headings {
    margin: 33px 0 5px;
}
.feature-design .basket_headings h3 {
    padding-bottom: 0;
    margin-bottom: 0;
}
.feature-design .basket_headings h3.itm {
    margin-left: 37px;
    width: 427px;
}
.feature-design .basket_headings h3.qty {
    float: left;
    margin: 0;
    width: 118px;
    text-align: center;
}
.feature-design .basket_headings h3.prc {
    float: left;
    width: 120px;
    text-align: center;
}
.feature-design .basket_ctas {
    overflow: hidden;
}
.feature-design .basket_ctas.pay_securely {
    overflow: visible;
    margin-top: 15px;
}
.feature-design .basket_ctas.pay_securely .linkForOtherCustomer {
    overflow: hidden;
}
.feature-design .basket_ctas.pay_securely .pay_securely_btns {
    border: 1px solid #ededed;
    padding: 20px;
    position: relative;
    margin-bottom: 10px;
}
.feature-design .basket_ctas.pay_securely .pay_securely_btns .pay_card_variants {
    text-align: center;
}
.feature-design .basket_ctas.pay_securely .pay_securely_btns .pay_card_variants img {
    height: 35px;
    width: auto;
    margin: 0 4px;
    border: 1px solid rgba(204, 204, 204, 0.4);
}
.feature-design.page-cartPage .basket_ctas.pay_securely .linkForOtherCustomer .checkoutButton {
    margin: 10px 35px 20px;
}
.feature-design .basket_items .basket_ctas {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.feature-design .baskt_items_wrap {
    border: none;
    margin-top: 0;
}
.feature-design .baskt_items_wrap .baskt_item {
    width: 920px;
    padding: 29px 0;
}
.feature-design .baskt_items_wrap form:first-child .baskt_item {
    border-top: 1px solid #ededed;
}
.feature-design .baskt_items_wrap > form:last-of-type .baskt_item {
    border-bottom: 1px solid #ededed;
}
.feature-design .baskt_item .itm_img {
    margin-left: 20px;
    width: 100px;
    min-height: 95px;
}
.feature-design .baskt_item .itm_info {
    margin: 0 10px;
    width: 308px;
}
.feature-design .baskt_item .itm_info h3 {
    margin: 0;
    padding: 0 30px 10px 0;
    line-height: 20px;
    line-height: 17px;
}
.feature-design .baskt_item .itm_info h3 a {
    color: #232323;
    vertical-align: top;
}
.feature-design .baskt_item .itm_info h3 a:hover {
    color: #0a4f38;
}
.feature-design .baskt_item .itm_info .item_code {
    font-size: 16px;
}
.feature-design .baskt_item .itm_optns {
    float: left;
    padding-top: 0;
}
.feature-design .baskt_item .itm_optns a {
    text-decoration: underline;
    font-size: 13px;
    margin: 0 0 5px 33px;
    line-height: 15px;
}
.feature-design .baskt_item .itm_optns .qty_label {
    display: block;
    float: left;
    font-size: 14px;
    padding: 4px 8px 4px 0;
}
.feature-design .baskt_item .itm_optns input[type="text"] {
    background-color: #ededed;
    border-radius: 0;
    padding: 2px 4px;
    width: 52px;
    margin: 0 0 7px;
    text-align: left;
    font-size: 14px;
    border-color: #d4d4d4;
}
.feature-design .baskt_item .itm_optns a.itm_update {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 0 transparent;
    padding: 0 0 0 16px;
}
.feature-design .baskt_item .itm_optns a.itm_update:hover {
    background-position: 0 -15px;
}
.feature-design .baskt_item .itm_optns a.itm_remove {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 -32px transparent;
    padding: 0 0 0 16px;
}
.feature-design .baskt_item .itm_optns a.itm_remove:hover {
    background-position: 0 -51px;
}
.feature-design .basket .productPriceMessage {
    float: right;
    left: 0;
}
.feature-design .basket_ctas > .checkoutButton a {
    float: right;
}
.feature-design .basket_ctas > .add-more-button a,
.feature-design .basket_ctas > .checkoutButton a,
.feature-design .basket_ctas > a.primary_cta,
.feature-design .basket_ctas button,
.feature-design .basket_items .productPriceMessage .loginToViewPrice,
.feature-design .total_price_wrapper .loginToViewPrice,
.feature-design #products .row .prod .productPriceMessage .loginToViewPrice {
    background: none repeat scroll 0 0 #f4b11a;
    border: 1px solid #f4a91f;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
    height: 37px;
    left: 0;
    line-height: 35px;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 228px;
    color: #232323;
    font-weight: bold;
    font-size: 13px;
    margin: 15px 25px 0 0;
}
.feature-design .basket_items .productPriceMessage .loginToViewPrice,
.feature-design .total_price_wrapper .loginToViewPrice {
    line-height: 37px;
    padding-right: 28px;
    width: 200px;
    text-align: right;
    margin-top: 0px;
}
.feature-design .basket_items .productPriceMessage .loginToViewPrice .currency,
.feature-design .total_price_wrapper .loginToViewPrice .currency {
    left: 23px;
}
.feature-design .basket_ctas > .add-more-button a,
.feature-design .basket_ctas > .checkoutButton a,
.feature-design .basket_ctas > a.primary_cta,
.feature-design .basket_ctas button {
    margin: 0 17px 0 0;
    background: #f4b11a;
    border: 1px solid #f4a91f;
    font-size: 16px;
    padding: 0;
}
.feature-design .basket_ctas > .checkoutButton a,
.feature-design .basket_ctas > a.primary_cta {
    margin-bottom: 25px;
}
.feature-design .basket_ctas > .add-more-button a,
.feature-design .basket_ctas button {
    margin-left: 17px;
    background: #9fc2c1;
    border: 1px solid #8daf9c;
}
.feature-design .basket_ctas .add-more-button {
    vertical-align: top;
}
.feature-design .total_price_wrapper .loginToViewPrice {
    margin-top: 23px;
    float: right;
}
.feature-design .basket .loginToViewPrice:hover {
    background: #d49b23;
}
.feature-design .basket_ctas > .checkoutButton a:hover,
.feature-design .basket_ctas > a.primary_cta:hover {
    background: #d49b23;
}
.feature-design .basket_ctas > .add-more-button a:hover,
.feature-design .basket_ctas button:hover {
    background: #8aa9a8;
}
.feature-design .basket .productPriceMessage .toolTipContainer {
    margin: 10px 68px 0 0;
}
.feature-design .basket .productPriceMessage .toolTipContainer .toolTipContent,
.feature-design #products .row .prod .toolTipContainer .toolTipContent {
    font-size: 12px;
    line-height: 16px;
}
.feature-design .basket .productPriceMessage .toolTipContainer .info-tooltip-icon {
    font-size: 11px;
}
.feature-design .total_price_wrapper {
    float: right;
    min-width: 245px;
    max-width: 380px;
    margin: 20px 15px 25px 0;
    min-height: 110px;
}
.feature-design .total_price_wrapper .total_price_title p {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 35px 0 0 23px;
}
.feature-design .basket .toolTipContainer .info-tooltip {
    position: relative;
}
.feature-design .basket .toolTipContainer .info-tooltip .info-tooltip-message {
    padding: 15px;
    width: 170px;
    left: -42px;
    top: -4px;
    margin: 0;
    line-height: 15px;
}
.feature-design .basket .toolTipContainer .info-tooltip .info-tooltip-message:before {
    left: 172px;
}
.feature-design .basket .toolTipContainer .info-tooltip .info-tooltip-message:after {
    left: 175px;
}

/* Logged In Basket Page Feature Design Styles */

.feature-design .basket_headings h3.sbt {
    width: 120px;
    float: left;
    text-align: center;
}
.feature-design .baskt_item .itm_price,
.feature-design .baskt_item .itm_total {
    float: left;
    width: 120px;
    text-align: right;
}
.feature-design .baskt_item .itm_price p,
.feature-design .baskt_item .itm_total p {
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
}
.feature-design .baskt_item .itm_price span,
.feature-design .baskt_item .itm_total span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #616161;
}
.feature-design .basket .total_price_wrapper > p {
    font-size: 16px;
    padding: 0 0 7px 25px;
    margin: 0;
}
.feature-design .basket .total_price_wrapper > p:first-child {
    padding-top: 25px;
}
.feature-design .basket .total_price_wrapper > p > span {
    float: right;
    width: 100px;
    padding-right: 25px;
    text-align: right;
}
.feature-design .basket .total_price_wrapper .basketTotalPrice {
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
}
.feature-design .basket .total_price_wrapper .basketTotalPrice span {
    font-weight: bold;
}
.feature-design .basket .total_price_wrapper .poaMessage {
    float: right;
    margin: 15px 25px 35px 25px;
    width: 250px;
}
.feature-design .basket .total_price_wrapper .poaMessage div {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
}
.feature-design .basket .BulkPriceMessage {
    float: left;
    margin: 0 15px 10px 15px;
}
.feature-design .basket .BulkPriceMessage h4 {
    color: #232323;
    font-size: 18px;
    margin-bottom: 6px;
}
.feature-design .basket .BulkPriceMessage p {
    font-size: 16px;
    padding-right: 100px;
    line-height: 20px;
    margin-bottom: 15px;
}

/* Logged Out Product Listing Page Feature Design Styles */

.feature-design #products .row .prod {
    background: #d4d4d4;
    border-left: 20px solid #fff;
    border-bottom: 20px solid #fff;
    border-right: none;
    padding: 1px;
    max-width: 208px;
    position: relative;
}
.feature-design #products .row .prod:first-child {
    border-left: none;
}
.feature-design #products .row .prod:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 208px;
    background: #ededed;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #d4d4d4;
}
.feature-design #products .row .prod .productPriceMessage_holder {
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 208px;
    background: #fff;
    z-index: 9999;
}
.feature-design #products .row .prod .productPriceMessage .loginToViewPrice {
    width: 205px;
    margin: 10px auto;
    padding-left: 17px;
    font-weight: normal;
    font-size: 15px;
    line-height: 37px;
}
.feature-design #products .row .prod .productPriceMessage .loginToViewPrice:hover {
    background: #d49b23;
}
.feature-design #products .row .prod .productPriceMessage a .currency {
    left: 10px;
    display: none;
}
.feature-design #products .row .prod .productPriceMessage .toolTipContainer {
    margin: 2px 0 0 30px;
}
.feature-design .row .prod .productPriceMessage .toolTipContainer .info-tooltip .info-tooltip-message {
    margin-left: -120px;
}
.feature-design .tbOverviewLeft {
    width: 100%;
}

/* products list view */

.feature-design .list_view #products .row {
    display: block;
}
.feature-design .list_view #products .row .prod {
    display: block;
    width: 670px;
    max-width: 670px;
    background: #ededed;
    border: none;
}
.feature-design .list_view #products .row .prod:before {
    display: none;
}
.feature-design .view_mode_buttons {
    position: relative;
    top: 6px;
}
.feature-design .view_mode_buttons .list_button:before {
    content: "\f0c9";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    font-size: 25px;
    display: block;
}
.feature-design .view_mode_buttons .grid_button:before {
    content: "\f009";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    font-size: 24px;
    display: block;
    position: relative;
    top: 1px;
}
.feature-design .list_view .view_mode_buttons .grid_button:before {
    color: #ccc;
    cursor: pointer;
}
.feature-design .grid_view .view_mode_buttons .list_button:before {
    color: #ccc;
    cursor: pointer;
}
.feature-design .grid_view .view_mode_buttons .list_button:before {
    content: "\f0c9";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    font-size: 25px;
    display: block;
    color: #ccc;
}
.feature-design .grid_view .view_mode_buttons .grid_button:before {
    content: "\f009";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    font-size: 25px;
    display: block;
    cursor: pointer;
}
.feature-design .list_view .view_mode_buttons .grid_button:before {
    content: "\f009";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    font-size: 25px;
    display: block;
    color: #ccc;
    cursor: pointer;
}
.feature-design .grid_view .view_mode_buttons .list_button:before {
    content: "\f0c9";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    font-size: 25px;
    display: block;
    cursor: pointer;
}
.feature-design .view_mode_buttons span {
    width: 25px;
    height: 25px;
    display: inline-block;
}

/*account dashboard content styles*/


/*
.acc-dashboard-wrap {
    padding: 0 20px 0 27px;
}
*/

.acc-dashboard-wrap .acc-dashboard-top-section.credit .acc-number {
    font-size: 14px;
    margin-bottom: 2em;
    position: absolute;
    top: 230px;
}
.acc-dashboard-wrap .acc-number {
    font-size: 14px;
    margin-bottom: 2em;
    top: 230px;
}
.acc-breadcrumbs {
    margin-left: 7px;
}
.acc-breadcrumbs .tpBreadcrumb li {
    min-height: 15px;
}
.welcome-message {
    width: 650px;
    font-size: 25px;
    line-height: 1.25;
    margin-bottom: 18px;
    margin-top: 28px;
}

/* Logged In Product Listing Page Feature Design Styles */

.feature-design #products .row .prod .product_price > span {
    vertical-align: middle;
    display: table-cell;
    width: 208px;
    height: 70px;
    text-align: center;
    background: #fff;
}
.feature-design #products .row .prod .product_price .price_from {
    font-size: 16px;
}
.feature-design #products .row .prod .product_price .price_value {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 0 1px;
}
.feature-design #products .row .prod .product_price .poaMessage div {
    font-size: 24px;
    font-weight: bold;
}

/*credit account thermometer styles start */

#payChart.pay-chart-tp2 {
    width: 625px;
    padding-top: 184px;
    margin-bottom: 76px;
}
.pay-chart-tp2 .chart-container {
    width: auto;
    margin: 0 0 10px 2px;
}
.pay-chart-tp2 .chart-item {
    float: left;
    background-color: #d4d4d2;
    height: 22px;
}
.pay-chart-tp2 .chart-pad {
    height: 100%;
    width: 0;
    background-color: #F1B016;
}
.pay-chart-tp2 .chart-item:first-child,
.pay-chart-tp2 .chart-item:first-child .chart-pad {
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    margin-right: -1px;
}
.pay-chart-tp2 .chart-item:last-child {
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    margin-right: 0;
}
.pay-chart-tp2 .legend-item {
    font-size: 14px;
    display: inline-block;
}
.pay-chart-tp2 .legend-item.last-item {
    float: right;
    text-align: center;
}
.pay-chart-tp2 .legend-item .item-msg {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}
.pay-chart-tp2 .indicator {
    position: relative;
}
.pay-chart-tp2 .indicator.rounded {
    position: relative;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
}
.pay-chart-tp2 .chart-tooltip {
    position: absolute;
    width: 110px;
    height: 54px;
    left: 100%;
    bottom: 64px;
    margin-left: -55.5px;
    padding: 14px 0;
    border: 1px solid #F1B016;
    text-align: center;
}
.pay-chart-tp2 .chart-tooltip-arrow {
    position: absolute;
    bottom: 40px;
    left: 100%;
    width: 12px;
    height: 12px;
    margin-left: -7px;
    background: url('../images/arrow-head.png');
}
.pay-chart-tp2 .chart-tooltip-arrow span {
    position: absolute;
    height: 42px;
    top: 10px;
    left: 5px;
    width: 2px;
    background-color: #F1B016;
}
.pay-chart-tp2 .chart-tooltip strong {
    display: block;
    margin-bottom: 5px;
}
.pay-chart-tp2 .chart-tooltip strong:last-child {
    margin-bottom: 0;
}
#payChart.pay-chart-tp3 {
    width: 625px;
    padding-top: 184px;
    margin-bottom: 100px;
    display: inline-block;
    margin-right: 50px;
}
.pay-chart-tp3 .chart-container {
    padding: 10px;
    background-color: #F5F5F5;
    border: 1px solid #E0E0E0;
    margin: 10px 0px;
}
.pay-chart-tp3 .chart-item {
    float: left;
    background-color: #d4d4d2;
    height: 22px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 0px 6px rgba(0, 0, 0, 0.23);
}
.pay-chart-tp3 .chart-pad {
    height: 100%;
    width: 0;
    background-color: #F1B016;
}
.pay-chart-tp3 .chart-pad.indicator {
    float: right;
}
.pay-chart-tp3 .chart-item.chart-item-left-rounded,
.pay-chart-tp3 .chart-item.chart-item-left-rounded .chart-pad {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    margin-right: -1px;
}
.pay-chart-tp3 .chart-item.chart-item-right-rounded {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    margin-right: 0;
}
.pay-chart-tp3 .legend-item {
    font-size: 14px;
    display: inline-block;
}
.pay-chart-tp3 .legend-item.last-item {
    float: right;
    text-align: center;
}
.pay-chart-tp3 .legend-item .item-msg {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}
.pay-chart-tp3 .indicator {
    /*  position: relative;*/
}
.pay-chart-tp3 .indicator.rounded {
    position: relative;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
}
.pay-chart-tp3 .chart-tooltip {
    position: absolute;
    width: 137px;
    height: 54px;
    left: 100%;
    margin-left: -55.5px;
    padding: 14px 0;
    /*
    border-width: 2px;
    border-style: solid;
*/
    text-align: right;
    color: #2d2d2d!important;
    font-size: 12px;
}
.pay-chart-tp3 .chart-tooltip.chart-tooltip-above {
    bottom: 64px;
}
.pay-chart-tp3 .chart-tooltip.chart-tooltip-under {
    bottom: -120px;
}
.pay-chart-tp3 .chart-tooltip-arrow {
    position: absolute;
    bottom: 40px;
    left: 100%;
    width: 12px;
    height: 12px;
    margin-left: -7px;
}
.pay-chart-tp3 .chart-tooltip-arrow.no-arrow {
    display: none;
}
.pay-chart-tp3 .chart-tooltip-arrow.chart-tooltip-under {
    bottom: 20px;
}

/*
.pay-chart-tp3 .chart-tooltip-arrow span {
    position: absolute;
    height: 42px;
    top: 10px;
    left: 5px;
    width: 2px;
    background-color: black;
}
*/

.pay-chart-tp3 .chart-tooltip strong {
    display: block;
    margin-bottom: 5px;
    position: absolute;
    top: 40px;
    right: 0px;
    font-size: 16px;
}
.pay-chart-tp3 .chart-tooltip strong:last-child {
    margin-bottom: 0;
}

/*credit account thermometer styles end */

.acc-dashboard-content .description_message {
    font-size: 23px;
    margin-bottom: 32px;
}
.acc-dashboard-boxes {
    position: relative;
    min-height: 400px;
}
.dashboard-box:hover {
    border-color: #f2af18;
}
.dashboard-box {
    display: inline-block;
    vertical-align: top;
    margin-right: 21px!important;
    margin-bottom: 25px;
    width: 430px;
    -webkit-box-shadow: 4px 5px 7px 0 rgba(212, 212, 212, 0.5);
    -moz-box-shadow: 4px 5px 7px 0 rgba(212, 212, 212, 0.5);
    box-shadow: 4px 5px 7px 0 rgba(212, 212, 212, 0.5);
    border-bottom: 2px solid transparent;
    background-color: white;
    min-height: 110px;
}
.dashboard-box .item p {
    margin: 0;
    word-wrap: break-word;
    cursor: pointer;
}
.dashboard-box .item-head {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border-bottom: 0;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    background-color: #eee;
    margin-left: 20px;
    margin-top: 25px;
}
.dashboard-box .item-title {
    display: block;
    font-size: 16px;
    padding: 17px 0 0 15px;
    word-wrap: break-word;
    cursor: pointer;
}
.dashboard-box .item-head > img {
    max-width: 30px;
    max-height: 30px;
    margin-top: 15px;
}
.dashboard-box.hovered:hover .item-head,
.highlighted-box .item-head {
    background-color: #165741;
}
.dashboard-box .hover-icon {
    display: none;
}
.dashboard-box.hovered:hover .icon,
.highlighted-box .icon {
    display: none;
}
.dashboard-box.hovered:hover .hover-icon,
.highlighted-box .hover-icon {
    display: inline-block;
}
.dashboard-box .item-content {
    width: 345px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.dashboard-box .content-wrap {
    position: relative;
}
.dashboard-box .item-content a {
    text-decoration: none;
}
.dashboard-box .item-description {
    padding: 7px 21px 17px 15px;
    font-size: 14px;
    line-height: 1.25;
    cursor: pointer;
}
.dashboard-box .arrow {
    position: absolute;
    right: 7px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('../images/acc_dashboard/accDashboard_submenu-arrow.png') no-repeat center center;
}
.dashboard-box .subitem {
    display: none;
    position: relative;
}
.dashboard-box .subitem:before {
    position: absolute;
    content: ' ';
    width: 240px;
    margin-left: 15px;
    border-top: 2px solid #eee;
}
.dashboard-box .subitem-title {
    padding: 15px 0 4px;
}
.dashboard-box .subitem-content {
    font-size: 14px;
    line-height: 1.25;
    padding: 15px 21px 17px 15px;
}
.dashboard-benefit-button.disabled {
    opacity: 0.5;
    background-color: white;
    pointer-events:none;
}
.dashboard-benefit-button.disabled a {
    cursor:default;
    pointer-events:none;
}

.dashboard-benefit-button.disabled:hover .item-head {
    background-color:#ededed;
}
.dashboard-benefit-button.disabled:hover .icon {
    display: inline-block;
}
.dashboard-benefit-button.disabled:hover .hover-icon {
    display: none;
}
.dashboard-benefit-button.disabled .item-content {
    border-top-color: #10855e;
}
.dashboard-benefit-button.disabled .item-head > img {
    opacity: 0.2;
}
.item > .account-dashboard-button-link {
    color: #d5d5d5;
}
.invoices-box {
    min-height: 271px;
    width: 243px;
    border-left: 1px solid #eee;
    padding-left: 40px;
}
.invoices-box .invoices-header {
    position: relative;
    height: 45px;
    line-height: 45px;
}

/*
.invoices-box .invoices-header:after {
    content: ' ';
    position: absolute;
    top: 10px;
    left: 18px;
    height: 22px;
    width: 22px;

}
*/

.invoices-box .invoices-header .title {
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}
.invoices-box .invoices-content {
    padding: 5px 15px 10px 0px;
}
.invoices-box .holder {
    margin-bottom: 10px;
}
.invoices-box .item {
    padding: 13px 4px 13px 0px;
}
.invoices-box .item .top-box {
    position: relative;
    margin-bottom: 4px;
}

/*
.invoices-box .item .top-box:after {
    position: absolute;
    content: '';
    top: 2px;
    left: -10px;
    height: 9px;
    width: 7px;
    background: url('../images/acc_dashboard/invoice_box_arrow.png') no-repeat;
}
*/

.invoices-box .item span {
    float: right;
}
.invoices-box .item strong {
    display: inline-block;
    vertical-align: top;
}
.invoices-box .item .inv-code {
    float: none;
    display: inline-block;
    max-width: 120px;
    margin-left: 0;
    word-wrap: break-word;
}
.invoices-box .btn-holder button {
    display: block;
    width: 123px;
    height: 36px;
    border: 1px solid #e99b0b;
    border-radius: 4px;
    padding: 0;
    margin-left: auto;
}
.invoices-box .btn-holder a {
    display: block;
    color: #232323;
    text-decoration: none;
    font-weight: bold;
}
.invoices-stop.invoices-box {
    border-color: #ed1c24;
}
.invoices-stop .invoices-header {
    background-color: #ed1c24;
    color: #fff;
}
.invoices-stop .invoices-header:after {
    background: url('../images/acc_dashboard/invoice_title_icons.png') no-repeat center center;
}
.invoices-stop .msg-title {
    display: block;
    padding: 12px 0 6px 3px;
    font-size: 18px;
    font-weight: bold;
}
.invoices-stop .msg-content {
    font-size: 15px;
    padding-left: 2px;
    line-height: 1.25;
    margin-bottom: 26px;
    word-wrap: break-word;
}
.invoices-stop .btn-holder {
    margin-bottom: 11px;
}
.invoices-stop .btn-holder button {
    width: 190px;
}
.invoices-overdue.invoices-box {
    border-color: #ed1c24;
}
.invoices-overdue .invoices-header {
    background-color: #ed1c24;
    color: #fff;
}
.invoices-overdue .invoices-header:after {
    background: url('../images/acc_dashboard/invoice_title_icons.png') no-repeat center center;
}
.invoices-overdue .msg-title {
    display: block;
    padding: 12px 0 6px 3px;
    font-size: 18px;
    font-weight: bold;
}
.invoices-overdue .msg-content {
    font-size: 15px;
    padding-left: 2px;
    line-height: 1.25;
    margin-bottom: 26px;
    word-wrap: break-word;
}
.invoices-overdue .btn-holder {
    margin-bottom: 11px;
}
.invoices-overdue .btn-holder button {
    width: 190px;
}

/*
.invoices-paid.invoices-box {
    border-color: #9BCC83;
}
.invoices-paid .invoices-header {
    background-color: #9BCC83;
    color: #fff;
}
*/

.invoices-paid .invoices-header:after {
    background: url('../images/acc_dashboard/invoice_title_icons.png') no-repeat center right;
}
.invoices-paid .msg-title {
    display: inline-block;
    padding: 10px 0;
    border-bottom: 1px solid #d4d4d4;
    font-size: 15px;
    line-height: 1.25;
}
.invoices-box .no-invoices {
    height: 175px;
    line-height: 1.25;
}
.invoices-box .no-invoices-msg {
    padding-top: 30px;
    margin-bottom: 0;
    font-size: 15px;
    word-wrap: break-word;
    text-align: center;
}
.invoices-box .no-invoices {
    height: 204px;
}
.invoices-box .no-invoices-msg {
    padding-top: 30px;
    margin-bottom: 0;
    font-size: 15px;
    word-wrap: break-word;
    text-align: center;
}
.invoices-box.invoices-stub {
    border-color: #D4D4D2;
    background: url('../../common/images/colorbox/loading.gif') no-repeat 50% 35%;
}
.invoices-stub .loader-msg {
    padding-top: 150px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
}
.invoices-box .loader-error-msg {
    font-size: 18px;
    padding: 40px 20px 0;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}
.dataTables_filter {
    display: none;
}

/*


    invoice___credit_notes_-_overview_unpaid


*/

#payment_wrapp .tp_title_wrapper {
    min-height: 60px;
    width: 100%;
    text-align: right;
    position: relative;
    padding-top: 60px;
}
#payment_wrapp .tp_title_wrapper:after,
#payment_wrapp .tp_user_info:after,
#payment_wrapp .tp_box_wrapper:after,
.ui-tabs-panel .tp_tabs_table table td.last:after,
.tp_tabs_wrapper .tp_action_buttons:after {
    content: '';
    display: table;
    clear: both;
}
.tp_title_wrapper .tp_OrderTitle.creditNotes {
    text-align: left;
    width: 290px;
    font-size: 25px;
    line-height: 25px;
    vertical-align: top;
    margin: 0px;
    padding-bottom: 20px;
}
.tp_title_wrapper .tp_user_info {
    height: 67px;
    border: 1px solid #e4e4e4;
    background-size: 30px 100%;
}
.tp_user_info p {
    margin: 0;
    padding-left: 0px;
    color: #232323;
    text-align: center;
    line-height: 23px;
    font-size: 16px;
}
.tp_user_info .name p {
    font-weight: bold;
}
.tp_user_info .name,
.tp_user_info .email_phone {
    position: relative;
    float: left;
    padding: 10px;
    min-height: 47px;
}
.tp_user_info .name {
    width: 304px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    position: relative;
    background: url(../images/tp_bg_controller.jpg) 295px 0px no-repeat #ededed;
}
.tp_user_info .email_phone {
    text-align: left;
    margin-left: 22px;
    background: #fff;
}
.tp_user_info .email_phone p {
    text-align: left;
}
.tp_user_info_wrap {
    float: right;
}
#payment_wrapp .tp_box_wrapper {
    width: 100%;
    padding: 15px 0;
}
.tp_box_wrapper .tp_myInvoices,
.tp_box_wrapper .tp_help_links {
    float: left;
    min-height: 230px;
    width: 540px;
}
.tp_box_wrapper .tp_help_links {
    width: 290px;
    margin-left: 70px;
    position: relative;
}
.tp_help_links + .tp_faq_link {
    float: right;
}
.tp_help_links .toolTipContainer .info-tooltip-icon {
    float: none;
    display: inline-block;
    width: 17px;
    height: 16px;
    box-sizing: border-box;
}
.tp_help_links h1.tp_OrderTitle {
    margin-bottom: 10px;
}
.tp_help_links .toolTipContainer {
    padding: 5px 0;
}
.tp_help_links .toolTipContainer .info-tooltip {
    display: inline;
    height: 28px;
    position: relative;
}
.tp_help_links .toolTipContainer .info-tooltip .info-tooltip-message {
    background: #FFFFFF;
    border: 2px solid #0A4F38;
    color: #232323;
    display: none;
    font-weight: normal;
    line-height: normal;
    margin: 10px -43px 0 0;
    padding: 10px;
    position: absolute;
    left: inherit;
    right: 0;
    width: 250px;
    font-size: 12px;
    z-index: 999;
    text-align: left;
    box-sizing: border-box;
}
.tp_box_wrapper h1.tp_OrderTitle {
    width: 100%;
    font-size: 20px;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    display: inline-block;
}
.tp_myInvoices .tp_invoice_text {
    padding: 15px 0;
    line-height: 20px;
    font-size: 13px;
    color: #333;
}
.tp_myInvoices .tp_invoice_text div,
.tp_myInvoices .tp_invoice_text p {
    font-size: 16px;
}
#payment_wrapp .tp_payment_overdue {
    width: 940px;
    min-height: 200px;
    border: 1px solid #ed1c24;
    box-sizing: border-box;
}
.tp_payment_overdue .tp_overdue_title {
    position: relative;
    width: 838px;
    height: 50px;
    background: #ed1c24;
    padding: 0 50px;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
}
.tp_payment_overdue .tp_overdue_title strong {
    font-size: 20px;
    font-weight: 700;
}
.tp_payment_overdue .tp_overdue_title:before {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    left: 20px;
    width: 21px;
    height: 21px;
    background: url(../images/tp_icn_error_red.jpg) 8px 3px no-repeat #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tp_payment_overdue .tp_overdue_description {
    padding: 20px 20px 0 20px;
    line-height: 15px;
    min-height: 30px;
    font-size: 13px;
}
.tp_payment_overdue .tp_overdueInvoice_table {
    padding: 10px;
    width: 918px;
}
.tp_overdueInvoice_table table {
    width: 918px;
}
.tp_overdueInvoice_table table tr:first-child td {
    border-top: none;
}
.tp_overdueInvoice_table table td {
    height: 50px;
    width: 190px;
    padding: 0 10px 0 20px;
    border-top: 1px solid #ccc;
    font-size: 13px;
}
.tp_overdueInvoice_table table td.last {
    padding: 0;
    width: 270px;
}
.tp_overdueInvoice_table table tr td:first-child {
    background: url(../images/tp_icn_list_overdue.jpg) 7px 19px no-repeat;
}
.tp_overdueInvoice_table td.last .tp_OrderButton.view {
    float: left;
    width: 120px;
    text-decoration: none;
}
.tp_overdueInvoice_table td.last .tp_OrderButton.pay {
    float: right;
    width: 130px;
    text-decoration: none;
    color: #fff;
    background-color: #999;
}
.tp_payment_overdue .tp_payAllIverdue {
    width: 918px;
    background: #f2f2f2;
    padding: 10px;
    min-height: 40px;
}
.tp_payAllIverdue .tp_OrderButton {
    float: right;
    width: 270px;
    text-decoration: none;
    color: #fff;
    background-color: #999;
}
table.dataTable {
    width: 100%;
}
#payment_wrapp .tp_tabs_wrapper {
    padding: 15px 0;
}
.tp_tabs_wrapper .ui-tabs .ui-tabs-nav li {
    width: 220px;
    height: 55px;
    background: #ccc;
    margin: 0 3px 0 0;
    border-bottom: 3px solid #fff;
}
.tp_tabs_wrapper .ui-tabs .ui-tabs-nav a {
    display: block;
    width: 220px;
    float: none;
    line-height: 55px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    color: #232323;
    font-weight: 700;
}
.tp_tabs_wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #0c4f38;
    border-bottom-color: #0c4f38;
}
.tp_tabs_wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    color: #fff;
}
.tp_tabs_wrapper #prod_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.tp_tabs_wrapper #prod_tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.tp_tabs_wrapper #prod_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
.tp_tabs_wrapper #prod_tabs.ui-tabs .ui-tabs-panel {
    background: #fff;
    height: auto;
    padding: 0;
    border: 2px solid #0c4f38;
    position: relative;
}
.feature-design #payment_wrapp .tp_tab_panel .invoices_search #invoices_form {
    display: flex;
    flex-direction: column;
}
.feature-design #payment_wrapp .tp_tab_panel .invoices_search #invoices_form .search_invoices_label {
    display: flex;
}
.feature-design #payment_wrapp .tp_tab_panel .invoices_search #invoices_form .search_invoices_label #infoTooltipLabel {
    line-height: 38px;
    font-weight: bold;
}
.feature-design #payment_wrapp .tp_tab_panel .invoices_search #invoices_form .search_invoices_label .info-tooltip {
    margin-left: 7px;
    margin-top: 9px;
}
.feature-design #payment_wrapp .tp_tab_panel .invoices_search #invoices_form .search_invoices_label .info-tooltip .info-tooltip-message {
    display: none;
}
.feature-design #payment_wrapp .tp_tab_panel .invoices_search #invoices_form .search_invoices {
    display: flex;
    flex-direction: column;
}
.feature-design .tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search {
    float: left;
}
.feature-design .tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_filter {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
}
.feature-design #payment_wrapp .tp_tabs_wrapper .resultsCountMsg {
    font-weight: bold;
    padding-right: 15px;
}
.feature-design #payment_wrapp .tp_tabs_wrapper .tp_invoices_count #clearSearch {
    text-decoration: underline;
    display: none;
}
.feature-design #payment_wrapp .tp_tabs_wrapper .tp_invoices_count {
    display: flex;
    justify-content: center;
    padding: 10px 15px;
}
.feature-design #payment_wrapp .tp_tabs_wrapper .tp_invoices_count a {
    text-decoration: underline;
    cursor: pointer;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel {
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 70px 20px 10px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search label {
    width: auto;
    margin-right: 10px;
    line-height: 38px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search input.searchBox {
    width: 245px;
    border: 1px solid #232323;
    border-right: none;
    line-height: 36px;
    padding: 0px 8px;
    margin: 0;
    outline: none;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search input.searchBox.validationError {
    border-bottom: 2px solid #ff0000;
}

.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search #too_short_validation_error,
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search #attack_characters_validation_error {
    display: none;
}

.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search .error_message#too_short_validation_error,
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search .error_message#attack_characters_validation_error {
    display: block;
    color: #ED1C24;
    margin-top: 5px;
    font-size: 12px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search input.searchBox::-webkit-search-cancel-button {
    display: none;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search .tp_OrderButton {
    width: 90px;
    background-color: #f4b11a;
    border-color: #f4a91f;
    border-radius: 0;
    height: 38px;
    font-size: 13px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .invoices_search .tp_OrderButton:hover {
    background-color: #d49b23;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel:after {
    content: '';
    display: table;
    clear: both;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel label {
    display: block;
    float: left;
    width: 70px;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel .sbHolder {
    float: left;
    border: 1px solid #888888;
    width: 180px;
    height: 36px;
    background: url(../images/bg_select_gradient.png) repeat-x left bottom #fff;
}
.tp_tab_panel .sbSelector:link,
.tp_tab_panel .sbSelector:visited,
.tp_tab_panel .sbSelector:hover {
    color: #232323;
}
.tp_tab_panel .sbSelector {
    width: 230px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}
.tp_tab_panel .sbToggle {
    height: 36px;
    background: url(../images/bg_select.png) no-repeat 5px 13px;
}
.tp_tab_panel .sbToggle:hover {
    background: url(../images/bg_select.png) no-repeat 5px 13px;
}
.tp_tab_panel .sbToggleOpen {
    background: url(../images/bg_select.png) no-repeat 5px 13px;
}
.tp_tab_panel .sbToggleOpen:hover {
    background: url(../images/bg_select.png) no-repeat 5px 13px;
}
.tp_tab_panel .sbOptions {
    width: 180px;
    background-color: #fff;
    border: 1px solid #888888;
    min-height: 149px;
}
.tp_tab_panel .sbOptions li {
    border-top: 1px solid #ededed;
}
.tp_tab_panel .sbOptions li:first-child {
    border: none;
}
.tp_tab_panel .sbOptions li:hover {
    background: #ededed;
}
.tp_tab_panel .sbOptions a {
    height: 22px;
    line-height: 22px;
    border: none;
}
.tp_tab_panel .sbOptions a:link,
.tp_tab_panel .sbOptions a:visited,
.tp_tab_panel .sbOptions a:hover {
    font-size: 14px;
    color: #232323;
}
.tp_tab_panel .tp_tabs_wrapper .ui-tabs-panel .tp_tab_panel select {
    border: 1px solid #888888;
    width: 260px;
    height: 36px;
    background: url(../images/bg_select.png) no-repeat 235px 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.tp_tabs_wrapper .ui-state-focus a {
    outline: none;
}
.tp_tabs_wrapper .ui-tabs .ui-tabs-nav {
    padding-left: 0px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table {
    width: 100% !important;
    border: none;
    border-top: 2px solid #d4d4d4;
    color: #232323;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table .statement_table th:first-child {
    width: 50% !important;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td {
    font-size: 13px;
    text-align: center;
    height: 50px;
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    padding: 0;
    vertical-align: middle;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td.total {
    font-weight: bold;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td input {
    margin: 0;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td.last {
    width: 254px;
}
.tp_tabs_wrapper #tab_creditNotes.ui-tabs-panel .tp_tabs_table table td.last {
    width: 160px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td.last .tp_OrderButton.view,
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td.last .tp_OrderButton.pay {
    float: left;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    color: #232323;
    margin-left: 10px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td.last .tp_OrderButton.view {
    background: #9fc1c0;
    border-color: #557776;
    width: 90px;
}
.tp_tabs_wrapper #tab_creditNotes.ui-tabs-panel .tp_tabs_table table td.last .tp_OrderButton.view {
    width: 140px;
}
.tp_tabs_wrapper #tab_creditNotes .dataTables_paginate {
    margin-bottom: 20px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table td.last .tp_OrderButton.pay {
    background: #f3b019;
    border-color: #e99b0b;
    width: 127px;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table th {
    height: 35px;
    font-size: 13px;
    font-weight: normal;
    background: #ededed;
    border-left: 1px solid #d4d4d4;
    vertical-align: middle;
    text-align: center;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table th:first-child {}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table tr.overdue td {
    background: #fff;
    border: 1px solid #fe7373;
    border-left-color: #ccc;
    border-right-color: #ccc;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table tr.overdue td:first-child {
    border-left-color: #fe7373;
}
.tp_tabs_wrapper .ui-tabs-panel .tp_tabs_table table tr.overdue td:last-child {
    border-right-color: #fe7373;
}
.dataTable .sorting .title:before {
    display: inline-block;
    content: "";
    width: 1em;
    height: 1.5em;
    vertical-align: middle;
    background: url(../images/invoices-and-credit-notes/icn_sort.png) no-repeat;
}
.dataTable .sorting_asc .title:before {
    display: inline-block;
    content: "";
    width: 1em;
    height: 0.6em;
    vertical-align: top;
    background: url(../images/invoices-and-credit-notes/icn_sort.png) left top no-repeat;
}
.dataTable .sorting_desc .title:before {
    display: inline-block;
    content: "";
    width: 1em;
    height: 0.6em;
    vertical-align: middle;
    background: url(../images/invoices-and-credit-notes/icn_sort.png) left bottom no-repeat;
}
.dataTable tbody tr.even td {
    background-color: #fff;
}
.dataTable tbody tr.selected td {
    background-color: #ededed;
}
.dataTable tbody tr.overdue_row td {
    background-color: #fce8e9;
}
.dataTable tbody tr.overdue_row.selected td {
    background-color: #ededed;
}
.dataTable .overdue_status:before {
    content: "";
    display: inline-block;
    width: 0.7em;
    height: 19px;
    vertical-align: sub;
    background: url(../images/invoices-and-credit-notes/icn_error_red.png) no-repeat;
}
.dataTable .paid_status:before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 19px;
    vertical-align: sub;
    background: url(../images/invoices-and-credit-notes/icn_paid.png) no-repeat;
}
.tp_tabs_wrapper .tp_tabs_table input[type='checkbox'] {
    width: 25px;
    height: 25px;
    border: 1px solid #d4d4d4;
    margin-top: 6px;
}

/*.dataTable input[type='checkbox'] {*/


/*width: 25px;*/


/*height: 25px;*/


/*border: 1px solid #d4d4d4;*/


/*margin-top: 6px;*/


/*background-color: #fff;*/


/*-moz-appearance: none;*/


/*-webkit-appearance: none;*/


/*appearence:none;*/


/*}*/


/*.dataTable input[type='checkbox']:checked {*/


/*background: #fff url("../images/invoices-and-credit-notes/icn_paid.png") no-repeat;*/


/*background-position: center;*/


/*-moz-appearance: none;*/


/*-webkit-appearance: none;*/


/*appearence:none;*/


/*}*/

.tp_tabs_wrapper .dataTables_paginate {
    background: #ededed;
    border-bottom: 1px solid #ededed;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    text-align: center;
}
.tp_tabs_wrapper .dataTables_paginate .paginate_button,
#order_history_container .dataTables_paginate .paginate_button {
    margin-left: 0.3em;
    margin-right: 0.3em;
    display: inline-block;
    width: 33px;
    height: 30px;
    color: #232323;
    font-size: 14px;
    line-height: 30px;
}
.dataTables_paginate span .paginate_button {
    text-decoration: underline;
}
.tp_tabs_wrapper .paginate_button.previous,
.tp_tabs_wrapper .paginate_button.current,
.tp_tabs_wrapper .paginate_button.next {
    border: 1px solid #d4d4d4;
    background-color: #fff;
    text-decoration: none;
}
.tp_tabs_wrapper .paginate_button.current,
#order_history_container .paginate_button.current {
    border-color: #0d5039;
}
.tp_tabs_wrapper .paginate_button.previous,
#order_history_container .paginate_button.previous {
    background: url(../images/icn_pagination_arrows.png) 0px 0px no-repeat #fff;
}
.tp_tabs_wrapper .paginate_button.next,
#order_history_container .paginate_button.next {
    background: url(../images/icn_pagination_arrows.png) -33px 0px no-repeat #fff;
}
.tp_tabs_wrapper .paginate_button.previous.disabled,
#order_history_container .paginate_button.previous.disabled {
    background: url(../images/icn_pagination_arrows.png) 0px -30px no-repeat #fff;
}
.tp_tabs_wrapper .paginate_button.next.disabled,
#order_history_container .paginate_button.next.disabled {
    background: url(../images/icn_pagination_arrows.png) -33px -30px no-repeat #fff;
}
.tp_tabs_wrapper .tp_orderTotal_wrapp {
    margin-top: 0;
    background: #fff;
}
.tp_tabs_wrapper .tp_action_buttons {
    height: 40px;
    padding: 20px 15px;
    padding-top: 0;
    text-align: right;
}
.tp_tabs_wrapper .tp_action_buttons .tp_OrderButton {
    min-width: 210px;
    height: 39px;
    line-height: 39px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    margin-left: 5px;
    text-decoration: none;
}
.tp_tabs_wrapper .tp_action_buttons a.tp_OrderButton:hover {
    color: #333;
}
.tp_tabs_wrapper .tp_action_buttons .tp_OrderButton.download_selected,
.payment-declined-btn,
.tp_tabs_wrapper .view_statement_button {
    background: #9fc1c0;
    border: 1px solid #557776;
}
.tp_tabs_wrapper .tp_action_buttons .tp_OrderButton.pay_selected,
.payment-declined-btn.btn-right {
    background: #f3b019;
    border: 1px solid #e99b0b;
}
.tp_tabs_wrapper .tp_action_buttons a.tp_OrderButton.disabled,
#balance_tabs a.tp_OrderButton.disabled,
.basket_ctas .checkoutButton .linkForOtherCustomer a.disabled,
.basket_ctas .add-more-button a.disabled {
    pointer-events: none;
    background-color: #d3d3d3 !important;
    border-color: #a3a3a3;
    font-weight: normal;
    color: #a3a3a4;
}
.tp_tabs_wrapper .view_statement_button {
    float: none;
}
.tp_set_new_branch {
    display: block;
    padding: 2px 0;
    background: #F6B112;
    margin-bottom: 8px;
    color: #232323;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #E99B0B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
}

#stockCheckerButton .yCmsContentSlot,#stockCheckerButtonDisabled .yCmsContentSlot{
    display: inline-flex !important;
}

#stockCheckerButton strong, #stockCheckerButtonDisabled strong{
    padding: 2px;
    line-height: 1.5;
    word-wrap: break-word;
}

#stockCheckerButtonDisabled strong{
    color: grey;
}

#stockCheckerButton .cmsimage, #stockCheckerButtonDisabled .cmsimage{
    margin: 7px 0 0 -6px;
}


.dropDownHeaderLink:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 10px solid #232323;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.accountOptionsBox {
    display: none;
    position: absolute;
    top: 60px;
    left: -38px;
    min-width: 200px;
    padding: 10px 0 10px 10px;
    /*z-index: 500;*/
    font-size: 12px;
    border: 1px solid #b3b3b3;
    background: #fff;
}
.accountOptionsBox .option {
    position: relative;
    min-height: 41px;
    padding: 0 10px 0 35px;
}
.feature-design #header .tpHeaderContent_holder .nav .your-acc-wrapper .accountOptionsBox .option a {
    display: inline-block;
    padding: 14px 0;
    background-color: inherit;
    color: #232323;
    text-decoration: none;
}
.accountOptionsBox .option:hover {
    background-color: #EDEDED;
}
.accountOptionsBox .option:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-left: 10px solid #232323;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.accountOptionsBox:before {
    content: "";
    position: absolute;
    top: -22px;
    right: 27px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 22px solid #b3b3b3;
}
.accountOptionsBox:after {
    content: "";
    position: absolute;
    top: -21px;
    right: 27px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 22px solid #fff;
}
.your-acc-wrapper {
    position: relative;
}
.your-acc-wrapper:after {
    content: "";
    top: 35px;
    position: absolute;
    width: 138px;
    height: 30px;
}
.terms-and-condition {
    font-size: 12px;
    padding: 20px 0;
}
.terms-and-condition a {
    text-decoration: underline;
    color: #0a4f38;
}
#activateAccountForm .pstrength-minchar {
    display: none;
}
#tradeCashCardApplicationDetailsForm .pstrength-minchar {
    display: none;
}

/* Invoice Partial Payment Start */

#partialPaymentSection {
    width: 100%;
}
#info-tooltip {
    float: right;
    margin-top: -3px;
    cursor: pointer;
}
#transactionsBreakdown .info-tooltip-label {
    font-size: smaller;
}
#transactionsBreakdown .info-tooltip,
#partialPaymentSection .info-tooltip {
    display: inline-block;
    margin-left: 3px;
}
#transactionsBreakdown .info-tooltip .info-tooltip-icon,
#partialPaymentSection .info-tooltip .info-tooltip-icon,
#tab_invoices .info-tooltip .info-tooltip-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    background-color: #0A4F38;
    cursor: default;
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}
#transactionsBreakdown .info-tooltip .info-tooltip-message,
#partialPaymentSection .info-tooltip .info-tooltip-message,
#tab_invoices .info-tooltip .info-tooltip-message {
    background: #FFFFFF;
    border: 2px solid #0A4F38;
    color: #232323;
    display: none;
    font-weight: normal;
    line-height: normal;
    margin: 30px 0 0 -157px;
    padding: 10px;
    position: absolute;
    width: 150px;
    font-size: 12px;
    z-index: 999;
    text-align: justify;
}
#tab_invoices .info-tooltip {
    position: relative;
}
#tab_invoices .info-tooltip .info-tooltip-message {
    margin: 0;
    left: 30px;
    top: -7px;
}
#tab_invoices .info-tooltip .info-tooltip-message::before,
#tab_invoices .info-tooltip .info-tooltip-message::after {
    border: solid transparent;
    content: " ";
    width: 0;
    left: -16px;
    height: 0;
    position: absolute;
    pointer-events: none;
}
#tab_invoices .info-tooltip .info-tooltip-message::before {
    border-color: transparent;
    border-right-color: #0A4F38;
    border-width: 7px;
    top: 7px;
}
#tab_invoices .info-tooltip .info-tooltip-message::after {
    border-color: transparent;
    border-right-color: #FFFFFF;
    border-width: 6px;
    top: 8px;
    left: -12px;
}
#transactionsBreakdown .info-tooltip .info-tooltip-message {
    margin: 30px 0 0 -497px;
    width: 550px;
}
#transactionsBreakdown .info-tooltip .info-tooltip-message:before,
#transactionsBreakdown .info-tooltip .info-tooltip-message:after,
#partialPaymentSection .info-tooltip .info-tooltip-message:before,
#partialPaymentSection .info-tooltip .info-tooltip-message:after {
    border: solid transparent;
    content: " ";
    width: 0;
    left: 85%;
    height: 0;
    position: absolute;
    pointer-events: none;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
#transactionsBreakdown .info-tooltip .info-tooltip-message:before,
#partialPaymentSection .info-tooltip .info-tooltip-message:before {
    border-color: transparent;
    border-left-color: #0A4F38;
    border-width: 7px;
    top: -16px;
}
#transactionsBreakdown .info-tooltip .info-tooltip-message:after,
#partialPaymentSection .info-tooltip .info-tooltip-message:after {
    border-color: transparent;
    border-left-color: #FFFFFF;
    border-width: 7px;
    top: -13px;
}
#partialPaymentSection .info-tooltip .info-tooltip-icon:hover .info-tooltip-message,
#partialPaymentSection .info-tooltip .info-tooltip-icon:active .info-tooltip-message {
    display: inline-block;
}
#partialPaymentBody {
    margin: 0;
    position: relative;
}
#partialPaymentBody .partialPaymentHolder {
    padding: 45px 0 7px;
    overflow: hidden;
}
#partialPaymentBody .additional_partial_payment_section {
    height: 195px;
}
#partialPaymentBody .additional_partial_payment_section .additional_partial_payment_comment {
    float: right;
}
#partialPaymentBody .additional_partial_payment_section .additional_partial_payment_label {
    font-size: 16px;
    float: right;
    width: 99%;
    margin-top: 1em;
}
#partialPaymentSection button.button {
    margin: 0px;
    color: #000;
}
#partialPaymnetLinkContainer {
    height: 35px;
    text-align: right;
    line-height: 50px;
}
#partialPaymentBody .paymentAmountContainer {
    padding-top: 20px;
    width: 320px;
}
#partialPaymentBody .paymentAmountContainer .paymentAmountErrorMessage {
    color: red;
    display: none;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    float: right;
    width: 250px;
    padding: 7px 0 0 70px;
    margin: 0px;
}
#partialPaymentBody .paymentAmountContainer .currencySymbol {
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
}
#partialPaymentErrorDisplayed {
    line-height: 20px;
}
#partialPaymentBody .paymentTotalContainer {
    padding-top: 20px;
}
#partialPaymentBody .paymentTotalContainer .paymentTotal,
#partialPaymentTotalError .invalidAmountError {
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}
#partialPaymentTotalError .invalidAmountError {
    padding: 20px 0px 0px 20px;
}
#paymentAmount {
    width: 270px;
    height: 33px;
    padding: 0px 15px;
    background-color: #EDEDED;
    text-align: right;
    font-weight: bold;
    margin: 0;
    border-color: #d4d4d4;
    float: right;
}
#partialPaymentBody .partialPaymentSectionLabel {
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
#partialPaymentBody .partialPaymentSection {
    float: right;
    margin-left: 50px;
}
#partialPaymentBody .leftPartialPaymentSection {
    min-width: 320px;
    height: 120px;
}
#partialPaymentSection .partialPaymentLinkHolder {
    margin-top: 15px;
    text-align: right;
}

/* .order_summery .summery_wrapper #partialPaymentSection .leftFloated {
    float: left;
}

.order_summery .summery_wrapper #partialPaymentSection,
.order_summery .summery_wrapper #partialPaymentSection .rightFloated {
    float: right;
} */

#partialPaymentSection #partialPaymentLink,
#partialPaymentSection #partialPaymentLink:hover,
#partialPaymentSection #partialPaymentLink:visited {
    color: #0A4F38;
    padding: 0;
}
#partialPaymentSection #partialPaymentLink span {
    font-size: 16px;
    position: relative;
}
#partialPaymentSection #partialPaymentExpandableLabel:before,
#partialPaymentSection #partialPaymentCollapsibleLabel:before {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    pointer-events: none;
    border-top: 5px solid transparent;
    border-left: 8px solid #0A4F38;
    border-bottom: 5px solid transparent;
    margin-right: 3px;
}
#partialPaymentSection #partialPaymentCollapsibleLabel:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 8px solid #0a4f38;
    border-bottom: none;
}
#partialPaymentSection .cont_to_pay {
    width: auto;
    padding: 0 15px;
    position: absolute;
    bottom: -65px;
    right: 0;
}
#partialPaymentSection .partial_payment_comment {
    resize: none;
    height: 100px;
    width: 310px;
    margin-top: 20px;
}
#partialPaymentSection .paymentEmptyCommentErrorMessage {
    color: red;
    display: none;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    width: 252px;
    padding: 0 0 0 70px;
}

/* Invoice Partial Payment End */

.tp_OrderButton.download_selected.disable {
    pointer-events: none;
    background-color: #999 !important;
}
#searchInvoice.disable {
    border: #a3a3a4;
    pointer-events: none;
    background-color: #d3d3d3 !important;
    font-weight: normal;
    color: #a3a3a4;
}
#loaderBox,
#universe_error_message_container,
#invoicesWaitingResponseError {
    width: 600px;
    height: 130px;
    padding-top: 70px;
    margin: 50px auto 0;
    font-size: 24px;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
}
#invoicesWaitingResponseError.hidden {
    padding-top: 0;
}
.tp_tab_panel,
.tp_action_buttons {
    display: none;
}
.add-spinner {
    background: url('../../common/images/colorbox/loading.gif') no-repeat 50% 0;
}
.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);
}
.load-wrapper-order-details {
    position: fixed;
    opacity: 0;
    z-index: 1000;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
#tab_creditNotes .tp_action_buttons,
#tab_creditNotes .tp_tab_panel,
#tab_statements .tp_tab_panel {
    display: block;
}
#tab_statements .older_statements {
    background: #ededed;
    padding: 20px 50px;
}
#limitExceededError {
    border: 1px solid #0A4F38;
    width: 450px;
    background: #FFF;
    z-index: 100;
    margin: 0px auto;
}
#limitExceededError .popUpErrorHeader {
    background-color: #0A4F38;
    color: #FFF;
    padding: 10px;
    font-size: 16px;
}
#limitExceededError .popUpErrorHeader .popUpErrorNotification {
    background: url(../images/invoices-and-credit-notes/icn_error_white.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: -2px;
}
#limitExceededError .popUpErrorHeader .popUpErrorClose {
    background: url(../images/invoices-and-credit-notes/tp_error_popup_close.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: right;
}
#limitExceededError .popUpErrorHeader .popUpErrorHeaderContent {
    padding-left: 15px;
}
#limitExceededError .popUpErrorMessage {
    padding: 15px;
    margin: 0 auto;
    width: 390px;
    color: #ff0000;
}
#invoiceLimitError {
    opacity: 1;
    display: inline-block;
    padding: 12px 15px;
    font-size: 14px;
    color: #ff0000;
    text-align: left;
}
#invoiceLimitError.hidden {
    opacity: 0;
}
#get_adobe_reader {
    position: absolute;
    top: 20px;
    right: 20px;
}
#get_adobe_reader > a,
#get_adobe_reader .adobeReaderMessageContent {
    float: left;
}
#get_adobe_reader img {
    width: 125px;
}
#get_adobe_reader .adobeReaderMessageContent {
    width: 380px;
    padding-left: 10px;
    padding-top: 3px;
}
#get_adobe_reader .adobeReaderMessageContent a {
    padding-left: 5px;
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}
.balance_wrapper {
    width: 540px;
    position: relative;
}
.balance_wrapper #balance_tabs {
    width: 540px;
    padding: 0;
}
#balance_tabs .ui-tabs-nav {
    padding: 0;
}
#balance_tabs .ui-tabs-nav li {
    width: 200px;
    height: 45px;
    background: #D4D4D4;
}
#balance_tabs .ui-tabs-nav li.ui-state-active {
    background: #0a4f38;
}
#balance_tabs .ui-tabs-nav li.ui-state-active a {
    color: white;
}
#balance_tabs .ui-tabs-nav a {
    text-decoration: none;
}
#balance_tabs .ui-tabs-nav a {
    width: 200px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-align: center;
    color: #333;
    font-weight: bold;
    outline: none;
    display: block;
}
#balance_tabs .ui-tabs-nav a:visited,
#balance_tabs .ui-tabs-nav a:active {
    outline: none;
}
#balance_tabs .ui-tabs-panel {
    background: #f2f2f2;
    width: 500px;
    padding: 15px 20px;
    min-height: 190px;
    border: 2px solid #0c4f38;
    outline: none;
}
#balance_tabs #table_amount.ui-tabs-panel {
    min-height: 130px;
    padding-top: 35px;
    border: 2px solid #0c4f38;
}
#balance_tabs #table_amount .amounts_due_error {
    text-align: center;
    margin: auto;
    margin-top: 33px;
    line-height: 20px;
}
#balance_tabs .amount_content {
    list-style: none;
    position: relative;
    display: block;
    padding: 3px 0px 3px 20px;
    margin: 0;
}
#balance_tabs .amount_content li {
    float: left;
    width: 100px;
    min-height: 40px;
    line-height: 40px;
}
#balance_tabs .amount_content:after {
    content: '';
    clear: both;
    display: table;
}
#balance_tabs .amount_content li.title {
    font-weight: bold;
    padding-right: 10px;
    width: 140px;
    font-size: 14px;
}
#balance_tabs .amount_content li.price {
    padding-right: 10px;
    width: 120px;
    font-size: 14px;
}
#balance_tabs .amount_content li.button {
    width: 170px;
}
#balance_tabs .amount_content li.tooltip {
    width: 25px;
}
#balance_tabs .amount_content li.tooltip .info-tooltip-icon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 10px auto 10px;
    margin-left: 10px;
    background: #0a4f38;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.info-tooltip-icon .info-popup {
    display: none;
    position: absolute;
    top: 3px;
    left: 510px;
    padding: 20px;
    width: 190px;
    min-height: 210px;
    border: 2px solid #999;
    background: #fff;
    z-index: 9999;
    border-radius: 0.3em;
    border-color: #0A4F38;
    color: black;
    text-align: left;
}
.info-tooltip-icon .info-popup:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 230px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 11px solid #fff;
    z-index: 9999
}
.info-tooltip-icon .info-popup:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 232px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #0A4F38;
    z-index: 9998;
}
#transactionsBreakdown {
    padding: 10px;
    background-color: #F2F2F2;
    height: 210px;
    margin-bottom: 20px;
}
#transactionsBreakdown .transactionBreakdownHeader {
    height: 20px;
    border-bottom: #ccc solid 1px;
}
#transactionsBreakdown .transactionBreakdownHeaderMessage {
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 600;
    float: left;
    display: none;
}
#transactionsBreakdown .transactionBreakdownHeaderCreditLimit {
    padding-top: 5px;
    float: right;
    font-size: 14px;
    margin-top: -10px;
}
#transactionsBreakdown .transactionBreakdownHeaderCreditLimit .creditLimitValue {
    padding-left: 5px;
    font-size: 14px;
}
#transactionsBreakdown .transactionBreakdownHeaderCreditLimit .creditLimitValue .valueAlign,
#transactionsBreakdown .transactionBreakdownFooter .creditBalanceValue .valueAlign {
    display: inline;
}
#transactionsBreakdown .transactionBreakdownContent {
    height: 135px;
    padding: 15px 0px 0px 15px;
    margin: 0 auto;
    width: 490px;
}
#transactionsBreakdown .transactionBreakdownContent .noDebitTransactions {
    float: right;
    padding-right: 10px;
}
#transactionsBreakdown .transactionBreakdownContent .noCreditTransactions {
    padding-left: 50px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionsDebit {
    float: left;
    width: 245px;
    position: relative;
    left: -20px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionCredit {
    float: left;
    width: 245px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionBreakdownContentHeader {
    height: 20px;
    padding-bottom: 10px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionBreakdownContentHeader > div {
    font-weight: bold;
    font-size: 16px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionBreakdownContentHeader .transactionBreakdownHeaderDebits {
    float: left;
    padding-left: 150px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionBreakdownContentHeader .transactionBreakdownHeaderCredits {
    padding-left: 60px;
    float: left;
}
#transactionsBreakdown .transactionBreakdownContent .transactionType {
    height: 15px;
    padding-bottom: 5px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionType .transactionTypeLabel {
    width: 125px;
    float: left;
    font-weight: bold;
}
#transactionsBreakdown .transactionBreakdownContent .transactionType .transactionTypeDebit {
    float: right;
    width: 90px;
}
#transactionsBreakdown .transactionBreakdownContent .transactionType .transactionTypeCreditLabel {
    float: right;
}
#transactionsBreakdown .transactionBreakdownContent .transactionType .transactionTypeDebit .valueAlign {
    float: right;
}
#transactionsBreakdown .transactionBreakdownContent .transactionType .transactionTypeCredit .valueAlign {
    float: right;
}
#transactionsBreakdown .transactionBreakdownContent .transactionType .transactionTypeCredit {
    float: left;
    width: 70px;
    overflow: visible;
}
#transactionsBreakdown .transactionBreakdownFooter {
    padding: 0px 0px 0px 10px;
    font-size: 15px;
    position: relative;
    top: 50px;
}
#transactionsBreakdown .transactionBreakdownFooter > span {
    font-weight: 600;
}
#transactionsBreakdown .transactionBreakdownFooter .creditBalanceValue {
    font-size: 15px;
}
.partPaidInfo {
    margin-top: 2em;
    text-align: center;
}
.partPaidInfoEmail {
    font-weight: bold;
}
#transactionsBreakdown #info-tooltip #infoTooltipLabel:hover,
#transactionsBreakdown #info-tooltip #infoTooltipLabel:active {
    text-decoration: underline;
    cursor: pointer;
}
#transactionsBreakdown .info-tooltip,
#transactionsBreakdown .info-tooltip #infoTooltipIcon {
    cursor: pointer;
}
#universe_error_message_container {
    width: auto;
    height: auto;
    padding: 42px 0 70px;
    margin: 0;
}

/* DD TEAM CSS START */

a.logout_link {
    padding: 4px 0px 0px 0px!important;
}
.button_text a[href="#"]:hover,
.nav li:hover a[href="#"] {
    cursor: default!important;
    text-decoration: none!important;
    color: #232323!important;
}
.feature-design .tpProductView .span-14 {
    background-color: transparent!important;
}
.tp_tabs_wrapper .tp_action_buttons {
    margin-left: auto;
}
.feature-design .tpInfoWrapper .productPrice .price_info_holder .price_UOM,
.feature-design .tpInfoWrapper .productEQPrice .price_info_holder .price_UOM {
    font-weight: bold;
    display: inline-block!important;
}
.feature-design .tpInfoWrapper .productPrice .price_info_holder .price_ex_vat,
.feature-design .tpInfoWrapper .productEQPrice .price_info_holder .price_ex_vat {
    display: inline-block!important;
}
.feature-design .tpProductView .tpActionWrapper .tpQ_input input,
#collectionBranchLocatorPopup .product-data .product-info .product-qty input {
    padding: 3px 16px 3px 3px !important;
}
#amendLogin .dashboardButton {
    margin-top: 50px;
}
.basket_ctas .checkoutButton .linkForOtherCustomer a {
    background-color: #9FC1C0!important;
    border: 1px solid #5F8280;
}
button.login_button.button:hover {
    background-color: #E4A30B!important;
}

/*.payment-finish-box {
    position: relative;
    height: 50px;
    line-height: 50px;
    border: 2px solid #99cc80;
    padding: 20px;
    margin: 33px 0;
    overflow: hidden;
}*/

.payment-finish-msg {
    font-size: 14px;
    height: 50px;
    width: 350px;
    margin-right: 20px;
    float: left;
    text-align: right;
}
.payment-finish-box form.btn-holder {
    height: 50px;
    width: 180px;
    float: left;
    position: relative;
    top: -10px
}
.payment-finish-box {
    height: 50px;
    width: 580px;
    margin-left: auto;
    margin-top: 32px;
}
.payment-finish-btn {
    width: 180px;
    height: 35px;
    outline: none;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    color: black;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
}

/*Payment declined page styles start*/

.payment-declined-page {
    position: relative;
    padding-left: 30px;
}
.payment-declined-title {
    width: 610px;
    margin-bottom: 15px;
    font-size: 32px;
    line-height: initial;
}
.payment-declined-img {
    position: absolute;
    top: 88px;
    right: 20px;
}
.payment-declined-msg {
    width: 540px;
    border-top: 1px solid #ccc;
    padding: 15px 40px 15px 0;
    color: #333;
    line-height: 1.2;
    font-size: 14px;
}
.payment-declined-list-holder {
    width: 580px;
    background-color: #F2F2F2;
    padding: 8px 0 18px 10px;
}
.payment-declined-list-holder .list {
    font-size: 14px;
    color: #333;
}
.payment-declined-list-holder .list-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #333;
}
.payment-declined-list-holder .list-item {
    position: relative;
    padding-left: 10px;
    margin-bottom: 3px;
}
.payment-declined-list-holder .list-item:after {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 6px;
    color: #333;
    content: '\26AB';
}
.payment-declined-btn-holder {
    width: 590px;
    padding: 25px 0;
}
.payment-declined-btn {
    width: 180px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    border-radius: 5px;
    color: #333;
}
.payment-declined-btn > a {
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.template-pages-CheckoutPageTemplate .payment-declined-btn,
.template-pages-GuestPaymentDeclinePageTemplate .payment-declined-btn {
    float: left;
    text-align: center;
}

.payment-declined-btn.btn-right {
    float: right!important;
}
.tp_tabs_wrapper .tp_action_buttons {
    height: auto!important;
}
#payment_wrapp #content,
.tp_totalInvoice_wrapper {
    width: 910px;
}
#payment_wrapp #content {
    width: auto;
    margin: 10px 0 30px 20px;
    overflow: hidden;
}
.tp_checkoutTitle_wrapper .tp_OrderTitle,
h1.tp_OrderTitle {
    font-size: 18px!important;
}
.tp_paymentCards {
    padding: 20px 0px 20px 0px;
}
.tp_paymentCards:after {
    content: '';
    display: table;
    clear: both;
}
#payment_wrapp .tp_orderSteps_wrapp {
    margin: 55px 20px 0 0;
}
.tp_totalInvoice_wrapper .tp_totalInvoice_head {
    width: 910px!important;
    padding: 21px 11px;
}
.payment_list th {
    background-color: transparent;
}
.payment_list th,
.payment_list td {
    border-bottom: 1px solid #D7D7D7;
}
.application-form form .label-and-input.input-error input,
.application-form form .label-and-input.input-error select {
    border-color: #ED1C24!important;
}
button#postcodeLookupButton {
    height: 39px!important;
    border-radius: 7px!important;
}
.tp_paymentCards #billingForm .tp_orderContinued .tp_OrderButton.cont_to_pay {
    width: 150px!important;
}
.tp_Order_message.success {
    padding: 0px 0px 20px 0px!important;
}
.tp_Order_message .tp_order_message_type {
    top: 10px!important;
    left: 15px!important;
    background: white url("../images/checkout/success-tick.png") no-repeat scroll 3px 3px;
    border: none;
    width: 25px;
    height: 25px;
}
.tp_Order_message.success h3.tp_OrderTitle {
    padding: 8px 0px 10px 49px;
    background-color: #9fc1c0;
    width: 858px;
    margin-bottom: 20px;
    font-size: 20px
}
.tp_Order_message.success,
.tp_Order_message.success .tp_order_message_type {
    border-color: #9fc1c0!important;
}
.tp_Order_message.success p {
    padding: 0px 0px 5px 20px;
    font-size: 16px;
}
.tp_info_acc,
.tp_info_card {
    min-height: 198px!important;
}
.tp_info_acc,
.tp_info_card,
.tp_info_acc td,
.tp_info_card td {
    background-color: #ededed!important;
    border: none!important;
}
.tp_info_acc tr td:first-child,
.tp_info_card tr td:first-child {
    font-weight: bold;
}
.payment_list td {
    height: 45px;
    font-size: 15px;
}
.payment_list th {
    font-size: 14px
}
h1.tp_OrderTitle {
    font-size: 20px;
}
.tp_OrderTitle.review {
    padding-bottom: 10px;
    border-bottom: 2px solid #ededed;
    margin-bottom: 10px
}
.tp_OrderTitle.paymentconfirm {
    padding-bottom: 20px
}
#payment_wrapp .tp_OrderTitle.selectCard {
    height: 55px;
    line-height: 55px;
    padding-top: 0px!important;
}
.tp_orderTotal_wrapp .tp_order_informer {
    left: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.tp_orderTotal_wrapp {
    padding: 20px;
    position: relative;
    margin: 20px 0px
}
.summery_wrapper {
    border: none;
}
.tporderTotal p {
    font-size: 16px;
}
.page-InvoiceCreditNotesPage .tp_title_wrapper {
    padding-top: 0px!important;
}
#payment_section {
    clear: both;
}
#payment_section .tlg_error_wrapp {
    padding: 40px 0 110px 0;
}
#payment_section .tlg_error,
#payment_section_saved_card .tlg_error {
    width: 910px;
    min-height: 100px;
    border: 1px solid #799492;
}
#payment_section .tlg_error > h3,
#payment_section_saved_card .tlg_error > h3 {
    margin: 0;
    background: #799492;
    color: #fff;
    position: relative;
    padding: 0 0 0 35px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
#payment_section .tlg_error > h3:before,
#payment_section_saved_card .tlg_error > h3:before {
    content: '!';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    left: 8px;
    text-align: center;
    line-height: 18px;
    color: #799492;
    font-size: 18px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#payment_section .tlg_error > p,
#payment_section_saved_card .tlg_error > p {
    padding: 10px;
    margin: 0;
    font-size: 14px;
}
.tp_orderPayment_wrapper .tp_orderAttention {
    margin: 20px 0;
}
#payment_section .tlg_error {
    width: 100%;
}
#payment_section .tp_orderAttention .tlg_error_wrapp {
    padding: 0;
}
#payment_section .tp_orderAttention .tlg_error_wrapp .tlg_error,
#payment_section_saved_card .tp_orderAttention .tlg_error_wrapp .tlg_error {
    width: 95%;
    margin: 0 auto;
    color: #232323;
}
#payment_section .tp_orderAttention .tlg_error_wrapp p,
#payment_section_saved_card .tp_orderAttention .tlg_error_wrapp p {
    font-size: 16px;
    color: #232323;
}
#payment_section .tp_orderAttention .tlg_error > h3,
#payment_section_saved_card .tp_orderAttention .tlg_error > h3 {
    font-size: 18px;
}
#refine_billing_address,
#paymentframe > h2 {
    display: none;
}
.collapsed #refine_billing_address {
    display: block;
}
.collapsed #paymentframe {
    display: none;
}
.collapsed #billing_address_form {
    display: none;
}
#tp_paymentCards.tp_paymentCards.billing {
    padding: 0;
}
#tp_paymentCards.tp_paymentCards.billing #billing_address_form {
    padding-bottom: 20px;
}
#tp_paymentCards.tp_paymentCards.billing .sameAdress {
    position: relative;
    left: 163px;
}
.page-InvoicePaymentPage .sameAdress,
.page-BalancePaymentPage .sameAdress {
    display: none;
}
#billing_address_form .tp_orderPayment_mandatory {
    padding: 0 8px 0 8px;
    text-align: right;
}
#payment_section.card_details {
    margin-top: 30px;
}
#billing_address {
    position: relative;
}
#payment_section.card_details.collapsed h2,
#tp_paymentCards #billing_address.collapsed h2 {
    margin-bottom: 0;
    border-bottom: none;
}
#billing_address.collapsed #refine_billing_address {
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 10px;
    line-height: 45px;
    cursor: pointer;
}
div#tp_nav_main ul li.level1Category.STANDARD:last-child a {
    color: white!important;
    -webkit-border-image: none;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-color: transparent;
}

div#tp_nav_main ul li.level1Category.STANDARD:last-child a {
    background-color: #ED1C24!important;
}
div#tp_nav_main ul li.level1Category.STANDARD:last-child a:hover {
    font-weight: normal;
}
div#tp_nav_main ul li.level1Category.OFFER.non-taxonomy-item a {
    background: none!important;
    color: #D41B2D!important;
}
div#tp_nav_main ul li.level1Category.non-taxonomy-item:hover a:hover{
    background: #0d6648 !important;
    color:#FFF !important;
    font-weight: bold;
    text-decoration: none;
}

/*
Order Payment
*/

.tp_orderPayment_wrapper:after {
    content: '';
    clear: both;
    display: table;
}
.tp_orderPayment_wrapper .order_paymentDetails.no_float,
.tp_orderPayment_wrapper .order_paymentDetails .tp_confirmPayment,
.tp_orderPayment_wrapper .order_basket,
.tp_orderPayment_wrapper #tp_paymentCards,
.tp_orderPayment_wrapper .order_paymentDetails.error_RemainingBalance,
.tp_orderPayment_wrapper .order_paymentDetails.no_float,
#payment_section.card_details,
#payBySavedCard #payment_section_saved_card {
    border: 1px solid #797979;
}
.tp_orderPayment_wrapper .order_paymentDetails.no_float h2,
.tp_orderPayment_wrapper .order_paymentDetails .tp_confirmPayment h2,
.tp_orderPayment_wrapper .order_basket h2,
.tp_orderPayment_wrapper #tp_paymentCards h2,
.tp_orderPayment_wrapper .order_paymentDetails.error_RemainingBalance h2,
.tp_orderPayment_wrapper .order_paymentDetails.no_float h2,
#payment_section.card_details h2,
#payBySavedCard #payment_section_saved_card h2 {
    padding: 0 10px;
    border-bottom: 1px solid #797979;
    font-size: 20px;
    line-height: 45px;
    height: 45px;
}
.tp_orderContinued.returningCustomer {
    display: none;
}
.hasSavedCards .tp_orderContinued.returningCustomer {
    display: block;
}
.hasSavedCards .tp_orderContinued.newCustomer {
    display: none;
}
.tp_orderPayment_wrapper .order_paymentDetails,
.tp_orderPayment_wrapper .leftBlock {
    float: left;
    width: 517px;
    position: relative;
}
.tp_orderPayment_wrapper .order_paymentDetails.no_float {
    float: none;
}
.tp_orderPayment_wrapper .order_paymentDetails.error_RemainingBalance {
    float: none;
}
.tp_orderPayment_wrapper .order_basket {
    float: right;
    width: 330px;
    min-height: 300px;
    position: relative;
}
.order_paymentDetails .paymentDetails_text {
    position: relative;
    padding: 15px 10px;
}
.tp_orderPayment_wrapper #payment_section {
    position: relative;
}
#payment_section .tp_orderPayment_mandatory {
    display: none;
    position: absolute;
    right: 6px;
    top: 52px;
}
.tp_orderPayment_wrapper #payment_section .tp_orderPayment_mandatory {
    display: block;
}
.tp_orderPayment_wrapper .order_payment_block #payment_section .tp_orderPayment_mandatory {
    display: block;
    top: 52px;
}
.paymentDetails_text .confirm_title {
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0 0 15px 0;
}
.paymentDetails_text .available_credit {
    font-size: 14px;
    margin: 0;
    padding: 0 0 20px 0;
}
.paymentDetails_text .credit {
    margin: 0;
    padding: 0 0 20px 0;
    height: 70px;
}
.paymentDetails_text .credit:after {
    content: '';
    clear: both;
    display: table;
}
.paymentDetails_text .credit li {
    float: left;
    min-width: 180px;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px 0 0;
    line-height: 64px;
}
.paymentDetails_text .credit li.remains {
    min-width: 100px;
    width: auto;
    padding: 0 10px;
    border: 3px solid #00cc63;
    color: #00cc63;
    font-size: 34px;
    line-height: 64px;
}
.paymentDetails_text .credit li.remains.insufficient {
    color: #f00;
    border-color: #f00
}
.paymentDetails_text .credit li.limit {
    min-width: 50px;
    font-size: 13px;
    width: auto;
    padding: 20px 0px 0 20px;
    line-height: 16px;
}
.paymentDetails_text .credit li.limit div {
    font-weight: bold;
}
.paymentDetails_text .credit li.limit p {
    margin: 0;
    padding: 0;
    line-height: 16px;
}
.paymentDetails_text .pay_wrapp {
    text-align: right;
    padding: 0 0 10px 0;
}
.paymentDetails_text .pay_wrapp .tp_OrderButton {
    float: none;
}
.paymentDetails_text .pay_wrapp p {
    margin: 0;
    padding: 15px 0 0;
    font-size: 13px;
}
.order_paymentDetails.error_RemainingBalance > h2 {
    margin-bottom: 0px;
}
.order_paymentDetails.error_RemainingBalance > .paymentDetails_text {
    padding: 3px;
}
.order_paymentDetails.error_RemainingBalance > .paymentDetails_text .error_message {
    border: 2px solid #ff0000;
    padding: 15px 10px;
    font-weight: 400px;
    font-size: 16px;
}
.feature-design .tp_orderPayment_wrapper .baskt_items_wrap .baskt_item {
    width: 330px;
}
.tp_orderPayment_wrapper .leftBlock .tp_paymentCards {
    padding-top: 0;
}
.tp_orderPayment_wrapper .leftBlock .tp_orderContinued {
    margin-bottom: 0;
}
#payment_section .mandatory_text,
#payment_section_saved_card .mandatory_text {
    text-align: right;
    padding: 0 10px 0 0;
}
#payment_section .privacyLink,
#payment_section_saved_card .privacyLink {
    padding: 0 0 0 10px;
}

/*
Order Thank You page
*/

.order_success_wrapper {
    padding: 15px 0;
}
.order_success_wrapper h1.tp_OrderTitle {
    font-size: 24px !important;
    font-weight: normal;
}
/*
.order_success_wrapper #order_details {
    border: 2px solid #9dcc86;
    padding: 15px;
    margin-bottom: 15px;
}
*/
#order_details .tp_orderSuccess {
    position: relative;
    margin: 0;
    padding: 0 0 15px 35px;
    font-size: 24px;
    line-height: 39px;
    font-weight:normal;
}
#order_details .tp_orderSuccess:before {
    content: '\f00c';
    position: absolute;
    top: 8px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-family: FontAwesome;
    background-color: #528272;
    color: white;
    line-height: 25px;
    font-size: 17px;
    text-align: center;
}
#order_details .tp_infoList {
    margin: 0;
    padding: 0 0 0 10px;
}
#order_details .tp_infoList:after {
    content: '';
    clear: both;
    display: table;
}
#order_details .tp_infoList li {
    float: left;
    width: 190px;
}
#order_details .tp_infoList li:last-child {
    width: 300px;
}
#order_details .tp_infoList li div {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    padding: 0;
}
#order_details .tp_infoList li:first-child div {
    font-weight: normal;
}
#order_details .tp_success_text {
    font-size: 16px;
    padding: 10px 0 10px 10px;
}
#order_details .tp_balance_text {
    font-size: 16px;
    padding: 0 0 10px 10px;
}
#order_details .tp_balance_text p {
    font-size: 16px;
    padding: 0;
    margin: 0;
}
#order_details .tp_success_text p {
    padding: 5px 0;
    font-size: 16px;
}
#order_details .tp_creditsNotes {
    margin: 0;
    padding: 0 5px 0 20px;
}
#order_details .tp_creditsNotes:after {
    content: '';
    clear: both;
    display: table;
}
#order_details .tp_creditsNotes li {
    float: left;
    padding: 5px 15px;
    min-height: 48px;
}
#order_details .tp_creditsNotes li p {
    margin: 0;
    padding: 0;
}
#order_details .tp_creditsNotes li.remain {
    width: 90px;
    border: 3px solid #00cc67;
}
#order_details .tp_creditsNotes li.remain div {
    line-height: 16px;
    text-align: center;
    color: #00cc67;
    font-size: 14px;
}
#order_details .tp_creditsNotes li.remain div:last-child {
    font-weight: bold;
    font-size: 16px;
}
#order_details .tp_creditsNotes li.limit {
    padding: 20px 15px 0px 15px;
    min-height: 28px;
}
#order_details .tp_creditsNotes li.limit div {
    font-size: 13px;
    line-height: 15px;
}
#order_details .tp_creditsNotes li.limit div:first-child {
    font-weight: bold;
}
.order_success_wrapper .orderSuccess_buttons {
    padding: 15px;
}
.order_success_wrapper .orderSuccess_buttons:after {
    content: '';
    clear: both;
    display: table;
}
.orderSuccess_buttons .tp_OrderButton {
    width: auto;
    float: left;
    min-width: 227px;
    margin: 0 15px 0 0;
}
.order_success_wrapper .tp_success_banner {
    padding: 15px 0;
    border-top: 1px solid #000;
}
.order_success_wrapper .tp_success_banner img {
    width: 910px;
}
.policy-layout-template-wrapper {
    margin-top: 10px;
}
.policy-layout-template-wrapper .policy-header {
    font-size: 20px;
    margin-bottom: 20px;
}
.policy-layout-template-wrapper .policy-subheader {
    font-size: 18px;
    margin-bottom: 20px;
}
.policy-layout-template-wrapper .policy-subdescription {
    padding: 0px 10px;
    text-align: justify;
}
.policy-layout-template-wrapper .policy-content-wrapper {
    margin-bottom: 30px;
}
.policy-layout-template-wrapper .policy-subcontent-wrapper {
    padding: 30px 0px;
    /*background-color: #CCCCCC;*/
    margin-bottom: 20px;
    /*display:none;*/
}
.policy-layout-template-wrapper .policy-image-grid-wrapper {
    /*background-color: #CCCCCC;*/
    padding: 20px 0px;
    height: 110px;
}
.policy-layout-template-wrapper .policy-image-grid-wrapper .image-grid-container {
    margin: 0px auto;
    width: 670px;
}
.policy-layout-template-wrapper .policy-image-grid-wrapper .image-item-wrapper {
    width: 150px;
    float: left;
    margin: 0px 8px;
}
.policy-layout-template-wrapper .policy-image-grid-wrapper .image-item-wrapper .grid-image {
    width: 150px;
    height: 90px;
}
.policy-layout-template-wrapper .policy-image-grid-wrapper .image-item-wrapper .grid-label {
    text-align: center;
    margin: 5px 0px;
}

/*.policy-layout-template-wrapper .policy-expandable-grid-wrapper {
    margin: 10px;
}
*/

.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper {
    margin: 20px 0px;
}
.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper .expandable-item-header {
    background-color: #F2F2F2;
    height: 40px;
    cursor: pointer;
}
.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper .expandable-item-header .expandable-item-title {
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding-left: 20px;
    padding-top: 14px;
}
.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper .expandable-item-header .expandable-item-expandable-text {
    float: right;
    padding-right: 20px;
    padding-top: 14px;
}
.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper .expandable-item-header .expandable-item-expandable-text:after {
    content: "";
    display: inline-block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 8px solid #0a4f38;
    margin-left: 10px;
}
.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper .expandable-item-header .expandable-item-collapsible-text {
    float: right;
    padding-right: 20px;
    padding-top: 14px;
}
.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper .expandable-item-header .expandable-item-collapsible-text:after {
    content: "";
    display: inline-block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 8px solid #0a4f38;
    margin-left: 10px;
}
.policy-layout-template-wrapper .expandable-grid-container .expandable-item-wrapper .expandable-item-content {
    padding: 10px;
    background-color: #F2F2F2;
    margin: 0px 0px 10px 0px;
    text-align: justify;
    display: none;
}
.policy-expandable-grid-wrapper div.content {
    padding: 10px;
}

/* Delivery details page start */

.delivery-details-wrap {
    position: relative;
    overflow: hidden;
    width: 492px;
    border: 1px solid #000;
    padding: 10px 15px 15px 10px;
    margin-bottom: 25px;
}
.delivery-details-wrap .title {
    height: 31px;
    padding: 1px 0 0 4px;
    margin-bottom: 0;
    font-size: 20px;
    border-bottom: 1px solid #000;
}
.delivery-details-wrap .address-form {
    position: relative;
    padding-top: 40px;
}
.delivery-details-wrap .input-wrap {
    position: relative;
    margin-bottom: 15px;
}
.delivery-details-wrap .input,
.delivery-details-wrap .label {
    display: inline-block;
}
.delivery-details-wrap .label {
    margin-right: 28px;
    width: 117px;
    font: 13px 'Arial Bold', 'Arial';
    text-align: right;
}
.delivery-details-wrap .input-wrap label {
    display: inline-block;
    font-weight: 700;
}
.delivery-details-wrap .contact-number .label {
    vertical-align: bottom;
}
.delivery-details-wrap .input-wrap input {
    width: 248px;
    height: 28px;
    margin: 0;
}
.delivery-details-wrap .input input,
#selectedAddress {
    width: 248px;
    height: 28px;
    margin: 0;
    border: 1px solid #bbb;
}
.delivery-details-wrap #contact-number {
    vertical-align: bottom;
}
.delivery-details-wrap .form-info,
.collectionOptions-wrap .form-info {
    position: absolute;
    right: 13px;
    top: 52px;
    font-size: 13px;

}
.delivery-details-wrap .find-btn-wrap {
    padding: 6px 0 15px 149px;
}
.delivery-details-wrap .find-btn {
    display: block;
    height: 40px;
    width: 250px;
    border-radius: 5px;
    border: 1px solid #B5B5B5;
    background: #FFF;
}
.delivery-details-wrap .email_error_message span,
.form-error {
    position: absolute;
    width: 280px;
    color: red;
    top: 33px;
    left: 150px;
    font-size: 14px;
}
.delivery-details-wrap .find-address-error {
    display: none;
    position: relative;
    top: 10px;
    padding-left: 50px;
    text-align: center;
    color: red;
}
.address-form__postcode+.find-address-error {
    padding-left: 135px;
    text-align: left;
}
.address-form__house-num .label {
    vertical-align: bottom;
}
.delivery-details-wrap .error-wrap {
    margin-bottom: 20px;
}
.delivery-details-wrap .text-block {
    padding: 25px 0 0 3px;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
}
.delivery-details-wrap .questions-form {
    padding: 39px 0 0 6px;
    margin-bottom: 30px;
}
.delivery-details-wrap .question-wrap {
    position: relative;
    padding-right: 39px;
    margin-bottom: 15px;
    font-size: 13px;
}
.delivery-details-wrap .question-wrap:last-child {
    margin-bottom: 0;
}
.delivery-details-wrap .questions-error-box {
    padding: 10px 0 10px 6px;
}
.delivery-details-wrap .form-error {
    position: static;
    display: inline-block;
    margin-top: 5px;
}
.delivery-details-wrap .radio-btn-wrap {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: start;
}
.delivery-details-wrap .question-wrap > label {
    float: right;
}
.delivery-details-wrap .agree-radio-btn {
    margin-right: 19px;
}
.delivery-details-wrap .question-area {
    display: none;
}
.delivery-details-wrap .question-area ~ .form-error {
    display: block;
}
.delivery-details-wrap .question-area .description {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 10px;
}
.delivery-details-wrap .question-area textarea {
    width: 100%;
    height: 55px;
    margin: 0;
}
#deliveryDetailsContainer .form-btn {
    width: 180px;
    height: 34px;
    border: 1px solid #747474;
    border-radius: 5px;
    background-color: #999;
    color: #fff;
    font-size: 100%;
}
#deliveryDetailsInfoContainer .form-btn {
    float: right;
    width: 199px;
    height: 40px;
    border: 1px solid #747474;
    border-radius: 5px;
    margin: 0 20px 20px 0;
    font-size: 100%;
    color: #fff;
    cursor: pointer;
    background-color: #999;
}
.delivery-details-wrap .btn-cancel {
    float: left;
    width: 103px;
    margin-left: 6px;
}
.delivery-details-wrap .btn-submit {
    float: right;
}
.delivery-address-wrap,
.delivery-info-wrap,
.collectionOptions-wrap {
    width: 517px;
    margin-bottom: 50px;
    overflow: hidden;
    border: 1px solid #000;
}
.delivery-address-wrap .title,
.delivery-info-wrap .title,
#cart .title-box,
.collectionOptions-wrap .title {
    padding: 8px 0 14px 13px;
    margin-bottom: 0;
    font-size: 20px;
    border-bottom: 1px solid #000;
}
.delivery-address-wrap .content,
#collectionOptionsContainer .collectionOptions-wrap .content {
    padding: 15px 26px 0 26px;
    overflow: hidden;
    border-top: 1px solid #000;
}
.delivery-address-wrap .content-title {
    margin: 0 0 23px -8px;
    font-size: 16px;
    font-weight: bold;
}
.delivery-address-wrap .addresses {
    position: relative;
    display: inline-block;
    width: 127px;
    height: 108px;
    border: 1px solid #000;
    margin: 0 13px 13px 0;
    padding: 5px;
    vertical-align: top;
}
.delivery-address-wrap .addresses.selected:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    height: 100%;
    width: 100%;
    padding: 5px;
    outline: 2px solid #33CC99;
}
.delivery-address-wrap .add-address-btn,
.delivery-address-wrap .select-address-btn,
#collectionOptionsContainer #collectionOptions_continue {
    display: block;
    height: 40px;
    width: 200px;
    margin-bottom: 21px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #B5B5B5;
    background: #FFF;
}
.delivery-address-wrap .add-address-btn {
    float: left;
}
.delivery-address-wrap .select-address-btn,
#collectionOptionsContainer #collectionOptions_continue {
    float: right;
}
.delivery-info-wrap .number-block,
.delivery-info-wrap .instruction-block {
    position: relative;
    padding: 10px 23px 10px 13px;
}
.delivery-info-wrap .number-block {
    border-top: 1px solid #000;
    overflow: hidden;
}
.delivery-info-wrap .instruction-block {
    padding-top: 28px;
    padding-bottom: 35px;
    overflow: hidden;
}
.delivery-info-wrap .limit-msg {
    position: absolute;
    right: 23px;
    bottom: 18px;
    font-size: 11px;
}
.delivery-info-wrap .second-title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}
.delivery-info-wrap .number-text-block {
    display: inline-block;
    width: 215px;
}
.delivery-info-wrap .number-field {
    float: right;
    width: 253px;
    text-align: right;
}
.delivery-info-wrap .number-field input {
    width: 198px;
    height: 28px;
    margin: 0;
}
.delivery-info-wrap .number-info-link {
    float: right;
    width: 200px;
    padding-top: 3px;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    text-align: left;
}
.delivery-info-wrap .number-info,
.collectionOptions-wrap .number-info {
    display: none;
    float: right;
    padding-top: 20px;
    margin: 0;
}
.delivery-info-wrap .number-info.visible,
.collectionOptions-wrap .number-info.visible {
    display: block;
}
.delivery-info-wrap .number-field .form-error {
    display: block;
    width: auto;
    top: 26px;
    left: 12px;
}
.delivery-info-wrap .instruction-area {
    float: right;
    margin: -32px 0 0;
}
.delivery-info-wrap textarea {
    width: 252px;
    height: 77px;
    color: #000;
    font-size: 13px;
    font-family: 'Arial Regular', 'Arial';
}
#deliveryDetailsContainer .form-wrapper {
    border: 1px solid red;
}
#deliveryDetailsInfoContainer .saved-numbers {
    display: inline-block;
    vertical-align: top;
    padding-left: 87px;
    font-size: 13px;
    color: #333333;
    text-align: left;
}
#deliveryDetailsInfoContainer .saved-numbers label {
    display: block;
}
#deliveryDetailsInfoContainer .r-btn {
    margin-right: 3px;
    vertical-align: text-top;
}
#collectionOptionsShowDetails,
#deliveryAddressesShowDetails,
#deliveryInformationShowDetails {
    float: right;
    margin-right: 15px;
    font-size: 13px;
    color: #333333;
    text-align: left;
    text-decoration: none;
}
.delivery-address-wrap .pagination {
    text-align: center;
}
.delivery-address-wrap .tp_branchList_pagination {
    display: inline-block;
    width: auto;
}

/* Delivery details page end */

#tp_free_services .tpFreeServices .content,
#tp_free_services .tpFreeServices .content .top-banner,
#tp_free_services .tpFreeServices .content .top-banner span {
    height: 32px;
    line-height: 30px;
    color: #232323;
    margin: 0 auto;
    width: 310px;
    text-align: center;
}

/*Style one*/

#tp_free_services {
    margin-bottom: -10px;
}
#tp_free_services .tpFreeServices:nth-of-type(1) {
    margin-left: -1px!important;
}
#tp_free_services .tpFreeServices:nth-of-type(3) {
    margin-right: -1px!important;
}
#tp_free_services .tpFreeServices {
    width: 312px;
    display: inline-block;
    height: 32px;
    text-align: center;
    margin: 10px 2px;
    border: #CCC solid 1px;
    color: #000 !important;
    text-decoration: none !important;
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #FFF 0%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #FFF 0%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #FFF 0%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #FFF 0%, #e9e9e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e9e9e9', GradientType=0);
}
#tp_free_services .tpFreeServices .content .top-banner .highlighted {
    font-weight: bold;
    color: #0a4f38;
}
#tp_free_services .tpFreeServices .content .top-banner .highlighted:hover,
#tp_free_services .tpFreeServices .content .top-banner:hover > .highlighted {
    color: #F6B112;
}
#tp_free_services .tpFreeServices .content .top-banner:hover {
    text-decoration: none;
}
#tp_free_services .tpFreeServices .content .top-banner span:before {
    font-family: 'FontAwesome';
    font-size: 20px;
    padding-right: 3px;
    width: 20px;
    height: 20px;
    content: '';
    display: inline-block;
    color: #232323;
    position: relative;
}
#tp_free_services .tpFreeServices .content .delivery-item .highlighted:before {
    content: "\f0d1";
    top: 1px;
}
#tp_free_services .tpFreeServices .content .price-item .highlighted:before {
    top: 3px;
    content: "\f095";
    right: -2px;
}
#tp_free_services .tpFreeServices .content .product-item .highlighted:before {
    content: "\f015";
    top: 1px;
}
#autorizationForm .yCmsContentSlot.cms_disp-img_slot {
    display: none;
}

/*.feature-design #header .tpHeaderContent_holder .tpMiniCart #minicart_data #number_circle{
top: -28px;
right: 129px;
}

.feature-design #header .tpHeaderContent_holder .tpMiniCart:hover #minicart_data #number_circle{
color:white;
border:white;
}*/

#balance_tabs .tp_OrderButton {
    font-size: 13px;
    line-height: 37px;
    height: 37px;
    width: 200px;
}

/* Add to cart popup styles */

#tp_addToCartPopup .wrapper,
#tp_deleteAddressPopup .wrapper,
#plpAddToCartPopup .wrapper,
#tp_undeliverableProductsPopup .wrapper{
    padding: 15px 30px 0 20px;
}
#tp_addToCartPopup .logo-wrap,
#plpAddToCartPopup .logo-wrap,
#tp_undeliverableProductsPopup .logo-wrap{
    margin-bottom: 20px;
    padding: 5px 0 0 10px;
}
#tp_addToCartPopup .popup-title,
#plpAddToCartPopup .popup-title,
#tp_undeliverableProductsPopup .popup-title{
    display: inline-block;
    padding-left: 25px;
    vertical-align: bottom;
    font-size: 28px;
}
#tp_addToCartPopup .postCodeForm,
#plpAddToCartPopup .postCodeForm,
#tp_undeliverableProductsPopup .postcodeForm{
    overflow: hidden;
}
#tp_addToCartPopup .description,
#plpAddToCartPopup .description,
#tp_undeliverableProductsPopup .description{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
}
#tp_addToCartPopup .form_field-input,
#plpAddToCartPopup .form_field-input,
#tp_undeliverableProductsPopup .form_field-input{
    float: left;
}
#tp_addToCartPopup .text_input,
#plpAddToCartPopup .text_input,
#tp_undeliverableProductsPopup .text_input{
    width: 430px;
    margin-right: 0;
    outline: none;
    font-style: italic;
    text-transform: none;
}
#tp_addToCartPopup .search-btn,
#plpAddToCartPopup .search-btn,
#tp_undeliverableProductsPopup .search-btn{
    width: 100px;
    margin: 0 0 0 10px;
}
#tp_addToCartPopup .error-msg,
#plpAddToCartPopup .error-msg,
#tp_undeliverableProductsPopup .error-msg{
    display: none;
    font-size: 14px;
    color: #FF0000;
    text-align: left;
}
#tp_addToCartPopup .postcode-question,
#plpAddToCartPopup .postcode-question,
#tp_undeliverableProductsPopup .postcode-question{
    display: inline-block;
    padding-bottom: 15px;
    font-size: 12px;
    color: #1E1E1E;
    text-align: left;
    text-decoration: none;
}
#tp_addToCartPopup .postcode-exp,
#plpAddToCartPopup .postcode-exp,
#tp_undeliverableProductsPopup .postcode-exp{
    padding-bottom: 15px;
    margin: 0;
    font-size: 12px;
    color: #1E1E1E;
    text-align: left;
}
#tp_addToCartPopup .postcode-exp.close,
#plpAddToCartPopup .postcode-exp.close,
#tp_undeliverableProductsPopup .postcode-exp.clode{
    display: none;
}
#tp_addToCartPopup .postcode-info,
#plpAddToCartPopup .postcode-info {
    position: relative;
    line-height: 1.25;
    padding: 15px 10px 15px 45px;
    color: #1E1E1E;
    background-color: #F2F2F2;
}
#tp_addToCartPopup .postcode-info:after,
#plpAddToCartPopup .postcode-info:after,
#tp_undeliverableProductsPopup .postcode-info:after{
    content: '';
    position: absolute;
    left: 14px;
    top: 19px;
    width: 17px;
    height: 18px;
    background: url('../images/add-to-cart-popup-info-icon.png');
}
.availability-info {
    position: relative;
    width: 854px;
    height: 50px;
    line-height: 50px;
    padding: 0 28px 0 68px;
    margin-left: -5px;
    background-color: #EBEBEC;
}
.availability-info:before {
    position: absolute;
    top: 50%;
    left: 26px;
    content: '';
    width: 21px;
    height: 21px;
    margin-top: -10px;
    background: url('../images/availability-check.png');
}
.availability-info .change-postcode {
    float: right;
    cursor: pointer;
    padding-left: 10px;
}
.consignment-header .change-postcode {
    cursor: pointer;
    padding-left: 10px;
}
h3.consignment-header {
    background-color: #CCCCCC;
}
.availability-info .change-postcode:hover {
    text-decoration: underline;
}
.basket_items .delivery {
    float: left;
    width: 110px;
    text-align: center;
}
.basket_items .itm_time {
    float: left;
    width: 110px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.basket_items .delivery-time {
    position: relative;
    padding-right: 15px;
    text-align: right;
    font-size: 16px;
}

.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error .error-message,
.basket_items .baskt_items_wrap .delivery-order-group .baskt_item .moq-validation-error .error-message,
.basket_items .baskt_items_wrap .pick-and-pack-order-group .baskt_item .moq-validation-error .error-message,
.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .quantity_validation_error .error_message {
    color: red;
    margin-bottom: 5px;
    font-size: 14px;
}

.basket_items .baskt_items_wrap .delivery-order-group .baskt_item .moq-validation-error .deliver-min-order-qty-form .update-entry-qty-button,
.basket_items .baskt_items_wrap .pick-and-pack-order-group .baskt_item .moq-validation-error .deliver-min-order-qty-form .update-entry-qty-button,
.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .quantity_validation_error .update_entry_qty_button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #232323;
    margin-bottom: 5px;
    font-size: 14px;
}
.basket_items .baskt_items_wrap .delivery-order-group .baskt_item .moq-validation-error .deliver-min-order-qty-form .update-entry-qty-button,
.basket_items .baskt_items_wrap .delivery-order-group .baskt_item .moq-validation-error .change-branch a,
.basket_items .baskt_items_wrap .pick-and-pack-order-group .baskt_item .moq-validation-error .deliver-min-order-qty-form .update-entry-qty-button,
.basket_items .baskt_items_wrap .pick-and-pack-order-group .baskt_item .moq-validation-error .change-branch a {
    text-decoration: underline;
}
.basket_items .baskt_items_wrap .delivery-order-group .baskt_item .moq-validation-error .deliver-min-order-qty-form .update-entry-qty-button:hover,
.basket_items .baskt_items_wrap .pick-and-pack-order-group .baskt_item .moq-validation-error .deliver-min-order-qty-form .update-entry-qty-button:hover,
.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .quantity_validation_error .update_entry_qty_button:hover {
    text-decoration: underline;
}

.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error .error-message {
    width: 250px;
}

.basket_items .baskt_items_wrap .delivery-order-group .baskt_item .moq-validation-error .change-branch a,
.basket_items .baskt_items_wrap .pick-and-pack-order-group .baskt_item .moq-validation-error .change-branch a,
.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .quantity_validation_error .change_branch a {
    color: #232323;
    font-size: 14px;
}

.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error .deliver-min-order-qty a,
.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error .cancel a {
    margin-left: 31px;
    line-height: 20px;
    font-size: 13px;
    text-decoration: underline;
}

.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error .deliver-min-order-qty a:hover,
.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error .cancel a:hover {
    text-decoration: none;
    color: #0A4F38;
}

.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error img.image {
    width: 22px;
    height: 22px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error .error-message {
    width: 155px;
    float: right;
    margin-left: 3px;
    font-size: 13px;
}

.basket_items .baskt_items_wrap .pickup-order-group .baskt_item .moq-move-to-delivery-error {
    min-width: 187px;
    font-size: 14px;
    line-height: 14px;
}

.baskt_items_wrap .delivery-time {
    position: relative;
}
.baskt_items_wrap .info-tooltip-message,
.basket .info-tooltip-message {
    right: -16px;
    top: 40px;
}
.baskt_items_wrap .delivery-time {
    position: relative;
}
.baskt_items_wrap .info-tooltip-message,
.basket .info-tooltip-message {
    right: -16px;
    top: 40px;
}
.delivery-time .info-tooltip {
    display: inline-block;
    padding-left: 5px;
}
.delivery-time .info-tooltip-message {
    width: 251px;
    margin: 20px 0 0 -270px;
    text-align: justify;
}
.delivery-time .info-tooltip-icon {
    padding: .5px 2px;
}
.delivery-time .info-tooltip-message:after,
.delivery-time .info-tooltip-message:before {
    content: " ";
    position: absolute;
    left: 75%;
    margin-left: -4px;
    border: 7px solid transparent;
}
.delivery-time .info-tooltip-message:after {
    top: -14px;
    border-bottom: 7px solid #FFF;
}
.delivery-time .info-tooltip-message:before {
    top: -16px;
    border-bottom: 7px solid #0A4F38;
}
.delivery-time .info-tooltip-icon {
    border: 2px solid #0A4F38;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #FFFFFF;
    background-color: #0A4F38;
    cursor: default;
    display: block;
    font-weight: bold;
    line-height: 12px;
    padding: 1px 3px;
}
.delivery-time .info-tooltip-message {
    background: #FFFFFF;
    border: 2px solid #0A4F38;
    color: #232323;
    display: none;
    font-weight: normal;
    line-height: normal;
    margin: -10px 0 0 -201px;
    padding: 10px;
    position: absolute;
    width: 150px;
    font-size: 12px;
    z-index: 999;
}

/*.feature-design .accountOptionsBox {
right: 312px;
}*/

.product-additional-info {
    padding: 15px 0 0 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    text-align: center;
}
.product-additional-info .info-tooltip-icon {
    text-align: center;
}
.product-additional-info .tooltipInfoComponent {
    display: inline-block;
    width: 119px;
    vertical-align: top;
}
.product-additional-info .icon {
    margin-bottom: 10px;
}
.basket .availability-info {
    display: inline-block;
    top: -7px;
    right: -17px;
    width: auto;
    padding: 0 16px 0 34px;
}
.basket .availability-info:before {
    left: 10px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url('../images/availability-check.png');
    background-size: contain;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/availability-check.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/availability-check.png', sizingMethod='scale')";
}
.basket .secondary_cta.add-product-btn {
    width: 221px;
}
#order_history_container table td {
    text-align: center;
    height: 50px;
    padding: 0;
    vertical-align: middle;
    background-color: #F2F2F2;
    border-bottom: 10px white solid;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Arial Bold', 'Arial';
}
#order_history_container table th {
    height: 50px;
    font-size: 14px;
    font-weight: normal;
    background: #ededed;
    vertical-align: middle;
    text-align: center;
    border-bottom: 10px white solid;
}
#order_history_container #view_order_details_button {
    border: 1px black solid;
    border-radius: 7px;
    padding: 5px;
    text-decoration: inherit;
    font-size: 13px;
    background-color: white;
}
#order_history_container {
    padding: 0 40px;
}
#order_history_container .item_container .top.right {
    position: absolute;
    top: -32px;
    right: 0;
    width: 280px;
    font-style: italic;
}
#order_history_container .item_container .top.right #DataTables_Table_0_length {
    float: left;
}
#order_history_container .item_container .top.right #DataTables_Table_0_info {
    float: right;
    margin-top: 2px;
}
#order_history_container .item_container #totalResults {
    display: block;
    margin: 15px;
    font-style: italic;
}
.create-login-e-billing {
    display: inline-block;
    position: relative;
    margin-top: 35px;
}
#activateAccountForm .create-login-e-billing .label-and-checkbox {
    display: inline-block;
    padding: 0;
}
#activateAccountForm .create-login-e-billing .input {
    float: left;
    margin-right: 5px;
}
#activateAccountForm .create-login-e-billing .label {
    display: inline-block;
    width: auto;
    font-size: 13px;
}
#activateAccountForm .e-billing-tooltip {
    height: 24px;
    top: -3px;
    right: -30px;
}
#activateAccountForm .create-login-e-billing .info-tooltip-message:after,
#activateAccountForm .create-login-e-billing .info-tooltip-message:before {
    top: 50%;
}
#activateAccountForm .e-billing-tooltip .info-tooltip-message {
    top: -48px;
    left: 231px;
}
.page-OrderPaymentPage .tp_cardDetails_formBox {
    padding: 25px 20px 0 40px;
}
.page-OrderPaymentPage #billingForm .tp_cardDetails_formBox .span-12 + .span-11 {
    float: none;
    margin-top: 0;
}
.page-OrderPaymentPage #billingForm .span-12 + .span-11 .label-and-input {
    text-align: left;
}
.page-OrderPaymentPage #billingForm .tp_cardDetails_formBox .span-12 {
    min-height: 135px;
    height: auto;
}
.page-OrderPaymentPage #payment_wrapp .tp_OrderTitle.selectCard {
    margin-left: 20px;
}
.page-OrderPaymentPage #payment_wrapp .tp_OrderTitle.yourCards {
    margin: 0 20px;
}

.page-OrderPaymentPage .tp_paymentCards #billingForm .tp_orderContinued {
    margin-top: 0;
}
.page-OrderPaymentPage .tp_orderContinued,
.page-OrderPaymentPage .tp_orderContinued .adobe_acrobat_box {
    width: 460px;
}
.page-OrderPaymentPage .tp_cardDetails_wrapper .tp_cardDetails_formBox {
    display: block;
}
.page-OrderPaymentPage .tp_orderContinued .adobe_acrobat_box {
    display: none;
}

.page-GuestOrderPaymentPage .tp_cardDetails_formBox {
    padding: 25px 20px 0 40px;
}
.page-GuestOrderPaymentPage #billingForm .tp_cardDetails_formBox .span-12 + .span-11 {
    float: none;
    margin-top: 0;
}
.page-GuestOrderPaymentPage #billingForm .span-12 + .span-11 .label-and-input {
    text-align: left;
}
.page-GuestOrderPaymentPage #billingForm .tp_cardDetails_formBox .span-12 {
    min-height: 135px;
    height: auto;
}

.page-GuestOrderPaymentPage .tp_orderContinued,
.page-GuestOrderPaymentPage .tp_orderContinued .adobe_acrobat_box {
    width: 460px;
}

.page-GuestOrderPaymentPage .tp_paymentCards #billingForm .tp_orderContinued .tp_OrderButton.cont_to_pay {
    width: 258px!important;
}

.page-GuestOrderPaymentPage .tp_orderContinued .adobe_acrobat_box {
    min-height: 0px;
}

/*
    payment ca not enough funds
*/

.tp_orderPayment_wrapper .order_payment_block {
    float: left;
    width: 520px;
    position: relative;
}
.order_payment_block .order_paymentDetails:first-child {
    margin-bottom: 30px;
}

/*.invoices_credit_notes_wrapper .info-tooltip-icon {
    position: relative !important;
}

.invoices_credit_notes_wrapper .info-tooltip-message {
    left: -63px !important;
}

.invoices_credit_notes_wrapper .toolTipContainer {
    padding: 8px !important;
}

div.link_button_component > a.link {
line-height: 37px;
height: 37px;
width: 200px;
background: #f4b11a none repeat scroll 0 0;
border: 1px solid #f4a91f;
color: #232323;
padding: 10px;
font-weight:bold;
border-radius:5px;
margin-left:120px;
}

div.link_button_component > a.link :hover {
line-height: 37px;
height: 37px;
width: 200px;
background: #d49b23 none repeat scroll 0 0;
border: 1px solid #d49b23;
color: #232323;
padding: 10px;
font-weight:bold;
border-radius:5px;
margin-left:120px;
}*/

#search_fields {
    padding: 10px 20px 0;
    overflow: hidden;
}
#search_fields .field {
    float: left;
    margin-right: 24px;
}
#search_fields .s-button {
    float: left;
}
#search_fields .s-button input {
    width: 165px;
    height: 42px;
    line-height: 42px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #FFF;
    cursor: pointer;
}
#search_fields .field input {
    width: 185px;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #000;
    outline: none;
}
#order_history_table_length select {
    text-decoration: underline;
    font-style: italic;
}
#order_history_table_wrapper {
    position: relative;
}
#order_history_table_wrapper .dataTables_info,
#order_history_table_wrapper .dataTables_length {
    float: left;
    height: 20px;
    line-height: 20px;
}
#order_history_table_length #show10 {
    float: right;
    margin-left: 4px;
}
#order_history_table_length #showAll {
    float: right;
    margin-left: 7px;
}
#order_history_table_length #show10.active {
    text-decoration: underline;
    font-weight: bold;
}
#order_history_table_length #showAll.active {
    text-decoration: underline;
    font-weight: bold;
}
#order_history_table_wrapper .dataTables_info {
    padding-left: 15px;
}
#order_history_table .order-ref-number,
#order_history_table .valueAlign {
    display: inline;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%
}
#order_history_table .dataTables_empty {
    position: relative;
    padding: 20px 0 20px 60px;
    text-align: left;
}
#order_history_table .dataTables_empty:after {
    position: absolute;
    top: 23px;
    left: 20px;
    content: '';
    width: 28px;
    height: 26px;
    background: url('../images/add-to-cart-popup-info-icon-medium.png') no-repeat;
    background-size: cover;
}
#order_history_table .zero_records_text_block {
    margin-bottom: 15px;
    font-size: 18px;
}
#order_history_table .no_orders {
    font-size: 18px;
    font-weight: bold;
}
.removed_order_lines,
.customer_on_stop {
    border: solid #B10000 2px !important;
    padding: 10px;
    margin: 10px;
    margin-top: 55px;
}
.removed_order_lines p,
.removed_order_lines li,
.customer_on_stop p,
.customer_on_stop li {
    font-family: 'Arial Regular', 'Arial';
    font-weight: 400;
    font-size: 14px;
    color: #B10000 !important;
    opacity: 0.788235294117647;
    line-height: normal;
    margin-bottom: 5px;
}
.questions-form .question-wrap span {
    width: 365px;
    display: inline-block;
}
.delivery-info-wrap .instruction-block .form-error {
    display: block;
    width: auto;
    top: 45px;
    left: 14px;
}
.removed_order_lines ul {
    margin-left: 15px;
}
.removed_order_lines p.removed_orders_title {
    font-family: 'Arial Bold', 'Arial';
    font-weight: 700;
    margin-bottom: 10px;
}
.opn_hours .toolTipContainer {
    padding: 0 27px 0 0;
    position: relative;
    float: right;
    z-index: 999;
}
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message,
.opn_hours .tooltipInfoComponent .info-tooltip .info-tooltip-message,
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message,
.tp_branchBox.hours .tooltipInfoComponent .info-tooltip .info-tooltip-message {
    width: 320px;
}
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message ul.specialDay,
.opn_hours .tooltipInfoComponent .info-tooltip .info-tooltip-message ul.specialDay,
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message ul.specialDay,
.tp_branchBox.hours .tooltipInfoComponent .info-tooltip .info-tooltip-message ul.specialDay {
    width: 315px;
    margin-bottom: 5px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message li.specialDay,
.opn_hours .tooltipInfoComponent .info-tooltip .info-tooltip-message li.specialDay,
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message li.specialDay,
.tp_branchBox.hours .tooltipInfoComponent .info-tooltip .info-tooltip-message li.specialDay {
    margin-bottom: 0;
    white-space: nowrap;
}
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message:before,
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message:after,
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message:before,
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message:after {
    border-bottom-color: transparent;
    top: 100%;
}
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message:before,
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message:before {
    border-width: 10px;
    border-top-color: #0A4F38;
}
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message:after,
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message:after {
    margin: -2px 0 0 -2px;
    border-width: 9px;
    border-top-color: #FFF;
}
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message,
.opn_hours .tooltipInfoComponent .info-tooltip .info-tooltip-message {
    margin: -195px 0 0 -240px;
}
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message,
.tp_branchBox.hours .tooltipInfoComponent .info-tooltip .info-tooltip-message {
    margin: -195px 0 0 -170px;
}
.opn_hours .toolTipContainer .info-tooltip .info-tooltip-message .content,
.opn_hours .tooltipInfoComponent .info-tooltip .info-tooltip-message .content,
.tp_branchBox.hours .toolTipContainer .info-tooltip .info-tooltip-message .content,
.tp_branchBox.hours .tooltipInfoComponent .info-tooltip .info-tooltip-message .content {
    padding: 5px 0;
}
#pop_background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #FFF;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 1;
    cursor: pointer;
    display: none;
}
.tp_branchBox.hours .toolTipContainer {
    padding: 10px 0 0 40px;
    position: relative;
    z-index: 999;
}
#deliveryDetailsContainer,
#deliveryDetailsInfoContainer,
.tp_orderPayment_wrapper,
#collectionOptionsContainer {
    float: left;
    margin-right: 15px;
}
#orderDetails {
    overflow: auto;
    padding-bottom: 15px;
}
#cart {
    display: inline-block;
    width: 398px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border: 1px solid #000;
}
#cart .title-box {
    width: 360px;
    padding: 12px 0 8px 0;
    margin: 0 auto;
}
#cart .title {
    display: inline-block;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
}
#cart .counter {
    font-size: 14px;
}
#cart .list-wrap {
    position: relative;
    height: 437px;
    overflow: hidden;
}
#cart .items-list {
    position: absolute;
    top: 0;
    left: 10px;
    transition: top 0.5s ease;
}
#cart .baskt_item {
    position: relative;
    width: 360px;
    height: 110px;
    border-top: 0;
    padding: 15px 0 20px;
    border-bottom: 1px solid #000;
}
#cart .baskt_item:last-child {
    border-bottom: 0;
}
#cart .baskt_item .itm_img {
    margin: 0 10px 0 0;
}
#cart .baskt_item .itm_info,
#cart .baskt_item .itm_optns {
    width: 250px;
    margin: 0;
    font-size: 13px;
    padding-bottom: 13px;
}
#cart .baskt_item .qty {
    height: 24px;
}
#cart .baskt_item .qty_label {
    padding-top: 7px;
    font-size: 13px;
}
#cart .baskt_item .qty,
#cart .baskt_item .itm_remove,
#cart .baskt_item .itm_update {
    display: inline-block;
    margin-bottom: 0;
    background-color: #FFF;
}
#cart .baskt_item .itm_remove,
#cart .baskt_item .itm_update {
    position: relative;
    top: -2px;
    margin-left: 10px;
    font-weight: normal;
}
#cart .baskt_item .itm_remove:hover,
#cart .baskt_item .itm_update:hover {
    color: #000;
}
#cart .baskt_item .itm_remove:hover {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 -32px transparent;
}
#cart .baskt_item .itm_update:hover {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 0 transparent;
}
#cart .baskt_item .itm_price {
    width: auto;
}
#cart .baskt_item .itm_price p {
    width: auto;
    margin-bottom: 0;
    text-align: left;
    font: normal 13px/1em Helvetica, sans-serif;
}
#cart .total_price_wrapper {
    width: 260px;
    padding: 10px 10px 0;
    margin: 20px 10px 20px 0;
    background-color: #F2F2F2;
}
#cart .top-section {
    padding-bottom: 12px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
}
#cart .top-section p {
    margin-bottom: 3px;
    font-size: 13px;
}
#cart .total_price_wrapper span {
    float: right;
}
#cart .basketTotalPrice,
#cart .basketTotalPrice span {
    font-size: 16px;
    font-weight: bold;
}
#cart .delivery {
    position: absolute;
    right: 5px;
    bottom: 25px;
}
#cart .delivery-time {
    float: right;
    margin-right: 10px;
}
#cart .info-tooltip-message {
    width: 175px;
    margin: 20px 0 0 -182px;
}
#orderDetails #deliveryAddressBox {
    display: inline-block;
}
#orderDetails #paymentDetailsBox {
    display: inline-block;
    width: 45%;
    float: right;
    border: 1px solid #EEE;
}
#orderDetails #paymentDetailsBox .heading {
    line-height: 1.25;
    padding: 15px 10px 15px 40px;
    background-color: #EEE;
}
#orderDetails #paymentDetailsBox .heading:after {
    content: '';
    position: absolute;
    left: 57%;
    width: 17px;
    height: 18px;
    background: url('../images/order%20details/payment-details-icon.png') no-repeat;
}
#orderDetails #paymentDetailsBox .content {
    position: relative;
    line-height: 1.25;
    padding: 15px;
}
#search_fields .order_filter_select {
    padding: 10px 0;
    text-align: right;
}
#search_fields .order_filter_select select {
    height: 40px;
    margin-left: 20px;
}
#search_fields .begin_search_hint {
    margin-bottom: 7px;
    font-size: 16px;
}
#search_fields .order_filter_select select:hover {
    border: 1px solid #000;
}
#search_fields .order_filter_select select {
    border: 1px solid #A9A9A9;
}
#fulfillingBranchInfo {
    border: 1px solid #ccc;
}
#fulfillingBranchInfo .lineInfo {
    margin: 5px;
}
#fulfillingBranchInfo .lineInfo .name,
#fulfillingBranchInfo .lineInfo .value {
    display: inline-block;
}
#fulfillingBranchInfo .lineInfo .name {
    font-weight: bold;
}
#fulfillingBranchInfo td.white {
    background: white !important;
}
#fulfillingBranchInfo td.grey {
    background: #eee !important;
}
#fulfillingBranchInfo .hederInfo {
    position: absolute;
    display: inline-block;
    margin: 15px 0 25px 5px;
}
#fulfillingBranchInfo .branchInfoImage {
    margin: 10px 0 15px 10px;
    display: inline-block;
    width: 28px;
    height: 26px;
    background: url('../images/add-to-cart-popup-info-icon-medium.png') no-repeat;
    position: relative;
}
#cart .baskt_item .qty {
    height: 24px;
}
#cart .baskt_item .qty_label {
    padding-top: 7px;
    font-size: 13px;
}
#cart .baskt_item .qty,
#cart .baskt_item .itm_remove,
#cart .baskt_item .itm_update {
    display: inline-block;
    margin-bottom: 0;
    background-color: #FFF;
}
#cart .baskt_item .itm_remove,
#cart .baskt_item .itm_update {
    position: relative;
    top: -2px;
    margin-left: 10px;
    font-weight: normal;
}
#cart .baskt_item .itm_remove:hover,
#cart .baskt_item .itm_update:hover {
    color: #000;
}
#cart .baskt_item .itm_remove:hover {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 -32px transparent;
}
#cart .baskt_item .itm_update:hover {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 0 transparent;
}
#cart .baskt_item .itm_price {
    width: auto;
}
#cart .baskt_item .itm_price p {
    width: auto;
    margin-bottom: 0;
    text-align: left;
    font: normal 13px/1em Helvetica, sans-serif;
}
#cart .total_price_wrapper {
    width: 260px;
    padding: 10px 10px 0;
    margin: 20px 10px 20px 0;
    background-color: #F2F2F2;
}
#cart .top-section {
    padding-bottom: 12px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
}
#cart .top-section p {
    margin-bottom: 3px;
    font-size: 13px;
}
#cart .total_price_wrapper span {
    float: right;
}
#cart .basketTotalPrice,
#cart .basketTotalPrice span {
    font-size: 16px;
    font-weight: bold;
}
#cart .delivery {
    position: absolute;
    right: 5px;
    bottom: 25px;
}
#cart .delivery-time {
    float: right;
    margin-right: 10px;
}
#cart .info-tooltip-message {
    width: 175px;
    margin: 20px 0 0 -182px;
}

/*document unavailable page*/
.pdf-error-page {
    position: relative;
    min-height: 350px;
    padding-left: 30px;
}
.pdf-error-title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: initial;
}
.pdf-error-msg {
    border-top: 1px solid #ccc;
    padding: 15px 40px 15px 0;
    color: #333;
    line-height: 1.2;
    font-size: 20px;
}
.pdf-error-btn-holder {
    padding: 25px 0;
    height: 40px;
}
#cart .baskt_items_wrap {
    position: relative;
    max-height:254px;
    margin-bottom: 0;
    overflow-y: scroll;
}
#cart .list-wrap {
    position: relative;
    height: 437px;
    overflow: hidden;
}
#cart .items-list {
    position: absolute;
    top: 0;
    left: 10px;
    transition: top 0.5s ease;
}
#cart .basket-next-btn,
#cart .basket-prev-btn {
    width: 360px;
    height: 24px;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    margin: 3px auto;
    display:none;
}
#cart .basket-prev-btn {
    background: #999 url('../images/checkout-basket-arrows-up.png') no-repeat 50% 50%;
}
#cart .basket-next-btn {
    background: #999 url('../images/checkout-basket-arrows-down.png') no-repeat 50% 50%;
}
#cart .baskt_item {
    position: relative;
    width: 360px;
    height: 110px;
    border-top: 0;
    padding: 15px 0 20px;
    border-bottom: 1px solid #000;
}
#cart .baskt_item:last-child {
    border-bottom: 0;
}
#cart .baskt_item .itm_img {
    margin: 0 10px 0 0;
}
#cart .baskt_item .itm_info,
#cart .baskt_item .itm_optns {
    width: 250px;
    margin: 0;
    font-size: 13px;
    padding-bottom: 13px;
}
#cart .baskt_item .qty {
    height: 24px;
}
#cart .baskt_item .qty_label {
    padding-top: 7px;
    font-size: 13px;
}
#cart .baskt_item .qty,
#cart .baskt_item .itm_remove,
#cart .baskt_item .itm_update {
    display: inline-block;
    margin-bottom: 0;
    background-color: #FFF;
}
#cart .baskt_item .itm_remove,
#cart .baskt_item .itm_update {
    position: relative;
    top: -2px;
    margin-left: 10px;
    font-weight: normal;
}
#cart .baskt_item .itm_remove:hover,
#cart .baskt_item .itm_update:hover {
    color: #000;
}
#cart .baskt_item .itm_remove:hover {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 -32px transparent;
}
#cart .baskt_item .itm_update:hover {
    background: url(../images/icon-sprite-basket.png) no-repeat 0 0 transparent;
}
#cart .baskt_item .itm_price {
    width: auto;
    float: right;
    margin-left: 0;
    margin-bottom: 45px;
}
#cart .baskt_item .itm_price p {
    width: auto;
    margin-bottom: 0;
    text-align: left;
    font: normal 13px/1em Helvetica, sans-serif;
}
#cart .total_price_wrapper {
    width: 260px;
    padding: 10px 10px 0;
    margin: 20px 10px 20px 0;
    background-color: #F2F2F2;
}
#cart .top-section {
    padding-bottom: 12px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
}
#cart .top-section p {
    margin-bottom: 3px;
    font-size: 13px;
}
#cart .total_price_wrapper span {
    float: right;
}
#cart .basketTotalPrice,
#cart .basketTotalPrice span {
    font-size: 16px;
    font-weight: bold;
}
#cart .delivery {
    position: absolute;
    right: 5px;
    bottom: 25px;
}
#cart .delivery-time {
    float: right;
    margin-right: 10px;
}
#cart .info-tooltip-message {
    width: 175px;
    margin: 20px 0 0 -182px;
}
#guestDetailsForm {
    width: 500px;
}
#guestAccountInfoForm #additionalInformation textarea {
    width: 210px;
}
#guestRequestQuoteBody #guestAccountInfoHeaderText {
    margin-top: 32px;
}
#guestDetailsForm .header,
#guestDetailsForm .header p,
#guestAccountInfoForm .header,
#guestAccountInfoForm .header p {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}
#guestAccountInfoForm .marketingQuestionBox .marketingQuestionAdditionalText p{
    font-size:13px;
    line-height:20px;
    color: #707070;
    font-weight: normal;
}
#guestAccountInfoForm .accountQuestionBox {
    height: 80px;
}
#guestAccountInfoForm .marketingQuestionBox{
    height: 150px;
}
#guestAccountInfoForm .accountDetails {
    height: 70px;
}
#guestDetailsForm .label-and-input .label,
#guestAccountInfoForm .label-and-input .label {
    width: 160px;
}
#guestDetailsForm .label-and-input.input-error p,
#guestAccountInfoForm .label-and-input.input-error p {
    margin-left: 15px;
}
#guestRequestQuoteBody .navigation-button-container {
    clear: both;
}
#guestAccountInfoForm .accountQuestionRadio {
    display: inline-block;
    width: 25px;
    margin-left: 28px;
}
#guestAccountInfoForm .quoteFormRadioButtons {
    margin-top: 10px;
    margin-left: 10px;
}
#guestAccountInfoForm .additionalQuestionInput{
    margin-top: 10px;
}
#guestAccountInfoForm .quoteFormRadioButtons .errorMessage {
    font-size: 13px;
    color: #ED1C24;
}
#guestAccountInfoForm .additionalQuestionInput .form_field_error {
    width: 220px;
}
#guestRequestQuoteBody .quotePrivacyTerms {
    display: inline-block;
}
#guestRequestQuoteBody .quotePrivacyTerms a {
    color: #0088FF;
    text-decoration: underline;
}
#guestRequestQuoteForm .marketingQuestionBox div.content {
    font-weight: bold;
    padding-top: 10px;
}

/* Start Credit Card payment type icon (Example version) */
#ccDetailsBox .ccType-icon.visa::before,
#ccDetailsBox .ccType-icon.master::before {
    content: "";
    height: 40px;
    left: 3%;
    position: absolute;
    width: 87px;
}
#ccDetailsBox .ccType-icon.visa::before {
    background: rgba(0, 0, 0, 0) url("../images/paymentType/markVisa.png") no-repeat scroll 0 0;
}
#ccDetailsBox .ccType-icon.master::before {
    background: rgba(0, 0, 0, 0) url("../images/paymentType/markMastercard.png") no-repeat scroll 0 0;
}
#ccDetailsBox .ccType-icon {
    height: 40px;
    line-height: 2.1;
    padding: 10px 10px 10px 87px;
}

/* End Credit Card payment type icon (Example version) */
.postCodeBox,
.changePostCodeBox {
    padding: 20px 0 0 10px;
    overflow: hidden;
}
.postCodeIcon {
    width: 20px;
    height: 20px;
}
.postCodeBox .postCodePopLink,
.changePostCodeBox .postCodePopLink {
    font: normal 700 14px 'Arial Bold', 'Arial';
    color: #232323;
}
.changePostCodeBox .postCodePopLink {
    display: inline-block;
    padding-left: 14px;
}
strong.postCode {
    display: inline-block;
}
.postCodeBox .msg {
    padding: 7px 0 5px 30px;
}
.changePostCodeBox .msg {
    display: inline-block;
    font: normal 400 14px 'Arial Bold', 'Arial';
}
.cboxElement.postCodePopUp.large.postCodePopLink {
    float: right;
}
#cart > p.delivery_date_changed_info {
    color: red;
    margin: 5px 15px 0 15px;
    font-size: 14px;
}

/* Start Basket Validation */
.basket_validation_messages {
    color: red;
    border: 2px;
    border-style: solid;
    margin-bottom: 10px;
}
.basket_validation_messages ul,
.basket_validation_messages li {
    color: red;
    margin: 10px;
}

/* End Basket Validation */
#credit_account_details #loaderBox {
    width: 500px;
}
.list-page-banner {
    margin-top: 10px;
    width: 230px;
    float: left;
}
.list-page-banner img {
    width: 230px;
}
.quote-heading .cnt_mn_heading {
    display: inline-block;
}
.quote-heading .basket_ctas {
    display: inline-block;
    float: right;
    width: auto;
}
.feature-design .basket .quote-links {
    width: 100%;
    text-align: right;
    margin-bottom: 23px;
}
.feature-design .basket .quote-links a {
    margin-right: 37px;
    color: #232323;
    font-size: 16px;
    font-weight: bold;
}
.feature-design .basket_ctas > .add-more-button,
.feature-design .basket_ctas > .checkoutButton {
    display: inline-block;
}
.feature-design .basket_ctas > .checkoutButton {
    float: right;
    position: relative;
}
.feature-design .basket_ctas > .checkoutButton h5 {
    background: #fff;
    position: absolute;
    top: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    padding: 4px;
    font-size: 14px;
    z-index: 1;
    color: #232323;
    line-height: 30px;
    font-weight: bold;
}
.feature-design .basket_ctas > .checkoutButton h5:after {
    content: "\f023";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 5px;
    font-size: 20px;
    vertical-align: middle;
}
/* Address book page styles */
.address-book-wrap .address-book-title {
    font-size: 26px;
    margin-bottom: 10px;
}
.address-book-wrap p {
    font-size: 16px;
}
.address-book-wrap .add-new-address {
    display: block;
    width: 235px;
    margin: 10px 0;
    border: 0;
    line-height: 37px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background-color: #666;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}
.address-book-wrap .addresses {
    overflow: hidden;
    margin-bottom: 50px;
}
.address-book-wrap .address {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 214px;
    height: 145px;
    padding: 10px;
    border: 1px solid;
    margin: 20px 20px 0 0;
}
.address-book-wrap .address > div {
    padding-top: 3px;
}
.address-book-wrap .address > strong {
    font-size: 16px;
}
.address-book-wrap .delete-address,
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: absolute;
    bottom: 10px;
    width: 100px;
    border: 1px solid;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #F2F2F2;
    cursor: pointer;
}
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: static;
    width: 140px;
    height: 36px;
    border: 1px solid #000;
}
#tp_deleteAddressPopup .btn-delete {
    float: right;
    color: #fff;
    background-color: rgba(153, 153, 153, 1);
}
#tp_deleteAddressPopup .btn-wrapper {
    padding: 10px 0;
}
#tp_deleteAddressPopup .msg {
    font-size: 16px;
}

/* End */

/* Add new address page */
.delivery-details-form {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: none;
    padding: 10px 15px 15px 10px;
    margin-bottom: 25px;
}
.delivery-details-form .title {
    height: 31px;
    padding: 1px 0 0 4px;
    margin-bottom: 0;
    font-size: 28px;
    border-bottom: 1px solid #bbb;
}
.delivery-details-form .column-wrap {
    overflow: hidden;
}
.delivery-details-form .l-column {
    float: left;
    width: 390px;
}
.delivery-details-form .r-column {
    float: right;
    width: 490px;
}
.delivery-details-form .address-form {
    padding-top: 26px;
}
.delivery-details-form .input-wrap {
    position: relative;
    margin-bottom: 15px;
}
.delivery-details-form .label-and-input.input-error .input {
    border: 2px solid #FF0000;
}
.delivery-details-form .label-and-input,
.delivery-details-form .form-btn-wrap,
.delivery-details-form #postcodeLookupResultsContainer {
    text-align: justify;
}
.delivery-details-form .label-and-input:after,
.delivery-details-form .form-btn-wrap:after,
.delivery-details-form #postcodeLookupResultsContainer:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
}
.delivery-details-form .label-and-input .mandatory {
    padding-left: 2px;
}
.delivery-details-form .input,
.delivery-details-form .label {
    display: inline-block;
}
.delivery-details-form .label {
    font: 16px 'Arial Bold', 'Arial';
    text-align: left;
}
.delivery-details-form .contact .label {
    font-size: 13px;
}
.delivery-details-form .input-wrap {
    position: relative;
}
.delivery-details-form .input-wrap label {
    display: inline-block;
    font-weight: 400;
}
.delivery-details-form .contact-number .label {
    vertical-align: bottom;
}
.delivery-details-form .input-wrap input {
    width: 248px;
    height: 28px;
    margin: 0;
}
.delivery-details-form .input input,
#selectedAddress {
    width: 235px;
    height: 35px;
    margin: 0;
    border: 1px solid #bbb;
    font-size: 16px;
}
.delivery-details-form #contact-number {
    vertical-align: middle;
}
.delivery-details-form .form-info {
    position: absolute;
    right: 13px;
    top: 52px;
    font-size: 13px;
}
.delivery-details-form .find-btn-wrap {
    padding: 6px 0 30px 0;
}
.delivery-details-form .find-btn {
    display: block;
    height: 35px;
    width: 235px;
    margin: 0 0 0 auto;
    border-radius: 5px;
    border: 1px solid #B5B5B5;
    background-color: rgba(204, 204, 204, 1);
    cursor: pointer;
}
.delivery-details-form .email_error_message {
    position: absolute;
    top: 11px;
    left: 0;
}
.delivery-details-form .input input ~ .delivery-details-form .email_error_message {
    background: green;
}
.delivery-details-form .email_error_message span,
.form-error {
    width: 235px;
    color: red;
    font-size: 14px;
}
.delivery-details-form .find-address-error {
    display: none;
    position: absolute;
    top: 40px;
    width: 100%;
    padding-left: 0;
    text-align: center;
    color: red;
}
.delivery-details-form .error-wrap {
    margin-bottom: 20px;
}
.delivery-details-form .text-block {
    padding: 25px 0 0 3px;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
}
.delivery-details-form .questions-form {
    padding: 39px 0 0 6px;
    margin-bottom: 30px;
}
.delivery-details-form .question-wrap {
    position: relative;
    padding-right: 39px;
    margin-bottom: 15px;
    font-size: 13px;
}
.delivery-details-form .question-wrap:last-child {
    margin-bottom: 0;
}
.delivery-details-form .questions-error-box {
    padding: 10px 0 10px 6px;
}
.delivery-details-form .form-error {
    position: static;
    display: inline-block;
    margin-top: 5px;
}
.delivery-details-form .radio-btn-wrap {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: start;
}
.delivery-details-form .question-wrap > label {
    float: right;
}
.delivery-details-form .agree-radio-btn {
    margin-right: 19px;
}
.delivery-details-form .question-area {
    display: none;
}
.delivery-details-form .question-area ~ .form-error {
    display: block;
}
.delivery-details-form .question-area .description {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 10px;
}
.delivery-details-form .question-area textarea {
    width: 100%;
    height: 55px;
    margin: 0;
}
.delivery-details-form .form-btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
}
.delivery-details-form .btn-cancel {
    display: inline-block;
    width: initial;
    padding: 9px;
    text-decoration: none;
    color: #666;
    background-color: rgba(242, 242, 242, 1);
    border: 1px solid rgba(102, 102, 102, 1);
}
.delivery-details-form .btn-submit {
    padding: 9px 35px;
    background-color: rgba(102, 102, 102, 1);
    border: 1px solid rgba(102, 102, 102, 1);
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
}

/* Add new address page end */

/* Address book page styles */
.address-book-wrap .address-book-title {
    font-size: 26px;
    margin-bottom: 10px;
}
.address-book-wrap p {
    font-size: 16px;
}
.address-book-wrap .add-new-address {
    display: block;
    width: 235px;
    margin: 10px 0;
    border: 0;
    line-height: 37px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background-color: #666;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}
.address-book-wrap .addresses {
    overflow: hidden;
    margin-bottom: 50px;
}
.address-book-wrap .address {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 214px;
    height: 145px;
    padding: 10px;
    border: 1px solid;
    margin: 20px 20px 0 0;
}
.address-book-wrap .address > div {
    padding-top: 3px;
}
.address-book-wrap .address > strong {
    font-size: 16px;
}
.address-book-wrap .delete-address,
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: absolute;
    bottom: 10px;
    width: 100px;
    border: 1px solid;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #F2F2F2;
    cursor: pointer;
}
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: static;
    width: 140px;
    height: 36px;
    border: 1px solid #000;
}
#tp_deleteAddressPopup .btn-delete {
    float: right;
    color: #fff;
    background-color: rgba(153, 153, 153, 1);
}
#tp_deleteAddressPopup .btn-wrapper {
    padding: 10px 0;
}
#tp_deleteAddressPopup .msg {
    font-size: 16px;
}

/* End */
#desktop-order-details-error-messages-container > .error {
    display: none;
}
#desktop-order-details-error-messages-container > .info {
    display: none;
}
.refunded .orderTableHeader #orderStatus:after {
    width: 29px;
    height: 25px;
    margin-top: -14px;
    background: url('../images/order%20details/refunded.png') no-repeat;
}

.list-page-banner {
    margin-top: 10px;
    width: 230px;
}
.list-page-banner img {
    width: 230px;
}

.quote-heading .cnt_mn_heading {
    display: inline-block;
}
.quote-heading .basket_ctas {
    display: inline-block;
    float: right;
    width: auto;
}
.feature-design .basket .quote-links {
    width: 100%;
    text-align: right;
    margin-bottom: 23px;
}
.feature-design .basket .quote-links a {
    margin-right: 37px;
    color: #232323;
    font-size: 16px;
    font-weight: bold;
}
.feature-design .basket_ctas > .add-more-button,
.feature-design .basket_ctas > .checkoutButton {
    display: inline-block;
}
.feature-design .basket_ctas > .checkoutButton {
    float: right;
}

/* Address book page styles */
.address-book-wrap .address-book-title {
    font-size: 26px;
    margin-bottom: 10px;
}
.address-book-wrap p {
    font-size: 16px;
}
.address-book-wrap .add-new-address {
    display: block;
    width: 235px;
    margin: 10px 0;
    border: 0;
    line-height: 37px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background-color: #666;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}
.address-book-wrap .addresses {
    overflow: hidden;
    margin-bottom: 50px;
}
.address-book-wrap .address {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 214px;
    height: 145px;
    padding: 10px;
    border: 1px solid;
    margin: 20px 20px 0 0;
}
.address-book-wrap .address > div {
    padding-top: 3px;
}
.address-book-wrap .address > strong {
    font-size: 16px;
}
.address-book-wrap .delete-address,
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: absolute;
    bottom: 10px;
    width: 100px;
    border: 1px solid;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #F2F2F2;
    cursor: pointer;
}
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: static;
    width: 140px;
    height: 36px;
    border: 1px solid #000;
}
#tp_deleteAddressPopup .btn-delete {
    float: right;
    color: #fff;
    background-color: rgba(153, 153, 153, 1);
}
#tp_deleteAddressPopup .btn-wrapper {
    padding: 10px 0;
}
#tp_deleteAddressPopup .msg {
    font-size: 16px;
}

/* End */

/* Add new address page */
.delivery-details-form {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: none;
    padding: 10px 15px 15px 10px;
    margin-bottom: 25px;
}
.delivery-details-form .title {
    height: 31px;
    padding: 1px 0 0 4px;
    margin-bottom: 0;
    font-size: 28px;
    border-bottom: 1px solid #bbb;
}
.delivery-details-form .column-wrap {
    overflow: hidden;
}
.delivery-details-form .l-column {
    float: left;
    width: 390px;
}
.delivery-details-form .r-column {
    float: right;
    width: 490px;
}
.delivery-details-form .address-form {
    padding-top: 26px;
}
.delivery-details-form .input-wrap {
    position: relative;
    margin-bottom: 15px;
}
.delivery-details-form .label-and-input.input-error .input {
    border: 2px solid #FF0000;
}
.delivery-details-form .label-and-input,
.delivery-details-form .form-btn-wrap,
.delivery-details-form #postcodeLookupResultsContainer {
    text-align: justify;
}
.delivery-details-form .label-and-input:after,
.delivery-details-form .form-btn-wrap:after,
.delivery-details-form #postcodeLookupResultsContainer:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
}
.delivery-details-form .label-and-input .mandatory {
    padding-left: 2px;
}
.delivery-details-form .input,
.delivery-details-form .label {
    display: inline-block;
}
.delivery-details-form .label {
    font: 16px 'Arial Bold', 'Arial';
    text-align: left;
}
.delivery-details-form .contact .label {
    font-size: 13px;
}
.delivery-details-form .input-wrap {
    position: relative;
}
.delivery-details-form .input-wrap label {
    display: inline-block;
    font-weight: 400;
}
.delivery-details-form .contact-number .label {
    vertical-align: bottom;
}
.delivery-details-form .input-wrap input {
    width: 248px;
    height: 28px;
    margin: 0;
}
.delivery-details-form .input input,
#selectedAddress {
    width: 235px;
    height: 35px;
    margin: 0;
    border: 1px solid #bbb;
    font-size: 16px;
}
.delivery-details-form #contact-number {
    vertical-align: middle;
}
#facets_filters {
    float: left!important;
}
.delivery-details-form .form-info {
    position: absolute;
    right: 13px;
    top: 52px;
    font-size: 13px;
}
.delivery-details-form .find-btn-wrap {
    padding: 6px 0 30px 0;
}
.delivery-details-form .find-btn {
    display: block;
    height: 35px;
    width: 235px;
    margin: 0 0 0 auto;
    border-radius: 5px;
    border: 1px solid #B5B5B5;
    background-color: rgba(204, 204, 204, 1);
    cursor: pointer;
}
.delivery-details-form .email_error_message {
    position: absolute;
    top: 11px;
    left: 0;
}
.delivery-details-form .input input ~ .delivery-details-form .email_error_message {
    background: green;
}
.delivery-details-form .email_error_message span,
.form-error {
    width: 235px;
    color: red;
    font-size: 14px;
    position: inherit;
}

#orderCollectionOptionsForm .form-error {
    display: block;
}

.delivery-details-form .find-address-error {
    display: none;
    position: absolute;
    top: 40px;
    width: 100%;
    padding-left: 0;
    text-align: center;
    color: red;
}
.delivery-details-form .error-wrap {
    margin-bottom: 20px;
}
.delivery-details-form .text-block {
    padding: 25px 0 0 3px;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
}
.delivery-details-form .questions-form {
    padding: 39px 0 0 6px;
    margin-bottom: 30px;
}
.delivery-details-form .question-wrap {
    position: relative;
    padding-right: 39px;
    margin-bottom: 15px;
    font-size: 13px;
}
.delivery-details-form .question-wrap:last-child {
    margin-bottom: 0;
}
.delivery-details-form .questions-error-box {
    padding: 10px 0 10px 6px;
}
.delivery-details-form .form-error {
    position: static;
    display: inline-block;
    margin-top: 5px;
}
.delivery-details-form .radio-btn-wrap {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: start;
}
.delivery-details-form .question-wrap > label {
    float: right;
}
.delivery-details-form .agree-radio-btn {
    margin-right: 19px;
}
.delivery-details-form .question-area {
    display: none;
}
.delivery-details-form .question-area ~ .form-error {
    display: block;
}
.delivery-details-form .question-area .description {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 10px;
}
.delivery-details-form .question-area textarea {
    width: 100%;
    height: 55px;
    margin: 0;
}
.delivery-details-form .form-btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
}
.delivery-details-form .btn-cancel {
    display: inline-block;
    width: initial;
    padding: 9px;
    text-decoration: none;
    color: #666;
    background-color: rgba(242, 242, 242, 1);
    border: 1px solid rgba(102, 102, 102, 1);
}
.delivery-details-form .btn-submit {
    padding: 9px 35px;
    background-color: rgba(102, 102, 102, 1);
    border: 1px solid rgba(102, 102, 102, 1);
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
}

/* Add new address page end */

/* Address book page styles */
.address-book-wrap .address-book-title {
    font-size: 26px;
    margin-bottom: 10px;
}
.address-book-wrap p {
    font-size: 16px;
}
.address-book-wrap .add-new-address {
    display: block;
    width: 235px;
    margin: 10px 0;
    border: 0;
    line-height: 37px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background-color: #666;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}
.address-book-wrap .addresses {
    overflow: hidden;
    margin-bottom: 50px;
}
.address-book-wrap .address {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 214px;
    height: 145px;
    padding: 10px;
    border: 1px solid;
    margin: 20px 20px 0 0;
}
.address-book-wrap .address > div {
    padding-top: 3px;
}
.address-book-wrap .address > strong {
    font-size: 16px;
}
.address-book-wrap .delete-address,
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: absolute;
    bottom: 10px;
    width: 100px;
    border: 1px solid;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #F2F2F2;
    cursor: pointer;
}
#tp_deleteAddressPopup .btn-cancel,
#tp_deleteAddressPopup .btn-delete {
    position: static;
    width: 140px;
    height: 36px;
    border: 1px solid #000;
}
#tp_deleteAddressPopup .btn-delete {
    float: right;
    color: #fff;
    background-color: rgba(153, 153, 153, 1);
}
#tp_deleteAddressPopup .btn-wrapper {
    padding: 10px 0;
}
#tp_deleteAddressPopup .msg {
    font-size: 16px;
}

/* End */
#desktop-order-details-error-messages-container > .error {
    display: none;
}
#desktop-order-details-error-messages-container > .info {
    display: none;
}
.feature-design .grid_view #products .row .prod .product-additional-info {
    height: 0px;
    overflow: hidden;
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}
.feature-design .grid_view #products .row .prod:first-child {
    margin-left: 0px;
}
.feature-design .grid_view #products .row .prod .prod_info {
    background-color: white;
}
.feature-design .grid_view #products .row .prod .product_price {
    position: static;
}
.feature-design .grid_view #products .row .prod .variant_select {
    display: none;
}
.feature-design .grid_view #products .row .prod:hover {
    border-bottom-color: #F4A91F;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design .grid_view #products .row .prod {
    background-color: #FFF;
    margin-right: 13px;
    margin-bottom: 20px;
    border-left: none;
    border-bottom: 3px solid transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
}
.feature-design .grid_view #products .row .prod .productPriceMessage_holder {
    position: static;
}
.feature-design .grid_view #products .row .prod:before {
    display: none;
}
.feature-design .list_view #products .row .prod .product_price > span {
    background-color: transparent;
}
.feature-design .list_view #products .prod .product-additional-info .postCodeBox .msg {
    padding: 7px 0 5px 30px;
    display: block;
    position: relative;
    left: -20px;
}
.feature-design .list_view #products .prod .product-additional-info {
    border-bottom: none;
    position: absolute;
    bottom: 0px;
    left: 183px;
    width:210px;
}
.feature-design .list_view #products .prod .product-additional-info .cboxElement.postCodePopUp.large.postCodePopLink {
    float: none;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap {
    background-color: white;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design.template-pages-CheckoutPageTemplate #wrapper,
.feature-design.template-pages-GuestPaymentDeclinePageTemplate #wrapper{
    background-color: transparent;
}
.feature-design.template-pages-CheckoutPageTemplate #cart .title-box,
.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .title {
    border-bottom: none;
}
.feature-design.template-pages-CheckoutPageTemplate #cart .list-wrap {
    background-color: #fafafa;
}
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_basket,
.feature-design.template-pages-CheckoutPageTemplate #cart .baskt_item,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_basket h2,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_paymentDetails.no_float,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_paymentDetails.no_float h2,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper #payment_section,
.feature-design.template-pages-CheckoutPageTemplate #payment_section.card_details h2 .feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_OrderTitle.yourCards {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}
.feature-design.template-pages-CheckoutPageTemplate #cart,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_paymentDetails.no_float,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper #payment_section,
.feature-design.template-pages-CheckoutPageTemplate .payment_list,
.feature-design.template-pages-CheckoutPageTemplate .tp_totalInvoice_wrapper {
    border: none;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_basket {
    width: auto;
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_header:before,
.feature-design.template-pages-GuestPaymentDeclinePageTemplate  #payment_wrapp .tp_header:before{
    content: '';
    width: 3000px;
    height: 130px;
    background-color: #FFF;
    display: block;
    position: absolute;
    top: 00px;
    border-bottom: 2px solid #F4A91F;
    left: -1000px;
    z-index: -1
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_header {
    background-color: white;
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp:before,
.feature-design.template-pages-GuestPaymentDeclinePageTemplate #payment_wrapp:before{
    content: '';
    height: 30px;
    width: 3000px;
    display: block;
    background-color: #0C4F38;
    position: absolute;
    left: -1000px;
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_CheckoutOrderButton {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #F4A91F;
    border: none;
    border-radius: 0px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    width: 165px;
}
.feature-design.template-pages-CheckoutPageTemplate .tp_checkoutTitle_wrapper {
    background-color: transparent;
}
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_paymentDetails .tp_confirmPayment,
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap,
.feature-design.template-pages-CheckoutPageTemplate .delivery-info-wrap,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper #tp_paymentCards,
.feature-design.template-pages-CheckoutPageTemplate #payBySavedCard #payment_section_saved_card,
#collectionOptionsContainer .collectionOptions-wrap {
    border: none;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .content,
.feature-design.template-pages-CheckoutPageTemplate .delivery-info-wrap .number-block,
#collectionOptionsContainer .collectionOptions-wrap .content {
    border-top: none;
}
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper .order_paymentDetails .tp_confirmPayment h2,
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .title,
.feature-design.template-pages-CheckoutPageTemplate .delivery-info-wrap .title,
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper #tp_paymentCards h2,
.feature-design.template-pages-CheckoutPageTemplate #payBySavedCard #payment_section_saved_card h2,
#collectionOptionsContainer .title {
    border-bottom: none;
}
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper #credit_account_details #loaderBox {
    width: 420px;
}
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper #credit_account_details #loaderBox .content {
    font-size: 22px;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .addresses.selected {
    border: 1px solid #F4A91F;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .addresses.selected:after {
    display: none;
}
.feature-design.template-pages-CheckoutPageTemplate,
.feature-design.template-pages-GuestPaymentDeclinePageTemplate {
    background-color: #f7f7f7;
    overflow-x: hidden;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap #selectAddress,
.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .btn-submit,
.feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn,
.feature-design .plp_add_to_cart_button.positive.large,
#collectionOptionsContainer #collectionOptions_continue {
    background-color: #F4A91F!important;
    border: none!important;
    color: black!important;
}
.feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn div {
    font-weight: bold;
    cursor: pointer;
    outline: none;
    font-size: 13px;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .add-address-btn,
.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .btn-cancel,
.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .find-btn {
    background-color: #9FC1C0!important;
    border: none!important;
    color: black!important;
}
.feature-design .plp_add_to_cart_button.positive.large {
    line-height: 40px;
    padding: 0px 10px;
    border-radius: 5px;
}
.feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .terms-and-conditions {
    clear: both;
    padding: 0px 5px 10px 5px;
}
.feature-design #number_circle {
    display: none!important;
}
.feature-design .grid_view #products .row .prod:first-child {
    margin-left: 0px;
}
.feature-design .grid_view #products .row .prod:nth-child(3) {
    margin-right: 0px;
}
.feature-design #products .row .prod .productPriceMessage a .currency {
    display: none;
}
.feature-design .list_view #products .row .prod .productPriceMessage .loginToViewPrice {
    padding: 0px;
}
.feature-design #products .row .prod .productPriceMessage .toolTipContainer {
    margin: 0 auto;
    width: 144px;
    display: block;
    position:relative;
}
.feature-design #products .row .prod .productPriceMessage .loginToViewPrice {
    padding-left: 0px;
}
.feature-design .list_view #products .dropdown .dropdown-opener:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 29px;
    position: absolute;
    right: 10px;
    top: 2px;
    color: #B5B5B5;
}
.feature-design .list_view #products .dropdown {
    border: 2px solid #E7E7E7;
    height: 37px!important;
    line-height: 37px!important;
    width: 164px!important;
}
.feature-design .list_view #products .dropdown .dropdown-opener {
    background: none;
    height: 37px!important;
    line-height: 37px!important;
    font-size: 14px;
}
.feature-design .list_view #products .row .prod {
    min-height: 200px!important;
    border-left: none!important;
    border-bottom: 2px solid #e0e0e0;
    background: transparent!important;
    padding-bottom: 20px;
}
.feature-design .list_view #products .row .prod:hover {
    border-bottom: 2px solid #f6b112;
}

/*New TP Header*/
.feature-design #tp_nav_main > ul > li,
#tp_nav_main li a:hover,
.feature-design #tp_nav_main > ul > li .link a {
    background: transparent;
    border-top: 2px solid transparent;
    color: #333;
    border-right: 0px;
    border: none;
    transition: none!important;
}

/*
.feature-design #tp_nav_main > ul:hover > li > .link > a{

color:#e7e7e7!important;
transition:color 0.1s;
}
*/
.feature-design #tp_nav_main:before {
    content: '';
    display: block;
    height: 196px;
    background-color: white;
    position: absolute;
    z-index: -1;
    width: 3000px;
    left: -1000px;
    top: -130px;
}
.feature-design #tp_nav_main:after {
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    z-index: 11;
    width: 3000px;
    left: -1000px;
    top: 63px;
    border-bottom: 2px solid #F6B112;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    pointer-events: none;
}
.feature-design #header {
    position: relative;
    z-index: 105;
    background-color: transparent;
}
.feature-design #header .tpHeaderContent_holder {
    background: transparent;
    margin-top: 10px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav:before {
    height: 41px;
    width: 3000px;
    content: '';
    display: block;
    left: -1500px;
    position: absolute;
    background-color: #054731;
    z-index: -1;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav a {
    color: white;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav {
    position: relative;
    top: -10px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li a:hover,
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li:hover a,
#header .tpHeaderContent_holder .tpMiniCart:hover,
#header .tpHeaderContent_holder .tpMiniCart:hover #cart_header a {
    background: transparent;
    color: white!important;
}
.feature-design #tp_nav_main li.tp_nav2level_category .nav2level_Title a {
    border-bottom: 2px solid #E7E7E7;
    transition: border-bottom 0.2s;
    background: transparent;
}
.feature-design #header .tpHeaderContent_holder .nav .your-acc-wrapper .accountOptionsBox .option a {
    color: black!important;
}
.feature-design #tp_nav_main li.tp_nav2level_category:hover .nav2level_Title a {
    background: transparent;
}
.feature-design .tp_nav2level {
    top: 66px;
}
.feature-design .level1CategoryList {
    z-index: 10;
    position: relative;
    display: inline-flex;
    padding-top: 14px;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    width: 100%;
    display: flex;
}
#tp_nav_main #promoted-non-taxonomy,
#tp_nav_main #promoted-category {
    flex: auto;
}
.hovered-menu-item {
    color: #333!important;
    transition: color 0.1s;
}

.feature-design #tp_nav_main .level1CategoryList li.level1CategoryHover .tp_nav2level:before {
    content: '';
    height: 390px;
    width: 3000px;
    position: absolute;
    left: -1000px;
    top: 0px;
    background-color: #f5f5f5;
    z-index: -1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: none;
}
.feature-design #tp_nav_main {
    z-index: 102;
}
.feature-design #tp_nav_main .nav3level li,
.feature-design #tp_nav_main .tp_nav2level > li {
    background-color: transparent;
}
body.page-accountDashboard {
    background-color: #f1f1f1!important;
}
.page-accountDashboard #wrapper {
    background-color: transparent;
}
.acc-dashboard-top-section.credit:before {
    background-color: white;
    width: 3000px;
    position: absolute;
    left: -1000px;
    top: -15px;
    height: 480px!important;
    content: '';
    z-index: -1;
}
.acc-dashboard-top-section {
    position: relative;
}
#payChart.pay-chart-tp3 .item_0 .chart-tooltip strong:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f6b112;
    display: inline-block;
    position: absolute;
    left: -25px;
}
#payChart.pay-chart-tp3 .item_0 {
    background-color: #f6b112!important;
}
#payChart.pay-chart-tp3 .item_0 .chart-tooltip {
    top: 150px;
    left: 210px!important;
}
#payChart.pay-chart-tp3 .item_1 .chart-tooltip strong:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e09d17;
    display: inline-block;
    position: absolute;
    left: -25px;
}
#payChart.pay-chart-tp3 .item_1 {
    background-color: #e09d17!important;
}
#payChart.pay-chart-tp3 .item_1 .chart-tooltip {
    top: 150px;
    left: 380px!important;
}


.page-accountDashboard #wrapper {
    background-color: transparent;
}

#payChart.pay-chart-tp3 .item_0 {
    background-color: #f6b112!important;
}
#payChart.pay-chart-tp3 .item_0 .chart-tooltip {
    top: 150px;
    left: 210px!important;
}
#payChart.pay-chart-tp3 .item_1 .chart-tooltip strong:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #c1c1c1;
    display: inline-block;
    position: absolute;
    left: -25px;
}
#payChart.pay-chart-tp3 .item_1 {
    background-color: #c1c1c1!important;
}
#payChart.pay-chart-tp3 .item_1 .chart-tooltip {
    top: 150px;
    left: 380px!important;
}
#payChart.pay-chart-tp3 .item_2 .chart-tooltip strong:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #096654;
    display: inline-block;
    position: absolute;
    left: -25px;
}
#payChart.pay-chart-tp3 .item_2 {
    background-color: #096654!important;
    display: inline-block;
}
#payChart.pay-chart-tp3 .item_2 {
    background-color: #096654!important;
}

#payChart.pay-chart-tp3 .item_2 .chart-tooltip {
    top: 150px;
    left: 525px!important;
}
#paymentDueSoon {
    position: absolute;
    right: 0px;
    top: 90px;
}
.feature-design .acc-dashboard-content {
    margin-top: 50px;
}
div#paymentDueSoonWaitingResponseError {
    position: absolute;
    right: 10px;
    top: 70px;
}

/*------------------------------Jack Header changes-----------------------------*/
.feature-design #tp_nav_main li.tp_nav2level_category .nav2level_Title a {
    text-align: left;
    font-size: 13px;
}
#tp_nav_main .nav3level li a,
#tp_nav_main .nav3level li span {
    padding: 0px 0px 10px;
    font-size: 13px;
}
.feature-design #header .tpHeaderContent_holder .tpSiteLogo {
    margin: -17px 0 0 20px;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox input#search {
    outline: none;
}
#header .tpHeaderContent_holder .tpMiniCart:hover,
#header .tpHeaderContent_holder .tpMiniCart:hover #cart_header a {
    color: #212121!important;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart {
    margin: 0 0px 0 0!important;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header a {
    left: 11px;
    text-align: left;
}
span.quote_items_number {
    left: -22px;
    position: relative;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox form {
    position: relative;
    left: -12px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav {
    position: relative;
    top: -18px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li a {
    padding: 19px 10px 14px 35px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks {
    min-height: 40px;
}
.feature-design #tp_nav_main {
    top: -14px;
    width: 100%;
}
.feature-design #tp_nav_main > ul > li .link {
    padding: 10px 0 8px 0;
}
div#tp_nav_main ul li.level1Category.STANDARD:last-child {
    border-top: none!important;
}
.feature-design #tp_nav_main > ul > li .link a {
    vertical-align: middle;
    font-weight: normal;
    padding: 10px 20px;
}
.feature-design #tp_nav_main > ul > .level1CategoryHover .tp_nav2level_body .link a:hover {
    font-weight: bold;
}

.feature-design #tp_nav_main .level1CategoryList li.level1CategoryHover .tp_nav2level_body .tp_nav2level:before {
    height: 100%;
}
#tp_nav_main .tp_nav2level > .tp_nav2level_viewAll {
}

.feature-design #tp_nav_main a:hover {
}

#tp_nav_main .tp_nav2level > .tp_nav2level_viewAll {
    display: none;
}
#categories-menu-item .flyout {
    width:245px;
    min-height: 300px;
}
#categories-menu-item .flyout:hover {
    width: 400px;
}
#categories-menu-item .flyout .navigation_bar_categories {
    width:245px;
    background: #f5f5f5;
}
#tp_nav_main #categories-menu-item > .link,
#tp_nav_main #alphabetical-list > .link {
    padding: 10px 20px 2px 0;
}
#tp_nav_main #categories-menu-item > .link a,
#tp_nav_main #promoted-category > .link a,
#tp_nav_main #promoted-non-taxonomy > .link a,
#tp_nav_main #alphabetical-list > .link a {
    height: auto;
    padding-bottom: 0;
}
#alphabetical-list .row,
#promoted-non-taxonomy .row,
#promoted-category .row {
    display: block;
    float: none;
    width: auto;
}
.feature-design #tp_nav_main .navigation_bar_categories > li > .link {
    padding: 0;
}
.navigation_bar_categories span.yCmsComponent.link a:before {
    display: none;
}
#tp_nav_main .navigation_bar_categories .link a {
    padding: 10px 20px;
    width: 100%;
    min-height: 40px;
    line-height: 20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
}
#tp_nav_main .navigation_bar_categories .level1Category.level1Category:hover > span a,
#tp_nav_main .navigation_bar_categories .link:hover > a {
    background-color: #0a4f38;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
#tp_nav_main .navigation_bar_categories .level1Category.level1Category.level1CategoryHover > span a,
div#tp_nav_main ul li.level1Category.OFFER.non-taxonomy-item.level1CategoryHover .link a{
    background: #0F7258 !important;
    color: #FFFFFF !important;
}
div#tp_nav_main ul li.level1Category.OFFER.non-taxonomy-item .link:hover a {
    background-color: #0a4f38 !important;
}
div#tp_nav_main ul li.level1Category.OFFER.non-taxonomy-item.level1CategoryHover a{
    background: #0F7258 !important;
    color: #FFF !important;
}
#tp_nav_main .navigation_bar_categories > li .tp_nav2level_body {
    width: 727px;
    background: #fff;
    position: absolute;
    padding: 30px 15px;
    left: 245px;
    top: 0;
    box-sizing: border-box;
}
#tp_nav_main .navigation_bar_categories > li .tp_nav2level {
    flex-wrap: wrap;
    position: relative;
    top:0;
    border: none;
    width: 680px;
    overflow: auto;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#tp_nav_main .navigation_bar_categories > li .tp_nav2level .tp_nav2level_category {
    width: 24%;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 0 30px;
}
#tp_nav_main .navigation_bar_categories > li .tp_nav2level::-webkit-scrollbar {
    width: 5px;
}

#tp_nav_main .navigation_bar_categories > li .tp_nav2level::-webkit-scrollbar-thumb {
    background: #0d6648;
}
#tp_nav_main .navigation_bar_categories > li .tp_nav2level::-webkit-scrollbar-track {
    background: #e0e0e0;
}

/*============*/
.feature-design #header .tpHeaderContent_holder .tpSearchBox input#search {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox input#search:focus {
    border: 1px solid #F6B112;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox input.button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 102px;
    height: 36px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    outline: none;
}
.feature-design #header .tpHeaderContent_holder .tpSearchBox form {
    left: -29px;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header a:after {
    border-top: none;
    position: inherit;
    right: -4px;
    top: 1px;
    content: '\f107';
    font-family: fontawesome;
    font-size: 14px;
}
.feature-design #header .tpHeaderContent_holder .tpMiniCart #cart_header a {
    font-size: 14px;
}
#tp_nav_main .nav3level li.nav3level_cat_last span:hover,
#tp_nav_main .nav3level li.nav3level_cat_last .tp_top_nav2level_viewAll a:hover{
    cursor: pointer;
    text-decoration: underline;
    color: #073828;
    background: none;
}
span.yCmsComponent.link a {
    position: relative;
}
span.yCmsComponent.link a:before {
    content: '';
    display: block;
    height: 30px;
    width: 1px;
    position: absolute;
    background-color: #E0E0E0;
    left: -1px;
}
a.dropDownHeaderLink {
    font-weight: normal!important;
}
.dropDownHeaderLink:after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 14px;
    font-size: 16px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.accountOptionsBox {
    padding: 0px 0 0px 0px;
}
.accountOptionsBox .option:after {
    content: "\F105";
    font-family: fontawesome;
    position: absolute;
    left: 18px;
    top: 15px;
    font-size: 17px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
}
.feature-design #header .tpHeaderContent_holder .nav .your-acc-wrapper .accountOptionsBox .option a {
    padding: 14px 5px;
}
.accountOptionsBox:after {
    top: -22px;
}
.accountOptionsBox:before {
    content: "";
    position: absolute;
    top: -23px;
    right: 26px;
    width: 0;
    height: 0;
    border-left: 19px solid rgba(0, 0, 0, 0);
    border-right: 19px solid rgba(0, 0, 0, 0);
    border-bottom: 23px solid #B3B3B3;
}
#tp_nav_main li a {
    font-weight: normal;
}
#tp_nav_main .nav3level li a,
#tp_nav_main .nav3level li span {
    color: #707070;
}
#tp_nav_main li.tp_nav2level_category .nav2level_Title a {
    color: #212121;
}

/* Mini Basket Tooltips Feature Design Styles */
.feature-design #rollover_cart_popup,
.feature-design #cart_popup.cart_popup {
    border: block;
    width: 485px;
    left: 464px;
    top: 125px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding-bottom: 0;
}
.feature-design #rollover_cart_popup.cart_popup .title,
.feature-design #cart_popup.cart_popup .title {
    background: #F1F1F1;
    height: 45px;
}
.feature-design #rollover_cart_popup.cart_popup:before {
    width: 247px;
    right: 0;
}
.feature-design #cart_popup.cart_popup:before,
.feature-design #rollover_cart_popup.cart_popup:after {
    border-bottom: 13px solid #EBEBEB;
    border-left-width: 10px;
    border-right-width: 10px;
    right: 55px;
}
.feature-design #cart_popup.cart_popup:before {
    top: -13px;
}
.feature-design #rollover_cart_popup.cart_popup .title h3,
.feature-design #cart_popup.cart_popup .title h3 {
    padding: 0;
    line-height: 45px;
    color: #232323;
    font-size: 16px;
}
.feature-design #rollover_cart_popup .legend,
.feature-design #cart_popup .cart_popup_added_msg {
    background: none;
    border-bottom-color: #cccbcb;
    font-size: 15px;
    color: #646464 !important;
}
.feature-design #rollover_cart_popup .cart_modal_popup,
.feature-design #cart_popup.cart_popup .cart_modal_popup {
    border-bottom-color: #EBEBEB;
    padding: 0;
    padding-left: 5px;
    margin-right: 15px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_image,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_image {
    border: none;
    margin: 7px 0;
    height: 90px;
    max-width: 90px;
}
.feature-design #rollover_cart_popup .cart_modal_popup .prod_image a {
    width: 90px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_image img,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_image img {
    min-height: 90px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_info,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_info {
    margin: 17px 0 10px 10px;
    min-height: 70px;
    min-width: 345px;
    position: relative;
    padding-bottom: 15px;
}
.feature-design #cart_popup.cart_popup .prod_info_name,
.feature-design #rollover_cart_popup .prod_name {
    line-height: 15px;
    margin-bottom: 30px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_info .prod_qty,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_info .prod_qty {
    position: absolute;
    left: 200px;
    font-size: 15px;
    bottom: 80px;
    color: #646464;
    top: -1px;
}
.feature-design #cart_popup.cart_popup .cart_modal_popup .prod_info .prod_price,
.feature-design #rollover_cart_popup .cart_modal_popup .prod_info .prod_price {
    position: absolute;
    left: 282px;
    text-align: right;
    width: 60px;
    font-size: 15px;
    bottom: 80px;
    color: #212121;
    top: -20px;
    font-weight: bold;
}
.feature-design #rollover_cart_popup .mini-cart-total-price-without-delivery {
    text-align: right;
    margin-right: 15px;
    background-color: #F9F9F9;
    margin-left: 25%;
    margin-top: 15px;
    margin-bottom: 20px;
    border: none;
    padding: 10px;
}
.feature-design #rollover_cart_popup .mini-cart-total-price-value,
.feature-design #rollover_cart_popup .mini-cart-total-price-title {
    font-weight: normal;
    margin: 0;
    color: #6c6c6c;
    font-size: 14px;
    line-height: 24px;
}
.feature-design #rollover_cart_popup .mini-cart-total-price-title {
    float: left;
}
.feature-design #rollover_cart_popup .mini-cart-total-price-value strong,
.feature-design #rollover_cart_popup .mini-cart-total-price-title strong {
    color: #333;
}
.feature-design #rollover_cart_popup .total_price {
    text-align: right;
    margin-right: 15px;
    background-color: #F9F9F9;
    border: 1px solid #EBEBEB;
    height: 42px;
    margin-left: 25%;
    margin-top: 20px;
    border: none;

}
.feature-design #rollover_cart_popup .total_price p {
    font-size: 16px;
    padding: 0px 10px 10px 12px;
    top: 6px;
    margin: 0 0 5px 10px;
    text-align: justify!important;
    position: relative;
    font-weight: bold;
}

.feature-design #cart_popup .cart_popup_total_items {
    padding: 0;
    margin: 10px 0 0;
    font-size: 13px;
}
.feature-design #rollover_cart_popup .total_price .total_price_title {
    font-weight: normal;
    margin: 0;
    color: #6c6c6c;
}
.feature-design #rollover_cart_popup.cart_popup .links,
.feature-design #cart_popup.cart_popup .links {
    margin: 10px 10px 15px 10px;
    position: relative;
}
.feature-design #rollover_cart_popup.cart_popup .links a,
.feature-design #cart_popup.cart_popup .links a {
    width: 170px;
    height: 40px;
    left: 142px;
    margin: 0 auto;
    margin-top: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 13px;
    line-height: 41px;
    font-weight: normal;
    font-size: 17px;
    padding: 0;
}
.feature-design #rollover_cart_popup.cart_popup .links a:hover,
.feature-design #cart_popup.cart_popup .links a:hover {
    text-decoration: none;
}

.feature-design #cart_popup.cart_popup.sticky_popup {
    margin-left: 460px;
    left: auto;
    right: auto;
    top: 130px;
    position: absolute;
}

.feature-design #cart_popup.cart_popup.fix_cart_popup {
    position: fixed;
    top: 10px;
}

/*----------------Updated Checkout------------------*/
#cart .total_price_wrapper {
    width: 342px;
    padding: 15px 10px 0px 10px!important;
    margin: 20px 10px 20px 0;
    background-color: #FFF;
    border-top: 1px solid #CCC;
}
#cart .top-section {
    border-bottom: none!important;
}
p.basketTotalPrice {
    border-top: 1px solid #CCC;
    width: 340px;
    position: relative;
    padding: 10px 10px;
}
.feature-design.template-pages-CheckoutPageTemplate #cart .list-wrap {
    background-color: transparent!important;
}
button.form-btn.btn-submit,
#deliveryDetailsContainer .form-btn {
    font-weight: bold;
    cursor: pointer;
    outline: none;
    font-size: 13px;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .find-btn,
button.form-btn.btn-cancel {
    font-weight: bold;
    background-color: #528272!important;
    color: white!important;
    outline: none;
}
#selectedAddress {
    width: 250px;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .btn-cancel,
button#loadCreateFragment {
    background-color: #528272!important;
    color: #FFF!important;
    outline: none;
    font-weight: bold;
}
form.delivery-address-wrap .title,
.collectionOptions-wrap .title {
    padding: 18px;
}
.title-box .title {
    padding: 10px;
}
.delivery-info-wrap .title {
    padding: 16px!important;
}
div#deliveryInfoContent {
    padding-left: 4px;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap #selectAddress,
#collectionOptionsContainer #collectionOptions_continue {
    font-weight: bold;
    outline: none;
}
#collectionOptionsContainer #collectionOptions_continue .content {
    padding: 0;
    font-size: 16px;
}
button#loadCreateFragment,
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap #selectAddress {
    margin-top: 10px;
}
#info-wrap .number-field input {
    width: 178px;
    padding: 0 10px;
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_header:before,
.feature-design.template-pages-GuestPaymentDeclinePageTemplate  #payment_wrapp .tp_header:before{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.passed {
    border-color: #0C4F38;
    background: white;
}
#payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.passed:before {
    content: '\f00c';
    display: block;
    position: absolute;
    font-family: fontawesome;
    color: #0C4F38;
    top: 2px;
    left: 9px;
    font-size: 23px;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav li .button_image {
    opacity: 0;
}

/*----------------------Jack Changes----------------------*/
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table td {
    background-color: white;
    height: 60px!important;
    border-bottom: 1px #e0e0e0 solid!important;
    color: rgb(37, 37, 37);
    font-size: 13px;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_table .order-ref-number,
.template-pages-AccountOrdersHistoryPageTemplate #order_history_table .valueAlign {
    color: rgb(37, 37, 37);
    font-size: 13px;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table th {
    background-color: white;
    color: #616161;
    border-bottom: 3px solid #0A4F38;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table th:first-child span {
    padding-right: 15px;
}
.template-pages-AccountOrdersHistoryPageTemplate .dataTable .sorting .title:before {
    background: none;
    content: '\f0dc';
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 12px;
    margin-top: 4px;
}
.template-pages-AccountOrdersHistoryPageTemplate .dataTable .sorting_asc .title:before {
    background: none;
    content: '\f0de';
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 12px;
}
.template-pages-AccountOrdersHistoryPageTemplate .dataTable .sorting_desc .title:before {
    background: none;
    content: '\f0dd';
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 12px;
    margin-top: -9px;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container #view_order_details_button:before {
    content: '\f105';
    font-family: fontawesome;
    font-size: 20px;
    display: block;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container #totalResults,
.template-pages-AccountOrdersHistoryPageTemplate #order_history_table_wrapper .dataTables_info,
.template-pages-Accoun.template-pages-AccountOrdersHistoryPageTemplate tOrdersHistoryPageTemplate #order_history_table_wrapper .dataTables_length {
    font-style: normal!important;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container .top.right {
    width: 245px;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container #view_order_details_button {
    margin-top: 17px;
    font-size: 13px;
    color: #0A4F38;
    border: none;
    border-radius: 0px;
    /* border-bottom: 1px solid #757575; */

    background-color: transparent;
}
#order_history_container #view_order_details_button {
    border: 1px black solid;
    border-radius: 7px;
    padding: 2px 1px;
    text-decoration: inherit;
    font-size: 13px;
    background-color: white;
}
.template-pages-AccountOrdersHistoryPageTemplate .tp_tabs_wrapper .dataTables_paginate {
    background: none;
    border-bottom: none;
    width: 100%;
    height: 40px;
    padding-top: 18px;
    text-align: center;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_table_length #showAll,
.template-pages-AccountOrdersHistoryPageTemplate #order_history_table_length #show10,
#order_history_table_wrapper .dataTables_length label {
    cursor: pointer;
    font-style: normal;
}
.template-pages-AccountOrdersHistoryPageTemplate #search_fields .order_filter_select select {
    height: 25px;
}
.template-pages-AccountOrdersHistoryPageTemplate #search_fields .order_filter_select {
    padding-top: 15px;
}
.feature-design.page-productDetails div#add_to_quote_message {
    height: 35px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: rgb(255, 255, 255);
    background: #05743d;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 13px;
}
.feature-design.page-productDetails div#add_to_quote_message:before {
    content: '\f00c';
    font-family: fontawesome;
    font-size: 15px;
    margin-right: 6px;
}
.template-pages-AccountOrdersHistoryPageTemplate .page-orders #welcome_container h2 {
    margin-top: 20px;
}
.template-pages-AccountOrdersHistoryPageTemplate .item_container > div {
    margin-top: 25px!important;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container #totalResults {
    margin: 15px;
    margin-bottom: 20px;
}
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container .top.right {
    top: -37px;
    right: 336px;
}
.template-pages-AccountOrdersHistoryPageTemplate thead#col_names {}
#order_history_container {
    padding: 15px 10px;
}
.item_container {
    overflow: hidden;
    width: 925px;
}

.login-panel .item_container{
    overflow: hidden;
    width: 288px;
    padding: 25px 27px;
}
#search_fields {
    padding: 10px 0px 0;
    left: 45px;
    top: 27px;
    overflow: hidden;
    position: relative;
}
tbody tr:nth-child(even) td,
tbody tr.even td,
.dataTable tbody tr.even td,
.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table td {
    background: transparent;
    border: none!important;
}
tr,
thead tr:hover {
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}
tr:hover {
    background-color: #fafafa;
    border-bottom: 2px solid #f6b112;
}
table#order_history_table tr td strong {
    font-weight: normal;
}
#order_history_table .order-ref-number,
#order_history_table .valueAlign {
    font-weight: normal;
}
tr:hover > td strong div,
tr:hover > td span,
tr:hover > td p,
tr:hover > td strong {
    font-weight: bold!important;
}
#orderRefSection h3 {
    font-weight: normal;
}
#orderDetailsTicketList hr {
    display: none;
}
#orderHeadInformation {
    width: 100%;
    background: white none repeat scroll 0% 0%;
    padding: 15px 0px;
    margin-bottom: 20px !important;
    border-top: 1px solid #e0e0e0;
}
#orderRefSection h3 {
    margin: 0px;
}
#orderHeadInformation p:first-child {
    padding-left: 3px;
    padding-top: 3px;
}
#orderTableHeader {
    margin: 0px;
    padding: 5px !important;
    background: #fafafa none repeat scroll 0% 0% !important;
}
#orderDetailsTable {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#titles {
    background: #FAFAFA none repeat scroll 0% 0% !important;
    margin-bottom: 0px !important;
}
#titles div {
    font-weight: bold !important;
}
.productItem {
    padding-top: 20px;
    padding-bottom: 15px;
    background: #fff;
    color: #757575;
}
#productHeader {
    padding: 0px 170px 0px 30px !important;
}
.orderInfo .productImage {
    margin-right: 15px;
}
.productDescription a,
a:focus,
a:hover {
    color: #212121;
}
#orderDetailsTable #titles div {
    float: left;
    padding: 0px 18px 0px 182px;
}
#orderDetailsTable .productItem .productQty {
    width: 116px !important;
    padding-left: 92px;
    padding-right: -15px;
}
.not_yet_delivered .orderTableHeader #orderStatus::after {
    width: 25px;
    height: 24px;
    margin-top: -24px;
    background: none;
    content: '\f017 ';
    font-family: fontawesome;
    font-size: 26px;
    margin-left: 0px;
}
#orderDetailsTable .orderTableHeader #orderStatus {
    font-weight: normal;
}
#orderTableHeader .info-tooltip {
    left: 8px;
    top: 15px;
}
.estimatedDate {
    margin-left: 86px !important;
}
#view-less-btn {
    padding-left: 15px !important;
    left: 55px;
}
#view-less-btn::after {
    margin-right: 15px !important;
}
#view-more-btn {
    padding-left: 15px !important;
    left: 55px;
}
#view-more-btn::after {
    margin-right: 15px !important;
}
#orderDetailsTable .productItem > div {
    overflow: visible;
}
#fulfillingBranchInfo {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: none;
}
#fulfillingBranchInfo td.grey {
    background: #F5F5F5 !important;
    padding: 5px;
    border-bottom: 1px solid #e0e0e0;
}
#fulfillingBranchInfo .branchInfoImage {
    margin: 10px 0px 5px 13px;
}
#fulfillingBranchInfo .hederInfo {
    position: absolute;
    display: inline-block;
    margin: 15px 0px 5px 15px;
}
.white {
    width: 50%;
    padding: 7px 10px !important;
}
#orderDetails {
    margin-top: 20px;
}
#deliveryAddressBox {
    background: white none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0,
    0,
    0,
    0.12),
    0px 1px 2px rgba(0,
            0,
            0,
            0.24);
    margin-top: 2px;
    margin-left: 2px;
    padding:0px;
}
#deliveryAddressBox #label {
    padding: 17px 20px;
    border-bottom: none;
    font-size: 20px;
    background: #fafafa none repeat scroll 0% 0%;
}
#deliveryAddressBox #address {
    padding: 15px 20px;
    background: #fafafa;
}
.not_yet_delivered {
    margin-top: 98px;
}
#orderDetails {
    overflow: visible;
}
.info {
    top: 7px;
    border-radius: 5px;
}
#orderDetailsTable.collapsed {
    height: 56px!important;
}
#paymentDetailsBox {
    background: white;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0,
    0,
    0,
    0.12),
    0 1px 2px rgba(0,
            0,
            0,
            0.24);
}
#orderDetails #paymentDetailsBox .heading::after {
    display: none;
}
#orderDetails #paymentDetailsBox .heading {
    background: #F5F5F5 !important;
    border-bottom: 1px solid rgb(224,
    224,
    224);
    padding: 15px 20px;
    font-size: 20px;
}
#orderDetails #paymentDetailsBox {
    width: 49%;
    margin-top: 2px;
}
#deliveryAddressBox {
    width: 48%;
}
#ccDetailsBox .ccType-icon.visa::before,
#ccDetailsBox .ccType-icon.master::before {
    left: 10px!important;
    top: 10px!important;
}
#ccDetailsBox .ccType-icon {
    line-height: 1;
    padding: 10px 10px 10px 76px;
    font-weight: bold;
    width: 35px !important;
    display: inline-block !important;
}
#ccNumberBox {
    display: inline-block;
    width: 100px;
    margin-left: -14px;
}
#ccExpirationInfo {
    display: inline-block;
    position: relative;
}
#ccDetailsBox {
    height: 50px;
}
#ccBillingAddressBox > div {
    margin-bottom: 10px;
}
#ccBillingAddressDetails {
    margin-bottom: 0px !important;
}
#orderInfoVat {
    width: 66px;
    display: inline-block;
}
#orderHeadInformation p,
#orderHeadInformation div {
    float: none!important;
}
#orderHeadInformation p {
    width: 120px;
    display: inline-block;
}
#orderInfoTotal,
#orderInfoSavings {
    width: 80px;
    display: inline-block;
}
#orderHeadInformation p:nth-child(5) {
    margin-right: 10px;
}
#orderHeadInformation p:nth-child(7) {
    width: 70px !important;
    margin-right: 10px;
}
#orderInfoDelivery {
    display: inline-block;
}
.valueAlign {
    display: inline-block;
    width: 65px;
    font-size: 16px;
    font-weight: bold;
}
#orderInfoDate {
    width: 90px !important;
    margin-left: 0px !important;
}
#orderInfoTotal {
    margin-left: 0px !important;
}
#orderInfoTotal {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.top.rounded.backToOrdersButton {
    background: #F6B112 none repeat scroll 0% 0% !important;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 60px;
}
.bottom.rounded.backToOrdersButton {
    background: #F6B112 none repeat scroll 0% 0% !important;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 60px;
}
#orderDetails #paymentDetailsBox .content {
    background: #fafafa;
}
#fulfillingBranchInfo td.white {
    background: #fafafa none repeat scroll 0% 0% !important;
}
.yCmsComponent.error {
    border-radius: 5px;
    border-width: 1px;
}
#orderDetailsTable {
    margin-bottom: 30px;
}
#orderRefSection h3 {
    font-size: 16px;
}
#orderHeadInformation {
    width: 100%;
    background: #FFF none repeat scroll 0% 0%;
    padding: 0;
    margin-bottom: 20px !important;
    border-top: none;
}
#orderHeadInformation p,
#orderHeadInformation div {
    font-size:14px
}
.valueAlign {
    font-size: 14px !important;
    font-weight:normal!important;
}
#orderInfoDate {
    font-weight: normal !important;
}
#orderHeadInformation p {
    width: 98px;
    display: inline-block;
    margin-left: -2px;
}
#orderHeadInformation p:nth-child(5) {
    margin-right: 0px;
}
#orderHeadInformation p:nth-child(7) {
    width: 60px !important;
    margin-right: 0px;
}
#orderHeadInformation p:nth-child(7) {
    width: 60px !important;
    margin-right: 0px;
    margin-left: 5px;
}
#deliveryAddressBox #label,
#orderDetails #paymentDetailsBox .heading {
    font-size: 14px;
    font-weight: bold;
    color: #757575;
}
#deliveryAddressBox #address {
    padding: 0px 20px;
}
#orderDetails #paymentDetailsBox .heading {
    background: none!important;
    border-bottom: none!important;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: bold;
}
#orderDetails #paymentDetailsBox .content {
    padding: 0px 15px 0px 20px;
}
#deliveryAddressBox #address {
    padding: 0px 20px 20px 20px;
    color: #757575;
}
#ccDetailsBox {
    color: #757575;
}
#ccDetailsBox .ccType-icon {
    padding: 10px 6px 10px 58px !important;
}
#ccBillingAddressBox > div:first-child {
    display: none;
}
#ccBillingAddressPostalCode,
#ccPaymentAddressUserName,
#ccBillingAddressLine1,
#ccBillingAddressLines {
    color: #757575;
    width: auto;
    display: inline-block;
}
#ccTypeBox {
    font-weight: normal !important;
}
#ccDetailsBox .ccType-icon.visa::before,
#ccDetailsBox .ccType-icon.master::before {
    background:none!important;
    font-family: fontawesome;
    content: "\f283";
    height: 100px;
    font-size: 35px;
    position: absolute;
    margin-left:10px;
    margin-top:-12px
}
#orderDetailsTable .orderTableHeader #orderStatus {
    position: relative;
    float: left;
    padding-left: 60px;
    font-weight: bold !important;
    font-size: 15px;
}
#orderDetailsTable {
    background: #fafafa;
}
.not_yet_delivered .orderTableHeader #orderStatus::after {
    font-weight: normal;
    font-size:22px
}
#orderDetailsTable .orderTableHeader #orderStatus {
    position: relative;
    float: left;
    padding-left: 50px;
    font-weight: bold !important;
    font-size: 15px;
    color: #646464;
}
#deliveryAddressBox {
    background: black !important;
}
#paymentDetailsBox {
    background: #FAFAFA none repeat scroll 0% 0% !important;
    padding-bottom: 15px;
    border-bottom: 2px solid #528272 !important;
}
#deliveryAddressBox {
    min-height: 133px;
    background: #fafafa !important;
}
#orderHeadInformation > p {
    font-weight: bold;
    width: auto;
}
.not_yet_delivered {
    margin-top: 0px;
}
#orderDetailsTable #titles {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 18px;
    margin-bottom: 18px;
    background-color: #fafafa !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
}
#orderDetailsTable .orderTableHeader {
    position: relative;
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding-top: 10px;
}
#titles div {
    color: #535353;
    font-weight: normal !important;
}
.estimatedDate {
    display: none;
}
#productHeader {
    padding-left: 21px !important;
}
#orderDetailsTable #titles > .status {
    float: right;
    padding-right: 66px;
}
#orderDetailsTable .view-more-btn {
    position: relative;
    float: right;
    width: 61px;
    text-align: left;
    cursor: pointer;
    margin-right: 110px;
}

#orderDetailsTable .view-more-btn:before {
    content:'\f107';
    display: block;
    position:absolute;
    font-family: fontawesome;
    left:90px;
    font-size:22px;
}

#orderDetailsTable .productItem .orderInfo {
    margin-bottom: 0px;
}
#titles {
    margin-bottom: -2px !important;
}
#orderHeadInformation {
    width: 98% !important;
    background: #FAFAFA none repeat scroll 0% 0%;
    padding: 15px 0px 10px 20px !important;
    margin-bottom: 20px !important;
    border-top: none;
    box-shadow: 0px 1px 3px rgba(0,
    0,
    0,
    0.12),
    0px 1px 2px rgba(0,
            0,
            0,
            0.24);
}
#orderHeadInformation p,
#orderHeadInformation div {
    color: #757575;
}
.name,
.value .content,
.white .value,
.hederInfo,
.productItem a {
    color: #757575;
}
#paymentDetailsBox::before {
    content: '\f00c ';
    font-family: fontawesome;
    width: 23px;
    height: 23px;
    background: #528272;
    border-radius: 50%;
    right:10px;
    top:525px;
    display: block;
    color: white;
    line-height: 23px;
    text-align: center;
    position: absolute;
}
#orderRefSection h3:first-child {
    margin-left: 20px;
}

/*--------------------Address Book Desktop----------------------*/
.feature-design.page-AddressBookPage h1.address-book-title {
    margin-top: 10px;
}
.feature-design.page-AddressBookPage .address-book-wrap p {
    font-size: 14px;
}
.feature-design.page-AddressBookPage a.add-new-address {
    margin-top: 20px!important;
    background-color: #F6B112!important;
    color: #212121!important;
    width: 160px!important;
    font-size: 14px!important;
}
.feature-design.page-AddressBookPage .address-book-wrap .address > strong {
    font-size: 14px;
    font-weight: normal;
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.feature-design.page-AddressBookPage .addresses .address {
    border: 1px solid #e0e0e0;
    padding: 15px;
}
.feature-design.page-AddressBookPage .address div,
.feature-design.page-AddressBookPage .address strong {
    color: #212121;
}
.feature-design.page-AddressBookPage button.delete-address {
    border: none!important;
    background-color: transparent!important;
    color: #757575;
    right: 15px;
    font-size: 14px!important;
    text-align: right;
}
.feature-design.page-AddressBookPage button.delete-address:before {
    content: '\f00d';
    font-family: fontawesome;
    font-size: 16px;
    margin-right: 4px;
}
.feature-design.page-AddressBookPage .address-book-wrap .address > strong:empty {
    display: none;
}
.feature-design.page-AddressBookPage .address-book-wrap .address > div {
    padding-bottom: 5px;
}
.feature-design.page-AddDeliveryAddressPage form#orderDeliveryAddressForm .title {
    margin-top: 25px;
    font-size: 20px;
    border: none;
}
.feature-design.page-AddDeliveryAddressPage form#orderDeliveryAddressForm label {
    font-size: 14px;
    color: #616161;
}
.feature-design.page-AddDeliveryAddressPage .label {
    width: 100%!important;
    margin-bottom: 5px;
}
.feature-design.page-AddDeliveryAddressPage .input input {
    border-left: 1px solid #e0e0e0!important;
    border-top: 1px solid #e0e0e0!important;
    border-right: 1px solid #e0e0e0!important;
    border-bottom: 1px solid #e0e0e0!important;
    width: 320px!important;
    height: 27px!important;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px!important;
    margin-bottom: 0px;
}
.feature-design.page-AddDeliveryAddressPage input#contact-postcode,
.feature-design.page-AddDeliveryAddressPage input#postcode{
    width: 170px!important;
}
.feature-design.page-AddDeliveryAddressPage button.find-btn {
    width: 138px!important;
    height: 28px!important;
    color: white;
    background-color: #528272!important;
    border: none!important;
}
.feature-design.page-AddDeliveryAddressPage .input input:focus {
    outline: none;
    background-color: #fafafa;
    border: 1px solid #e0e0e0!important;
    border-bottom: 2px solid #F6B112!important;
    margin-bottom: -1px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .find-btn {
    position: relative;
    top: 23px;
    display: inline-block;
    margin: 0 0 0 auto;
    border-radius: 4px;
    border: 1px solid #B5B5B5;
    background-color: rgba(204,
    204,
    204,
    1);
    cursor: pointer;
    outline: none;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .error-wrap {
    margin-bottom: 10px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-wrap .find-btn-wrap {
    padding: 0px!important;
    display: inline-block;
}
.feature-design.page-AddDeliveryAddressPage .input-wrap {
    display: inline-block;
    width: 332px;
}
.feature-design.page-AddDeliveryAddressPage select#selectedAddress {
    width: 331px!important;
    height: 29px!important;
    color: #212121!important;
    font-size: 14px;
    border: 1px solid #e0e0e0;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .l-column {
    float: none;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .r-column {
    float: none;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .text-block {
    padding: 0px!important;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-wrap .radio-btn-wrap {
    position: relative;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-wrap .radio-btn-wrap {
    position: relative;
    left: 3px;
    right: 0px!important;
    top: 11px;
}
.feature-design.page-AddDeliveryAddressPage .questions-form .question-wrap span {
    width: 485px;
    display: inline-block;
    font-size: 14px;
    color: #616161;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .questions-form {
    padding: 25px 0px 0px 0px!important;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .text-block {
    font-size: 14px!important;
    color: #616161;
}
.feature-design.page-AddDeliveryAddressPage p.description {
    font-size: 14px!important;
    color: #616161;
    line-height: 18px!important;
}
.feature-design.page-AddDeliveryAddressPage textarea:focus {
    border: 1px solid #e0e0e0;
}
.feature-design.page-AddDeliveryAddressPage textarea {
    outline: none;
    border: 1px solid #e0e0e0;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-wrap .btn-submit {
    float: left;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .btn-cancel {
    float: right;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .btn-cancel {
    float: right;
    background-color: #fff;
    border: none;
    text-decoration: underline;
    left: 0px;
    position: relative;
    font-size: 14px;
    top: 6px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-wrap .btn-submit {
    float: left;
    background-color: #F6B112;
    border: none;
    color: black;
    font-weight: normal;
    height: 45px;
    font-size: 14px;
    width: 190px;
}
.feature-design.page-AddDeliveryAddressPage .form-btn-wrap {
    width: 380px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .find-address-error {
    display: block;
    position: absolute;
    top: 58px;
    width: 330px;
    padding-left: 0;
    text-align: left;
    color: #D60909;
    font-size: 12px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-wrap .email_error_message span,
.feature-design.page-AddDeliveryAddressPage .form-error {
    position: absolute;
    width: 280px;
    color: #D60909;
    top: 51px;
    font-size: 12px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .label-and-input.input-error .input {
    border: none;
    height: 27px;
    overflow: hidden;
    border-bottom: 2px solid #D60909;
    margin-bottom: -2px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-wrap .email_error_message span,
.feature-design.page-AddDeliveryAddressPage .form-error {
    position: absolute;
    width: 330px;
    color: #D60909;
    top: 46px;
    left: 0;
    font-size: 12px;
    text-align: right;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .label-and-input.input-error .input input {
    background-color: rgb(255,
    244,
    244);
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .label-and-input.input-error .input:after {
    content: '\f057';
    font-family: fontawesome;
    position: absolute;
    left: 342px;
    top: 29px;
    text-align: center;
    color: #D60909;
    font-size: 18px;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .form-error {
    position: static;
    display: inline-block;
    margin-top: 0px;
    text-align: left;
}
.feature-design.page-AddDeliveryAddressPage .delivery-details-form .find-address-error {
    color: #D60909;
}
.feature-design.page-AddDeliveryAddressPage .input-filled {
    outline: none;
    background-color: #fafafa;
    border: 1px solid #e0e0e0!important;
    border-bottom: 2px solid #F6B112!important;
    margin-bottom: -1px!important;
}
.feature-design.page-AddDeliveryAddressPage .address-line-1 {
    margin-top:10px;
}

/*-------------------Order Details----------------------*/
.feature-design.page-orderDetails span.form-error.question-wrap:after {
    content: '\f057';
    font-family: fontawesome;
    position: absolute;
    text-align: center;
    color: #D60909;
    font-size: 18px;
    margin-left: 8px;
    margin-top: -3px;
}
.feature-design.page-orderDetails #orderRefSection h3 {
    font-weight: normal;
}
.feature-design.page-orderDetails #orderDetailsTicketList hr {
    display: none;
}
.feature-design.page-orderDetails #orderHeadInformation {
    width: 100%;
    background: white none repeat scroll 0% 0%;
    padding: 15px 0px;
    margin-bottom: 20px !important;
    border-top:1px solid #e0e0e0;
}
.feature-design.page-orderDetails #orderRefSection h3 {
    margin: 0px;
}
#orderHeadInformation p:first-child {
    padding-left: 3px;
    padding-top: 3px;
}
.feature-design.page-orderDetails #orderTableHeader {
    margin: 0px;
    padding: 5px !important;
    background: #fafafa none repeat scroll 0% 0% !important;
}
.feature-design.page-orderDetails #orderDetailsTable {
    background: white;
    box-shadow: 0 1px 3px rgba(0,
    0,
    0,
    0.12),
    0 1px 2px rgba(0,
            0,
            0,
            0.24);
}
.feature-design.page-orderDetails #titles {
    background: #FAFAFA none repeat scroll 0% 0% !important;
    margin-bottom: 0px !important;
}
.feature-design.page-orderDetails #titles div {
    font-weight: bold !important;
}
.feature-design.page-orderDetails .productItem {
    padding-top: 20px;
    padding-bottom: 15px;
    background: #fff;
    color: #757575;
}
.feature-design.page-orderDetails #productHeader {
    padding: 0px 170px 0px 30px !important;
}
.feature-design.page-orderDetails .orderInfo .productImage {
    margin-right: 15px;
}
.feature-design.page-orderDetails .productDescription a,
a:focus,
a:hover {
    color: #212121;
}
.feature-design.page-orderDetails #orderDetailsTable #titles div {
    float: left;
    padding: 0px 18px 0px 182px;
}
.feature-design.page-orderDetails #orderDetailsTable .productItem .productQty {
    width: 116px !important;
    padding-left: 92px;
    padding-right: -15px;
}
.feature-design.page-orderDetails .not_yet_delivered .orderTableHeader #orderStatus::after {
    width: 25px;
    height: 24px;
    margin-top: -24px;
    background:none;
    content: '\f017 ';
    font-family: fontawesome;
    font-size: 26px;
    margin-left: 0px;
}
.feature-design.page-orderDetails #orderDetailsTable .orderTableHeader #orderStatus {
    font-weight: normal;
}
.feature-design.page-orderDetails #orderTableHeader .info-tooltip {
    left: 8px;
    top: 15px;
}
.feature-design.page-orderDetails .estimatedDate {
    margin-left: 86px !important;
}
.feature-design.page-orderDetails #view-less-btn {
    padding-left: 15px !important;
    left: 55px;
}
.feature-design.page-orderDetails #view-less-btn::after {
    margin-right: 15px !important;
}
.feature-design.page-orderDetails #view-more-btn {
    padding-left: 15px !important;
    left: 55px;
}
.feature-design.page-orderDetails #view-more-btn::after {
    margin-right: 15px !important;
}
.feature-design.page-orderDetails #orderDetailsTable .productItem > div {
    overflow: visible;
}
.feature-design.page-orderDetails #fulfillingBranchInfo {
    background: white;
    box-shadow: 0 1px 3px rgba(0,
    0,
    0,
    0.12),
    0 1px 2px rgba(0,
            0,
            0,
            0.24);
    border: none;
}
.feature-design.page-orderDetails #fulfillingBranchInfo td.grey {
    background: #F5F5F5 !important;
    padding: 5px;
    border-bottom:1px solid #e0e0e0;
}
.feature-design.page-orderDetails #fulfillingBranchInfo .branchInfoImage {
    margin: 10px 0px 5px 13px;
}
.feature-design.page-orderDetails #fulfillingBranchInfo .hederInfo {
    position: absolute;
    display: inline-block;
    margin: 15px 0px 5px 15px;
}
.feature-design.page-orderDetails .white {
    width: 50%;
    padding: 7px 10px !important;
}
.feature-design.page-orderDetails #orderDetails {
    margin-top: 20px;
}
.feature-design.page-orderDetails #deliveryAddressBox {
    background: white none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0,
    0,
    0,
    0.12),
    0px 1px 2px rgba(0,
            0,
            0,
            0.24);
    margin-top: 2px;
    margin-left: 2px;
    padding:0px;
}
.feature-design.page-orderDetails #deliveryAddressBox #label {
    padding: 17px 20px;
    border-bottom: none;
    font-size: 20px;
    background: #fafafa none repeat scroll 0% 0%;
}
.feature-design.page-orderDetails #deliveryAddressBox #address {
    padding: 15px 20px;
    background: #fafafa;
}
.feature-design.page-orderDetails .not_yet_delivered {
    margin-top: 98px;
}
.feature-design.page-orderDetails #orderDetails {
    overflow: visible;
    width: 100%;
}
.feature-design.page-orderDetails .info {
    top: 7px;
    border-radius: 5px;
}
.feature-design.page-orderDetails #orderDetailsTable.collapsed {
    height: 56px!important;
}
.feature-design.page-orderDetails #paymentDetailsBox {
    background: white;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0,
    0,
    0,
    0.12),
    0 1px 2px rgba(0,
            0,
            0,
            0.24);
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox .heading::after {
    display: none;
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox .heading {
    background: #F5F5F5 !important;
    border-bottom: 1px solid rgb(224,
    224,
    224);
    padding: 15px 20px;
    font-size: 20px;
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox {
    width: 49%;
    margin-top: 2px;
}
.feature-design.page-orderDetails #deliveryAddressBox {
    width: 48%;
}
.feature-design.page-orderDetails #ccDetailsBox .ccType-icon.visa::before,
#ccDetailsBox .ccType-icon.master::before {
    left: 10px!important;
    top: 10px!important;
}
.feature-design.page-orderDetails #ccDetailsBox .ccType-icon {
    line-height: 1;
    padding: 10px 10px 10px 76px;
    font-weight: bold;
    width: 35px !important;
    display: inline-block !important;
}
.feature-design.page-orderDetails #ccNumberBox {
    display: inline-block;
    width: 100px;
    margin-left: -14px;
}
.feature-design.page-orderDetails #ccExpirationInfo {
    display: inline-block;
    position: relative;
}
.feature-design.page-orderDetails #ccDetailsBox {
    height: 50px;
}
.feature-design.page-orderDetails #ccBillingAddressBox > div {
    margin-bottom: 10px;
}
.feature-design.page-orderDetails #ccBillingAddressDetails {
    margin-bottom: 0px !important;
}
.feature-design.page-orderDetails #orderInfoVat {
    width: 66px;
    display: inline-block;
}
.feature-design.page-orderDetails #orderHeadInformation p,
#orderHeadInformation div {
    float: none!important;
}
.feature-design.page-orderDetails #orderHeadInformation p {
    width: 120px;
    display: inline-block;
}
.feature-design.page-orderDetails #orderInfoTotal {
    width: 80px;
    display: inline-block;
}
.feature-design.page-orderDetails #orderHeadInformation p:nth-child(5) {
    margin-right: 10px;
}
.feature-design.page-orderDetails #orderHeadInformation p:nth-child(7) {
    width: 70px !important;
    margin-right: 10px;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder {
    float: right !important;
}
.feature-design.page-orderDetails #orderInfoDelivery {
    display: inline-block;
}
.feature-design.page-orderDetails .valueAlign {
    display: inline-block;
    width: 65px;
    font-size: 16px;
    font-weight: bold;
}
.feature-design.page-orderDetails #orderInfoDate {
    width: 90px !important;
    margin-left: 0px !important;
}
.feature-design.page-orderDetails #orderInfoTotal {
    margin-left: 0px !important;
}
.feature-design.page-orderDetails #orderInfoTotal {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.feature-design.page-orderDetails .top.rounded.backToOrdersButton {
    background: #F6B112 none repeat scroll 0% 0% !important;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 60px;
}
.feature-design.page-orderDetails .bottom.rounded.backToOrdersButton {
    background: #F6B112 none repeat scroll 0% 0% !important;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 60px;
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox .content {
    background: #fafafa;
}
.feature-design.page-orderDetails #fulfillingBranchInfo td.white {
    background: #fafafa none repeat scroll 0% 0% !important;
}
.feature-design.page-orderDetails .yCmsComponent.error {
    border-radius: 5px;
    border-width: 1px;
}
.feature-design.page-orderDetails #orderDetailsTable {
    margin-bottom: 30px;
}
.feature-design.page-orderDetails #orderRefSection h3 {
    font-size: 16px;
}
.feature-design.page-orderDetails #orderHeadInformation {
    width: 100%;
    background: #FFF none repeat scroll 0% 0%;
    padding: 0;
    margin-bottom: 20px !important;
    border-top: none;
    overflow: hidden;
}
.feature-design.page-orderDetails #orderHeadInformation p,
#orderHeadInformation div {
    font-size:14px
}
.feature-design.page-orderDetails .valueAlign {
    font-size: 14px !important;
    font-weight:normal!important;
}
.feature-design.page-orderDetails #orderInfoDate {
    font-weight: normal !important;
}
.feature-design.page-orderDetails #orderHeadInformation p {
    width: 108px;
    display: inline-block;
    margin-left: -2px;
}
.feature-design.page-orderDetails #orderHeadInformation p:nth-child(5) {
    margin-right: 0px;
}
.feature-design.page-orderDetails #orderHeadInformation p:nth-child(7) {
    width: 60px !important;
    margin-right: 0px;
}
.feature-design.page-orderDetails #orderHeadInformation p:nth-child(7) {
    width: 60px !important;
    margin-right: 0px;
    margin-left: 5px;
}

.feature-design.page-orderDetails #orderHeadInformation.collapsed {
    height: 45px!important;
}
.feature-design.page-orderDetails #orderHeadInformation .orderHeadInformation_wrapper {
    overflow: hidden;
}
.feature-design.page-orderDetails #orderHeadInformation .orderHeadInformation_wrapper .view-more-btn {
    line-height: 46px;
    left: 135px;
    top: 20px;
    margin-right: 0;
    width: auto;
}
.feature-design.page-orderDetails #orderHeadInformation .orderHeadInformation_wrapper #orderRefSection,
.feature-design.page-orderDetails #orderHeadInformation .orderDate_holder,
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotalTitle_holder .orderInfoTotalTitle {
    float: left !important;
}
.feature-design.page-orderDetails #orderHeadInformation .orderDate_holder {
    margin: 10px 0 10px 50px;
}
.feature-design.page-orderDetails #orderHeadInformation .orderDate_holder #orderInfoDate {
    width: auto !important;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotalTitle_holder {
    float: right !important;
    margin: 10px 0;
    line-height: 27px;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder {
    display: table;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .tableLine_holder,
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .tableLine_holder .savings {
    display: flex;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .tableLine_holder p,
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .tableLine_holder div {
    display: table-cell;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .orderInfoTotalPrice {
    display: inline-block;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .savings {
    border-bottom: 1px solid #e0e0e0;
    margin-left: auto;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .savings p,
.feature-design.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .savings .valueAlign {
    color: #D41B2D;
}
.feature-design.page-orderDetails #deliveryAddressBox #label,
#orderDetails #paymentDetailsBox .heading {
    font-size: 14px;
    font-weight: bold;
    color: #757575;
}
.feature-design.page-orderDetails #deliveryAddressBox #address {
    padding: 0px 20px;
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox .heading {
    background: none!important;
    border-bottom: none!important;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: bold;
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox .content {
    padding: 0px 15px 0px 20px;
}
.feature-design.page-orderDetails #deliveryAddressBox #address {
    padding: 0px 20px 20px 20px;
    color: #757575;
}
.feature-design.page-orderDetails #ccDetailsBox {
    color: #757575;
}
.feature-design.page-orderDetails #ccDetailsBox .ccType-icon {
    padding: 10px 6px 10px 58px !important;
}
.feature-design.page-orderDetails #ccBillingAddressBox > div:first-child {
    display: none;
}
.feature-design.page-orderDetails #ccBillingAddressPostalCode,
#ccPaymentAddressUserName,
#ccBillingAddressLine1,
#ccBillingAddressLines {
    color: #757575;
    width: auto;
    display: inline-block;
}
.feature-design.page-orderDetails #ccTypeBox {
    font-weight: normal !important;
}
.feature-design.page-orderDetails #ccDetailsBox .ccType-icon.visa::before,
.feature-design.page-orderDetails #ccDetailsBox .ccType-icon.master::before {
    background:none!important;
    font-family: fontawesome;
    content: "\f283";
    height: 100px;
    font-size: 35px;
    position: absolute;
    margin-left:10px;
    margin-top:-12px
}
.feature-design.page-orderDetails #orderDetailsTable .orderTableHeader #orderStatus {
    position: relative;
    float: left;
    padding-left: 60px;
    font-weight: bold !important;
    font-size: 15px;
}
.feature-design.page-orderDetails #orderDetailsTable {
    background: #fafafa;
}
.feature-design.page-orderDetails .not_yet_delivered .orderTableHeader #orderStatus::after {
    font-weight: normal;
    font-size:22px
}
.feature-design.page-orderDetails #orderDetailsTable .orderTableHeader #orderStatus {
    position: relative;
    float: left;
    padding-left: 50px;
    font-weight: bold !important;
    font-size: 15px;
    color: #646464;
}
.feature-design.page-orderDetails #deliveryAddressBox {
    background: black !important;
}
.feature-design.page-orderDetails #paymentDetailsBox {
    background: #FAFAFA none repeat scroll 0% 0% !important;
    padding-bottom: 15px;
    border-bottom: 2px solid #528272 !important;
}
.feature-design.page-orderDetails #deliveryAddressBox {
    min-height: 133px;
    background: #fafafa !important;
}
.feature-design.page-orderDetails #orderHeadInformation > p {
    font-weight: bold;
    width: auto;
}
.feature-design.page-orderDetails .not_yet_delivered {
    margin-top: 0px;
}
.feature-design.page-orderDetails #orderDetailsTable #titles {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 18px;
    margin-bottom: 18px;
    background-color: #fafafa !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
}
.feature-design.page-orderDetails #orderDetailsTable .orderTableHeader {
    position: relative;
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding-top: 10px;
}
.feature-design.page-orderDetails #titles div {
    color: #535353;
    font-weight: normal !important;
}
.feature-design.page-orderDetails .estimatedDate {
    display: none;
}
.feature-design.page-orderDetails #productHeader {
    padding-left: 21px !important;
}
.feature-design.page-orderDetails #orderDetailsTable #titles > .status {
    float: right;
    padding-right: 66px;
}
.feature-design.page-orderDetails #orderDetailsTable .view-more-btn,
.feature-design.page-orderDetails #orderHeadInformation .view-more-btn {
    position: relative;
    float: right;
    width: 78px;
    text-align: left;
    cursor: pointer;
    margin-right: 110px;
}
.feature-design.page-orderDetails #orderHeadInformation .view-more-btn {
    float: right !important;
}
.feature-design.page-orderDetails #orderDetailsTable .view-more-btn.opened:before,
.feature-design.page-orderDetails #orderHeadInformation .view-more-btn.opened:before {
    content:'\f106';
    display: block;
    position:absolute;
    font-family: fontawesome;
    left:90px;
    font-size:22px;
}
.feature-design.page-orderDetails #orderHeadInformation .view-more-btn.opened:before {
    left: 165px;
}
.feature-design.page-orderDetails #orderDetailsTable .view-more-btn:before {
    content:'\f107';
    display: block;
    position:absolute;
    font-family: fontawesome;
    left:90px;
    font-size:22px;
}
.feature-design.page-orderDetails #orderDetailsTable .view-more-btn:before,
.feature-design.page-orderDetails #orderHeadInformation .view-more-btn:before {
    content:'\f107';
    display: block;
    position:absolute;
    font-family: fontawesome;
    left:90px;
    font-size:22px;
}
.feature-design.page-orderDetails #orderHeadInformation .view-more-btn:before {
    left: 165px;
}
.feature-design.page-orderDetails #orderDetailsTable .productItem .orderInfo {
    margin-bottom: 0px;
}
.feature-design.page-orderDetails #titles {
    margin-bottom: -2px !important;
}
.feature-design.page-orderDetails #orderHeadInformation {
    width: 98% !important;
    background: #FAFAFA none repeat scroll 0% 0%;
    padding: 15px 0px 10px 20px !important;
    margin-bottom: 20px !important;
    border-top: none;
    box-shadow: 0px 1px 3px rgba(0,
    0,
    0,
    0.12),
    0px 1px 2px rgba(0,
            0,
            0,
            0.24);
}
.feature-design.page-orderDetails #orderHeadInformation p,
#orderHeadInformation div {
    color: #757575;
}
.feature-design.page-orderDetails .name,
.value .content,
.white .value,
.hederInfo,
.productItem a {
    color: #757575;
}
.feature-design.page-orderDetails #paymentDetailsBox::before {
    content: '\f00c ';
    font-family: fontawesome;
    width: 23px;
    height: 23px;
    background: #528272;
    border-radius: 50%;
    right:10px;
    top:488px;
    display: block;
    color: white;
    line-height: 23px;
    text-align: center;
    position: absolute;
    z-index:99;


}
.feature-design.page-orderDetails #orderRefSection h3:first-child {
    margin-left: 20px;
}

.feature-design.page-orderDetails #orderDetails {
    display: table;
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox.leftSide {
    display: table-cell;
    max-width: 49%;
    vertical-align: top;
    position: relative;
    float: none;
}
.feature-design.page-orderDetails #paymentDetailsBox.leftSide::before {
    top: 10px;
    right: 10px;
}
.feature-design.page-orderDetails .fulfillingBranchInfo_wrapper {
    display: table-cell;
    max-width: 49%;
    padding-left: 20px;
    vertical-align: top;
}
.feature-design.page-orderDetails .orderDeliveryAddress {
    float: left;
    width: 680px;
    margin-left: 115px;
    padding: 5px 0 15px 0;
    line-height: 18px;
}
.feature-design.page-orderDetails #orderDetailsTable.collapsed.withOrderDeliveryAddress {
    height: 90px !important;
}
/*----------------------Order History Desktop----------------------*/
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table td {
    background-color: white;
    height: 60px!important;
    border-bottom: 1px #e0e0e0 solid!important;
    color: rgb(37,
    37,
    37);
    font-size: 13px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_table .order-ref-number,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_table .valueAlign {
    color: rgb(37,
    37,
    37);
    font-size: 13px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table th {
    background-color: white;
    color: #616161;
    border-bottom: 3px solid #0A4F38;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table th:first-child span {
    padding-right: 15px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .dataTable .sorting .title:before {
    background: none;
    content: '\f0dc';
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 12px;
    margin-top: 4px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .dataTable .sorting_asc .title:before {
    background: none;
    content: '\f0de';
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 12px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .dataTable .sorting_desc .title:before {
    background: none;
    content: '\f0dd';
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 12px;
    margin-top: -9px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container #view_order_details_button:before {
    content: '\f105';
    font-family: fontawesome;
    font-size: 20px;
    display: block;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container #totalResults,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_table_wrapper .dataTables_info,
.feature-design.template-pages-Accoun.template-pages-AccountOrdersHistoryPageTemplate tOrdersHistoryPageTemplate #order_history_table_wrapper .dataTables_length {
    font-style: normal!important;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container .top.right {
    width: 280px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container #view_order_details_button {
    margin-top: 17px;
    font-size: 13px;
    color: #0A4F38;
    border: none;
    border-radius: 0px;
    /* border-bottom: 1px solid #757575; */
    background-color: transparent;
}
.feature-design #order_history_container #view_order_details_button {
    border: 1px black solid;
    border-radius: 7px;
    padding: 2px 1px;
    text-decoration: inherit;
    font-size: 13px;
    background-color: white;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .tp_tabs_wrapper .dataTables_paginate {
    background: none;
    border-bottom: none;
    width: 100%;
    height: 40px;
    padding-top: 18px;
    text-align: center;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_table_length #showAll,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_table_length #show10,
.feature-design #order_history_table_wrapper .dataTables_length label {
    cursor: pointer;
    font-style: normal;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #search_fields .order_filter_select select {
    height: 25px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #search_fields .order_filter_select {
    padding-top: 15px;
}
.feature-design.page-productDetails div#add_to_quote_message {
    height: 35px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: rgb(255,
    255,
    255);
    background: #05743d;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 13px;
}
.feature-design.page-productDetails div#add_to_quote_message:before {
    content: '\f00c';
    font-family: fontawesome;
    font-size: 15px;
    margin-right: 6px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .page-orders #welcome_container h2 {
    margin-top: 20px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .item_container > div {
    margin-top: 25px!important;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container #totalResults {
    margin: 15px;
    margin-bottom: 20px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container .item_container .top.right {
    top: -37px;
    right: 0px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate thead#col_names {}
#order_history_container {
    padding: 15px 10px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .item_container {
    position: relative;
    overflow: hidden;
    width: 925px;
    margin-top: -30px;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #search_fields {
    padding: 10px 0px 0;
    left: 45px;
    top: 27px;
    overflow: hidden;
    position: relative;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tbody tr:nth-child(even) td,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tbody tr.even td,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .dataTable tbody tr.even td,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table td {
    background: transparent;
    border: none!important;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tr,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate thead tr:hover {
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tr:hover {
    background-color: #fafafa;
    border-bottom: 2px solid #f6b112;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate table#order_history_table tr td strong {
    font-weight: normal;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_table .order-ref-number,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_table .valueAlign {
    font-weight: normal;
}
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tr:hover > td strong div,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tr:hover > td span,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tr:hover > td p,
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tr:hover > td strong {
    font-weight: bold!important;
}

/*Column "Order Type"*/
.feature-design.template-pages-AccountOrdersHistoryPageTemplate tr:hover .order-post-code  span {
    font-weight: normal !important;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate table#order_history_table .order-type-holder {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 170px;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table td.order-post-code {
    font-size: 14px;
    max-width: 170px;
    position: relative;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate #order_history_container table td.order-post-code.delivery-type {
    padding-bottom: 15px;
    text-align: left;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate .collectionTypeImg {
    margin-right: 9px;
    height: 16px;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate .deliveryTypeImg {
    height: 16px;
}

/*----------------Order History Desktop - filter----------------*/
.feature-design.template-pages-AccountOrdersHistoryPageTemplate .item_container_holder #search_fields  {
    padding: 0;
    top: 0;
    margin-bottom: 30px;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate #search_fields .order_filter_select {
    text-align: left;
    width: auto;
    float: right;
    margin: 0 0 0 auto;
    padding: 10px 0;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate .order_filter_by {
    margin-bottom: 10px;
}

.order_type {
    display: inline-block;
}
.order_filter_by {
    font-weight: bold;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate #search_fields .order_filter_select select {
    margin-right: 15px;
    margin-left: 15px;
}

.feature-design.template-pages-AccountOrdersHistoryPageTemplate #search_fields .order_filter_select select:last-child {
    margin-right: 0;
}

.order-type-holder {
    font-weight: bold;
}

.order-type-tooltip {
    display: none;
    position: absolute;
    top: 15px;
    left: -10px;
    min-width: 240px;
    padding: 10px;
    background: #666;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.35);
    color: #fff;
    border-radius: 5px;
    z-index: 1;
}

.order-type-holder:hover + .order-type-tooltip,
.order-type-tooltip:hover {
    display: block;
}

/*--------------------Quote list Desktop---------------------*/
.feature-design.page-QuotePage .basket {
    width: 100%;
    padding-top: 0px;
}
.feature-design.page-QuotePage .basket_ctas a.primary_cta,
.feature-design.page-QuotePage .basket_ctas > .checkoutButton a:hover,
.feature-design.page-QuotePage .basket_ctas > a.primary_cta:hover {
    background: #F6B112;
}
.feature-design.page-QuotePage .basket_ctas > .add-more-button a,
.feature-design.page-QuotePage .basket_ctas button,
.feature-design.page-QuotePage .basket_ctas > .add-more-button a:hover,
.feature-design.page-QuotePage .basket_ctas button:hover{
    background: #528272;
    border: none;
    color:white;
    line-height:37px;
}
.feature-design.page-QuotePage .basket_ctas > .add-more-button a,
.feature-design.page-QuotePage .basket_ctas > .checkoutButton a,
.feature-design.page-QuotePage .basket_ctas > a.primary_cta,
.feature-design.page-QuotePage .basket_ctas button {
    line-height:37px;
}
.feature-design.page-QuotePage .basket .quote-links a {
    margin-right: 38px;
    color: #0A4F38;
    font-size: 14px;
    font-weight: normal;
}
.feature-design.page-QuotePage .basket .quote-links {
    margin-bottom: 10px;
}
.feature-design.page-QuotePage .basket {
    width: 100%;
    padding-top: 10px;
}
.feature-design.page-QuotePage .basket_headings h3 {
    color: #424242;
    font-weight: normal;
    font-size: 15px;
}
.feature-design.page-QuotePage .basket_headings {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px;
    margin: 40px 15px 0px 15px!important;
    width: 97%;
}
.feature-design.page-QuotePage .baskt_items_wrap .baskt_item {
    width: 920px;
    padding: 25px 0px 5px 0;
}
.feature-design.page-QuotePage .itm_info .bold a {
    color: #616161!important;
}
.feature-design.page-QuotePage .baskt_item .itm_info .item_code {
    font-size: 12px;
}
.feature-design.page-QuotePage .move_quote_to_cart_button button {
    background-color: #F4B11A;
    color: #212121;
    border: none;
    border-radius: 4px;
    outline: none;
    font-weight: bold;
    width: 120px;
    height: 25px;
}
p.item_code {
    color: #424242;
}
.feature-design.page-QuotePage span.qty_label,
.feature-design.page-QuotePage .baskt_item .itm_price p,
.feature-design.page-QuotePage .baskt_item .itm_total p,
.feature-design.page-QuotePage .baskt_item .itm_price p:hover,
.feature-design.page-QuotePage .baskt_item .itm_total p:hover {
    color: #424242!important;
}
.feature-design.page-QuotePage .itm_info .bold a {
    font-weight: normal!important;
}
.feature-design.page-QuotePage .baskt_item .itm_optns a.itm_update,
.feature-design.page-QuotePage .baskt_item .itm_optns a.itm_remove {
    background: none;
    text-decoration: none;
}
.feature-design.page-QuotePage .baskt_item .itm_optns a.itm_update:before {
    content: '\f0e2';
    font-family: fontawesome;
    display: block;
    display: inline-block;
}
.feature-design.page-QuotePage .baskt_item .itm_optns a.itm_remove:before {
    content: '\f1f8';
    font-family: fontawesome;
    display: block;
    display: inline-block;
}
.feature-design.page-QuotePage .baskt_item .itm_optns a.itm_update,
.feature-design.page-QuotePage .baskt_item .itm_optns a.itm_remove {
    margin-left: 19px!important;
    font-size: 12px;
}
.feature-design.page-QuotePage .basket_headings h3.qty {
    width: 100px;
}
.feature-design.page-QuotePage .basket_headings h3.prc {
    width: 132px;
}
.feature-design.page-QuotePage .baskt_item .itm_info h3 a {
    color: #212121!important;
}
.feature-design.page-QuotePage .baskt_item .itm_optns input[type="text"] {
    background-color: #FFFFFF;
}
.feature-design.page-QuotePage .basket_ctas > .checkoutButton a,
.feature-design.page-QuotePage .basket_ctas > a.primary_cta,
.feature-design.page-QuotePage .basket_ctas > .add-more-button a {
    width: 200px;
}
.feature-design.page-QuotePage .basket_items {
    margin-bottom: 60px;
}
#facets_filters {
    float:left!important;
}
#guestDetailsForm #postcode,
#confirmOrderDeliveryAddress #postcode,
#tp_addToCartPopup #postCodeForm #postcode,
#deliveryDetailsContainer #orderDeliveryAddressForm #contact-postcode,
#billingForm #postcode,
#tradeCashCardApplicationDetailsForm #postcode,
#orderDeliveryAddressForm #contact-postcode,

#AddressDetails #postcode,
#plpAddToCartPopup #postCodeForm #postcode{
    text-transform: uppercase;
}
#AddressDetails #postcode {
    text-transform: uppercase;
}
.feature-design #header .tpHeaderContent_holder .tpHeaderLinks .nav::before {
    top:0px
}
.page-login .item_container,
.page-checkout-login .item_container {
    margin-top:0px!important;
}
#autorizationForm .item_container {
    overflow:visible;
    width: 396px;
    height: 333px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px 4px rgba(0,0,0,0.1);
}



.feature-design #rollover_cart_popup .cart_modal_popup .prod_info .prod_price {
    position: absolute;
    left: 242px;
    text-align: right;
    width: 100px;
    font-size: 13px;
    bottom: 0px;
    color: #212121;
    top: 2px;
    font-weight: bold;
}

.feature-design #rollover_cart_popup.cart_popup .links a, .feature-design #cart_popup.cart_popup .links a {
    width: 170px;
    height: 40px;
    left: 120px;
    margin: 0 auto;
    margin-top: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 13px;
    line-height: 41px;
    font-weight: normal;
    font-size: 17px;
    padding: 0;
}
.feature-design #rollover_cart_popup.cart_popup .links .cart-popup-checkout-btn, .feature-design #cart_popup.cart_popup .links .cart-popup-checkout-btn {
    display: inline-block;
    position: absolute;
    bottom: 0;
}
.feature-design #rollover_cart_popup.cart_popup .links .cart-popup-checkout-btn a, .feature-design #cart_popup.cart_popup .links .cart-popup-checkout-btn a {
    background: #eee;
    border: 1px solid #E0E0E0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: box-shadow 0.2s;
    left: 0;
    margin-bottom: 1px;
    text-transform: inherit;
}
.feature-design #rollover_cart_popup.cart_popup .links .cart-popup-checkout-btn a:hover, .feature-design #cart_popup.cart_popup .links .cart-popup-checkout-btn a:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.page-PaymentDeclinedPage .payment-declined-btn{
    text-align: center;
    float: left;
}

.information_message.negative {
    display: block;
    background-color: #EA5D59;
    width: 600px;
    padding: 10px 10px 10px 10px;
    color: #FFF;
}

.information_message.negative p {
    margin: 0px;
    color: #FFF;
}


.accountOptionsBox .option {
    position: relative;
    min-height: 41px;
    width: 180px;
    padding: 0 10px 0 35px;
}


.accountOptionsBox {

    left: -58px;
}

.feature-design.page-orderDetails .yCmsComponent.error, .feature-design #desktop-order-details-error-messages-container > .info {
    top: 0px;
    position: relative;
}

.feature-design.page-AddDeliveryAddressPage .questions-form span.form-error {
    color: #D60909!important;
    font-size: 12px!important;

}

.feature-design button#postcodeLookupButton {
    height: 29px!important;
    line-height: 26px;
    border-radius: 5px!important;
}
div#confirmOrderNavigation #backToBasket, div#confirmOrderNavigation #confirmOrderButton {
    height: 40px;
    border-radius: 5px;
}
.feature-design.page-orderDetails .yCmsComponent.error {
    margin-top: 0px;
}

#tp_undeliverableProductsPopup .buttons .close_popup{  padding: 10px;
    border-radius: 5px;
    background-color: #528272;
    margin: 10px;
    color:white;}
#tp_undeliverableProductsPopup .buttons .continue{
    padding: 10px;
    border-radius: 5px;
    background-color: #F4A91F;
    margin: 10px;
}
#tp_undeliverableProductsPopup .header{font-size:16px;}

.feature-design.page-cartPage p.basketSubtotal, .feature-design.page-cartPage .basketDelivery, .feature-design.page-cartPage .basketVAT {
    padding-left: 5px!important;
}

.feature-design .cart_modal_popup p.prod_info_name {
    width: 191px;
}
.feature-design .cart_modal_popup .prod_info .prod_price {
    top: -1px!important;
}

.feature-design.page-orderDetails #ccNumberBox {
    width: 240px;
    vertical-align: top;
}
.feature-design.page-orderDetails #ccExpirationInfo {

    vertical-align: top;
    right: 40px;
    position: absolute;
}
/*
    Collection options additional styles
    CO_* - specific additional of class for Collection Options area only
*/
#collectionOptionsContainer {
    position: relative;
}
#collectionOptionsContainer .show_details {
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 53px;
}
#collectionOptionsContainer.expand_true .show_details {
    display: none;
}
#collectionOptionsContainer .content:after {
    content: '';
    clear: both;
    display: table;
}
#collectionOptionsContainer .content h3 {
    font-size: 18px;
    margin-bottom: 0;
}
.collectionOptions-wrap .CO_collumLeft,
.collectionOptions-wrap .CO_collumRight {
    float: left;
    width: 40%;
    padding-right: 10%;
}
#collectionOptionsContainer .content .headings {
    font-weight: bold;
}
#collectionOptionsContainer .content p {
    font-size: 13px;
    margin: 0 0 5px 0;
}
#collectionOptionsContainer .collectionOptions_mobileNumber {
    height: 20px;
}

#addToCartButton, #addForCollectButton, #addForCollectButtonDisabled, #addToQuoteList, #addToQuoteListDisabled,
.feature-design .list_view #products .prod .tpPlpProductPanelComponent .plp_add_to_cart_form .tpQ_button .add_to_cart_button,
.feature-design .list_view #products .prod .tpPlpProductPanelComponent .plp_add_to_cart_form .ccButton .addForCollectButton {
    background-repeat: no-repeat;
}

form .change-postcode {
    text-decoration: underline;
}

/* Start click & collect branch popup */
#collectionBranchLocatorPopup .spinner {
    text-align: center;
}

#collectionBranchLocatorPopup .product-data {
    margin: 10px;
    padding: 10px;
    border: 1px solid #bababa;
}

#collectionBranchLocatorPopup .product-data:after {
    content: '';
    display: table;
    clear: both;
}

#collectionBranchLocatorPopup .product-data .product-img {
    float: left;
    width: 180px;
    padding: 0 20px 0 0;
}

#collectionBranchLocatorPopup .product-data .product-img img{
    width: 100%;
}

#collectionBranchLocatorPopup .product-data .product-info {
    width: 300px;
    float: left;
    margin: 0 10px;
}

#collectionBranchLocatorPopup .product-data .product-info .name {
    color: #0d4431;
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 11px;
}

#collectionBranchLocatorPopup .product-data .product-info .product-price {
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 11px;
}

#collectionBranchLocatorPopup .product-data .product-info .product-qty .qty-label {
    text-transform: uppercase;
}

#collectionBranchLocatorPopup .product-data .product-info .product-qty .update-button {
    border:none;
    margin: 0 0 0 10px;
    padding: 0 0 0 18px;
    font-size: 16px;
    line-height: 17.5px;
    background: url(../images/icon-sprite-basket.png) no-repeat 0 0 transparent;
}

#collectionBranchLocatorPopup .branch-search .postcode-input {
    -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;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 0;
    margin: 0 10px 10px 0;
    height: 28px;
    line-height: 28px;
    width: 65%;
    text-transform: uppercase;
}

#collectionBranchLocatorPopup .branch-search .branch-search-button {
    background-color: #F6B112;
    padding: 10px 0px 10px 0px;
    color: #232323;
    border: 1px solid #E99B0B;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    font-weight: bold;
    width: 30%;
}

#collectionBranchLocatorPopup .stock-info .stock-reservation-message {
    float: right;
}

#collectionBranchLocatorPopup .in-use-branch-list,
#collectionBranchLocatorPopup .closest-branch-list {
    padding: 10px;
}

#collectionBranchLocatorPopup .in-use-branch-list .in-use-branch-message,
#collectionBranchLocatorPopup .closest-branch-list .closest-branch-message {
    font-size: 16px;
    color: #232323;
    font-weight: bold;
    line-height: 100%;
}

#collectionBranchLocatorPopup .in-use-branch-list .branch-holder,
#collectionBranchLocatorPopup .closest-branch-list .branch-holder {
    box-sizing: border-box;
    padding: 10px 0 0 0;
}

#collectionBranchLocatorPopup .view-type-buttons {
    height: 35px;
    padding: 0 0 15px;
    width: 70%;
    margin: 0 auto;
}

#collectionBranchLocatorPopup .view-type-buttons 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;
}

#collectionBranchLocatorPopup .view-type-buttons a.list-view-button {
    -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;
}

#collectionBranchLocatorPopup .view-type-buttons a.map-view-button {
    -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;
}

#collectionBranchLocatorPopup .view-type-buttons a.active {
    background-color: #000;
    color: #fff;
}

#collectionBranchLocatorPopup #collectionBranchLocatorForm {
    padding: 10px 20px 10px 20px;
}

#collectionBranchLocatorPopup #collectionBranchLocatorForm .invalid-postcode-message {
    color: #FF0000;
}

#collectionBranchLocatorPopup .collection-branch-item {
    border-bottom: 3px solid #0a5038;
    min-height: 80px;
    box-sizing: border-box;
    padding: 10px 0 5px;
}

#collectionBranchLocatorPopup .collection-branch-item .stock {
    padding: 0 15px 5px 0;
    float: left;
    width: 120px;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .in-stock-message .message {
    width: 120px;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .message {
    width: 165px;
    text-align: left;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .message span {
    line-height: 34px;
    display: block;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .icon {
    margin: 0;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .icon img {
    margin-left: -5px;
}
#collectionBranchLocatorPopup .collection-branch-item .stock .stock-message {
    text-align: center;
}

#collectionBranchLocatorPopup .collection-branch-item .stock .stock-message .image {
    width: 26px;
    height: 26px;
    display: inline-block;
}

#collectionBranchLocatorPopup .collection-branch-item .stock .in-stock-message .image {
    background: url(../images/icon-stock-sprite.png) no-repeat 0 0 transparent;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .stock .out-of-stock-message .image {
    background: url(../images/icon-stock-sprite.png) no-repeat 0 -26px transparent;
}

#collectionBranchLocatorPopup .collection-branch-item .stock .stock-message .message {
    float: left;
    clear: left;
}

#collectionBranchLocatorPopup .collection-branch-item .branch-details {
    width: 310px;
    float: left;
    min-height: 80px;
}

#collectionBranchLocatorPopup .collection-branch-item .branch-details .branch-name {
    font-size: 16px;
    font-weight: bold;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

#collectionBranchLocatorPopup .collection-branch-item .branch-details .branch-distance {
    font-size: 14px;
    float: left;
    clear: left;
    margin-bottom: 3px;
}

#collectionBranchLocatorPopup .collection-branch-item .branch-details .branch-link {
    float:left;
    clear: left;
}

#collectionBranchLocatorPopup .collection-branch-item .icon {
    float: left;
    width: 36px;
    height: 36px;
    margin: 0 10px 0 10px;
}

#collectionBranchLocatorPopup .collection-branch-item .icon .clock-icon,
#collectionBranchLocatorPopup .collection-branch-item .icon .insufficient-stock-icon {
    max-width: 100%;
    max-height: 100%;
}

#collectionBranchLocatorPopup .collection-branch-item .message {
    float: left;
    width: 95px;
}

#collectionBranchLocatorPopup .collection-branch-item .operation {
    float: left;
    width: 150px;
    text-align: center;
}

#collectionBranchLocatorPopup .collection-branch-item .operation button {
    background: #F6B112;
    margin-bottom: 8px;
    color: #232323;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #E99B0B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
}

#collectionBranchLocatorPopup .closest-branch-message-template,
#collectionBranchLocatorPopup .pagination-item-template {
    display: none;
}

/**/
#mapView .click_to_show {
    height: 100px;
    line-height: 100px;
    text-align: center;
}
#collectionBranchLocatorPopup #mapView {
    padding: 10px;
}
#collectionBranchLocatorPopup #mapView:after,
#collectionBranchLocatorPopup #mapView .collection-branch-item:after,
#collectionBranchLocatorPopup #mapView .collection-branch-item .stock-message:after,
.branch-details-holder .branch_details_full .branch_information:after {
    content: '';
    display: block;
    clear: both;
}
#collectionBranchLocatorPopup #mapView .store_map,
#collectionBranchLocatorPopup #mapView .branch_info_wrap {
    float: left;
    width: 45%;
}
#collectionBranchLocatorPopup #mapView .branch_info_wrap {
    width: 53%;
    margin-left: 2%;
}
#collectionBranchLocatorPopup #mapView .branch-holder {
    position: relative;
    padding: 10px;
    background: rgba(212, 212, 212, 0.5);
    box-sizing: border-box;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item {
    padding: 0;
    border: none;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .stock-message {
    width: 310px;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .image,
#collectionBranchLocatorPopup #mapView .collection-branch-item .message {
    float: left;
    display: block;
    line-height: 26px;
    clear: none;
    margin-right: 5px;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .stock,
#collectionBranchLocatorPopup #mapView .collection-branch-item .branch-details,
#collectionBranchLocatorPopup #mapView .collection-branch-item .clock,
#collectionBranchLocatorPopup #mapView .branch-details .branch-distance,
#collectionBranchLocatorPopup #mapView .branch-details .branch-name {
    float: none;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .clock {
    display: none;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .hours {
    width:180px;
    float: left;
    line-height: 34px;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .operation {
    float: right;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .operation button {
    margin-bottom: 0;
}
#collectionBranchLocatorPopup #mapView .branch-details .branch-distance,
#collectionBranchLocatorPopup #mapView .branch-details .branch-name {
    display: block;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .branch-link {
    display: none;
}
#mapView .branch-details-holder {
    padding: 10px 0;
    margin-top: 10px;
}
.branch-details-holder .branch-details-toggle p {
    position:relative;
    width: 137px;
    margin: 0;
    color: #0A4F38;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
}
.branch-details-holder .branch-details-toggle p.show .view {
    display: none;
}
.branch-details-holder .branch-details-toggle p.show .hide {
    display: inline;
}
.branch-details-holder .branch-details-toggle p:after {
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 6px;
    height: 6px;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    background: transparent;
    transform: rotate(45deg);
}
.branch-details-holder .branch-details-toggle p.show:after {
    top: 6px;
    transform: rotate(-135deg);
}
#mapView .branch-details-holder .branch_details_full {
    display: none;
}
.branch-details-holder .branch_details_full .branch_managers {
    padding: 10px 0;
}
.branch-details-holder .branch_details_full .branch_managers dt,
.branch-details-holder .branch_details_full .branch_managers dd {
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;
}
.branch-details-holder .branch_details_full .branch_information {
    padding-bottom: 10px;
}
.branch-details-holder .branch_details_full .branch_information > li {
    float: left;
    width: 45%;
}
.branch-details-holder .branch_details_full .branch_information > li:first-child {
    width: 53%;
    margin-right:2%;
}
.branch-details-holder .branch_details_full .branch_information li > div {
    padding: 5px 0;
}
.branch-details-holder .branch_details_full .branch_information a {
    word-wrap: break-word;
}
.branch-details-holder .branch_details_full .branch_information div p {
    font-size: 14px;
    margin: 0;
}
.branch-details-holder .branch_details_full .branch_information .openingTime_header {
    font-weight: bold;
    font-size: 14px;
}
.branch-details-holder .branch_details_full .branch_information .openingTime_hours span {
    display: inline-block;
    width: 86px;
    font-size: 14px;
}
#mapView .branch_details_full .branchServices_holder {
    position: relative;
}
#mapView .branch_details_full .branchServices_holder .branchServices_title {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
}
#mapView .branch_details_full .branchServices_holder .bx-wrapper {
    max-width: 285px !important;
}
#mapView .branchServices_holder .branchServices_list img {
    display: inline-block;
    width: 45px;
}
#mapView .branchServices_holder .bx-controls-direction a {
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 35px;
    top: 24px;
    width: 20px;
    height: 35px;
}

#mapView .branchServices_holder .bx-controls-direction .disabled {
    display: none;
}

#mapView .branchServices_holder .bx-controls-direction a.bx-prev {
    left: 10px;
}
#mapView .branchServices_holder .bx-controls-direction a:after {
    content: '';
    position: absolute;
    left: -5px;
    top: 7px;
    width: 16px;
    height: 16px;
    border-right: 5px solid #333;
    border-top: 5px solid #333;
    background: transparent;
    transform: rotate(45deg);
}
#mapView .branchServices_holder .bx-controls-direction a.bx-prev:after {
    transform: rotate(225deg);
    left: 5px;
}

/* End click & collect branch popup */
#removeSort {
    margin-left: -105px;
    float: left;
}

/*
Confirmation page - branch list
*/
#order_details .colum_wrapper {
    padding: 15px 0 15px 10px;
}
#order_details .colum_wrapper:after {
    content: '';
    display: table;
    clear: both;
}
.collectionOptions-wrap .CO_collumLeft,
.collectionOptions-wrap .CO_collumRight,
#order_details .CO_collumLeft,
#order_details .CO_collumRight {
    float: left;
    width: 40%;
    padding-right: 10%;
}
#order_details .CO_collumLeft p,
#order_details .CO_collumRight p {
    font-size: 16px;
    margin-bottom: 3px;
}
#order_details .CO_collumLeft p:first-child,
#order_details .CO_collumRight p:first-child {
    font-weight: bold;
    font-size: 16px;
}
#collectionHeader,
#deliveryHeader {

    font-size: 20px;
    padding: 8px 0 10px 42px;
    text-decoration: underline;

}
#collectionHeader {
    background: url('../images/order%20details/collectionEntry.png') no-repeat;
}
#deliveryHeader {
    background: url('../images/order%20details/deliveryEntry.png') no-repeat;
}
#order_details .tp_collect_success {
    padding:5px 0 15px 10px;
    font-size: 16px;
}
#order_details #collectionEstimationTime {
    padding: 5px 0 5px 10px;
    font-size: 16px;
    width: 861px;
    height: 30px;
    background-color: white;
    margin-left: -11px;
    margin-top: -10px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 30px;
}
#order_details .tp_collect_eta {
    display: inline-block;
}
#order_details .tp_delivery, #order_details .delivery_information_block .tp_delivery .content p {
    font-size: 16px;
}

#backToTopButton {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 38px;
    width: 38px;
    background: url(../images/backToTop.png) no-repeat;
    z-index: 1;
}

.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;
}

.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;
}

td.order-post-code {
    padding-bottom: 15px;
}

td.order-post-code .collectionName {
    text-transform: capitalize;
}

.guestCheckoutContainer {
    border: none;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    float: left;
    margin-right: 15px;
    width: 50%;
}

.guestCheckoutContainer #guestCheckoutLoginForm .label label{
    font-weight:bold;
}

#guestCheckoutLoginForm .guestFirstNameBlock {
    display: inline-block;
    vertical-align: top;
    height: 70px;
}

#guestCheckoutLoginForm .guestLastNameBlock {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    height: 70px;
}

.guestCheckoutContainer .input input {
    margin-top: 5px;
    height: 30px;
    border-color: #D9D9DB;
    width: 184px;
    padding: 5px !important;
    display: block;
}

#guestCheckoutLoginForm .guestEmailBlock {
    margin-top: 25px;
    height: 115px;
}

#guestCheckoutLoginForm .guestEmailBlock .input input {
    height: 30px;
    border-color: #D9D9DB;
    width: 395px;
    padding: 5px !important;
    background-color: #fff;
    border: 1px solid #bbb;
    margin-top: 30px;
}

.button.guestCheckout {
    background: rgba(153, 153, 153, 1) !important;
    color: white;
    border-radius: 5px;
    margin-left: 193px;
}

.mandatory_fields {
    margin-right: 10px;
    text-align: right;
    margin-bottom: 10px;
}

.guestCheckoutContainer .welcome_container{
    border-width: 1px;
    border-color: rgba(121, 121, 121, 1);
    border-bottom-style: solid;
}

.guestCheckoutContainer .welcome_container h2{
    margin-left: 20px;
    margin-top: 20px;
}

#guestCheckoutLoginForm {
    margin-top: 10px;
    margin-left: 20px;
}

.guestCheckoutContainer .emailText {
    position: absolute;
    margin-top: 45px;
}

#guestCheckoutLoginForm .label-and-input label .mandatory {
    margin-left: 5px;
}

#guestCheckoutLoginForm #email_error_message span {
    color: red;
}

#cart .view-more-btn {
    float: right;
    text-align: left;
    cursor: pointer;
}
#cart.collapsed .view-more-btn,
#cart.expanded .view-more-btn.opened {
    display: block;
}
#cart.expanded .view-more-btn,
#cart.collapsed .view-more-btn.opened,
#cart.collapsed .baskt_items_wrap {
    display: none;
}
.feature-design .baskt_item .ccButton #addForCollectButton,
.feature-design .baskt_item .tpQ_button #addToCartButton.positive {
    background-color: #f4b11a;
    border-color: #f4a91f;
}
.feature-design .baskt_item .tpQ_button #addToCartButton.btn-disabled {
    background: #9fc2c1 none no-repeat scroll 0 0;
    border: 1px solid #8daf9c;
}
.feature-design .baskt_item .tpQ_button #addToCartButton.btn-disabled:hover {
    background: #8aa9a8 no-repeat;
    text-decoration: none;
}
.feature-design .baskt_item .ccButton,
.feature-design .baskt_item .tpQ_button {
    padding: 10px 0 5px;
}
.feature-design .baskt_item .change-postcode {
    cursor: pointer;
}

.marketingPreferencesBox .marketingPreferencesLabel {
    display: inline-block;
}

.marketingPreferencesBox input {
    margin-left: 10px;
}


#consolidation-update-container {
    margin: 20px 50px;
    padding: 15px;
    border: 2px solid;
}

#consolidation-update-message {
    margin: 0px 10px;
    font-weight: bold;
}

#onsolidation-update-description {
    margin-top: 15px;
}


/*----------------Click & Collect Basket Styles------------------*/

.page-cartPage.feature-design .baskt_item .itm_optns .qty_label {
    display: none;
}


.feature-design h3.consignment-header {
    font-weight: normal;
    background: none;
    color: #616161;
    font-size: 16px;
}

.feature-design span.delivery-type {
    color: black;
    font-size: 20px;
}
.feature-design.page-cartPage .basket_headings {
    border-bottom: 2px solid #F6B112;
}
.feature-design .basket_headings h3 {
    font-size: 14px!important;
    font-weight: normal;
    color: #616161;
}
.feature-design .baskt_items_wrap .baskt_item {
    margin-left: 0;
}
.feature-design .baskt_item .itm_img {
    margin-left: 20px;
    width: 80px;
    min-height: 95px;
    margin-right: 10px;
}
.feature-design .baskt_item .itm_info h3 a {
    font-weight: 700;
    font-size: 14px;
    color: #212121;
}
.feature-design .baskt_item .itm_info .item_code {
    color: #929292;
    font-size: 13px;
}
.feature-design .baskt_item .itm_info {
    width: 85%;
}
.feature-design .baskt_item .itm_optns input[type="text"] {
    height: 30px;
    width: 55px;
    padding: 0px 9px;
    background: white;
    outline: none;
    color: #616161;
}
.feature-design .baskt_item .itm_optns a.itm_update, .feature-design .baskt_item .itm_optns a.itm_remove {
    background: none;
    text-decoration: none;
    margin: 0;
    color: #616161;
    padding: 3px 0;
}
.feature-design .baskt_item .itm_optns a.itm_update:hover, .feature-design .baskt_item .itm_optns a.itm_remove:hover {
    color: #616161;
}
.feature-design.page-cartPage br {
    display: none;
}
.feature-design .basket_headings h3.prc {
    width: 130px;
    margin-left: 52px;
    text-align: left;
}
.feature-design.page-cartPage h3.delivery {
    opacity: 0;
    width: 0px;
    overflow: hidden;
    line-height: 14px!important;

}
.feature-design.page-cartPage .baskt_item .itm_price p, .feature-design.page-cartPage .baskt_item .itm_total p {
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: black;
    margin-bottom: 0;
}
.feature-design .baskt_item .itm_price {
    margin-left: 17px;
}
.feature-design .baskt_item .itm_optns a.itm_update:before {
    font-family: fontawesome;
    content: '\f0e2';
    margin-right: 5px;
}
.feature-design .baskt_item .itm_optns a.itm_remove:before {
    font-family: fontawesome;
    content: '\f014';
    margin-right: 5px;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item {
    width: 100%;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-image,
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content {
    display: inline-block;
    vertical-align: top;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content {
    width: 55%;
    padding-right: 20px;
    box-sizing: border-box;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-image {
    width: 15%;
    box-sizing: border-box;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-image a {
    display: inline-block;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_price {
    width: 150px;
    margin-left: 15px;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_price .price-heading,
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_total .total_price-heading {
    font-size: 13px;
    margin: 0 0 3px;
    color: #888;
    font-weight: 400;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_total p {
    font-size: 21px;
    font-weight: 700;
    margin-top: 8px;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_total p span {
    margin-top: 8px;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-image:after,
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content:after {
    content: '';
    display: table;
    clear: both;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_info {
    width: 100%;
    height: auto;
    padding: 0 15px 15px 0;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_optns,
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_optns input.qty,
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_optns a.itm_update {
    display: inline-block;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_optns a.itm_update span,
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_optns a.itm_remove span {
    text-decoration: underline;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_optns a.itm_update {
    margin-left: 15px;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item .basket-item-content .itm_optns a.itm_update:before {
    content: none;
}
.feature-design.page-cartPage .basket_items .itm_time.pickup {
    float: right;
    width: 29%;
    display: inline-block;
    border-left: 1px solid #ededed;
    padding-left: 20px;
    box-sizing: border-box;
}
.feature-design.page-cartPage .basket_items .itm_time.pickup .itm_time {
    width: 100%;
}
.feature-design.page-cartPage .collection-entry-button img, .collection-entry-button p {
    display: inline-block;
}
.feature-design.page-cartPage .collection-entry-button p {
    vertical-align: top;
    margin: 0 0 8px 0;
    line-height: 14px;
    font-size: 14px;
    color: #616161;
}
.feature-design.page-cartPage .collection-entry-button .title {
    color: #054731;
    font-size: 11px!important;
    text-decoration: underline;
}

/* Guest login page */
.feature-design.template-pages-GuestLoginPageTemplate #wrapper {
    background-color: transparent;
}
.feature-design.template-pages-GuestLoginPageTemplate #payment_wrapp .tp_header:before {
    content: '';
    width: 3000px;
    height: 130px;
    background-color: #FFF;
    display: block;
    position: absolute;
    top: 00px;
    border-bottom: 2px solid #F4A91F;
    left: -1000px;
    z-index: -1
}
.feature-design.template-pages-GuestLoginPageTemplate #payment_wrapp:before {
    content: '';
    height: 30px;
    width: 3000px;
    display: block;
    background-color: #0C4F38;
    position: absolute;
    left: -1000px;
}
.feature-design.template-pages-GuestLoginPageTemplate #payment_wrapp .tp_CheckoutOrderButton {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #F4A91F;
    border: none;
    border-radius: 0px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    width: 165px;
}
.feature-design.template-pages-GuestLoginPageTemplate .tp_checkoutTitle_wrapper {
    background-color: transparent;
}

.page-guestLoginPage .guestCheckoutContainer {
    background-color: #FFF;
}

/* Guest login progress indicator */
.tp_guest_orderSteps_wrapp {
    position: relative;
    right: 0;
    display: block;
    float: right;
    width: 455px;
    height: 62px;
    margin: 55px 0 0;
    padding: 0;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_line {
    height: 1px;
    width: 428px;
    border-top: none;
    background: #d4d4d4;
    position: absolute;
    bottom: 20px;
    left: 5px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.active {
    border-color: #0c4f38;
    background: #0c4f38;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num {
    text-align: center;
    line-height: 35px;
    color: #d4d4d4;
    font-size: 18px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: 0px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num p {
    position: absolute;
    top: -23px;
    left: -7px;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num span {
    line-height: 40px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.step1 {
    left: 0px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.step2 {
    left: 140px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.step3 {
    right: 140px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.step4 {
    right: 0px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.step2 p {
    margin-top: -10px;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.passed span {
    display: none;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.passed {
    border-color: #0c4f38;
    background: url(../images/passed_step_icon.png) no-repeat 9px 11px #fff;
}
.tp_guest_orderSteps_wrapp .tp_orderStep_num.passed span {
    display: none;
}
.orderDeliveryAddress {
    height: 18px;
}

.feature-design.page-cartPage .move-cart-entry-button img, .feature-design.page-cartPage .move-cart-entry-button .title,
.feature-design.page-cartPage .move-cart-entry-button img, .feature-design.page-cartPage .move-cart-entry-button-disabled .title {
    display: inline-block;
}


.feature-design.page-cartPage .move-cart-entry-button,
.feature-design.page-cartPage .move-cart-entry-button-disabled,
.feature-design.page-cartPage .collection-entry-button {
    text-align: left;
    padding: 15px 35px 15px 10px;
    background: #fafafa;
    margin-bottom: 10px;
    position: relative;
}
.feature-design.page-cartPage .basket_headings {
    margin-top: 0;
}
.feature-design.page-cartPage .baskt_items_wrap .baskt_item {
    padding: 15px 0px 15px 0px;
}
.feature-design.page-cartPage .pickup-order-group h3 {
    line-height: 14px;

}

.feature-design.page-cartPage .basket_ctas > .checkoutButton a {
    color: black;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    width: 250px;
    background: #F6B112;
}
.feature-design.page-cartPage .total_price_wrapper p {
    color: #616161;
    height: 21px;
    font-size: 14px!important;
    text-align: right;
}
.feature-design.page-cartPage p.basketTotalPrice,  p.basketTotalPrice span {
    color: #212121;
    border-top: none;
    font-size: 16px!important;
    font-weight: normal!important;
}
.feature-design.page-cartPage .basket_items .delivery-time {
    position: absolute;
    right: 10px;
}
.feature-design.page-cartPage .basket > h2.cnt_mn_heading span {
    font-weight: normal;
}
.feature-design.page-cartPage .basket > h2.cnt_mn_heading span.subtitle {
    display: block;
    color: #232323;
    font-family: Helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
}
.feature-design.page-cartPage .basket > h2.cnt_mn_heading {
    position: absolute;
    margin: 12px 0;
}
.feature-design.page-cartPage .basket .continue_shopping_link {
    margin: 0 0 20px;
    text-decoration: underline;
}
.feature-design.page-cartPage .basket_headings h3.itm {
    width: 350px;
    margin-left: 20px!important;
}
.feature-design.page-cartPage #consolidation-options-container::before {
    background: #f5f5f5;
    content: '';
    height: 180px;
    width: 3000px;
    display: block;
    position: absolute;
    z-index: -1;
    left: -1000px;
    padding-top: 0px;
}
.feature-design.page-cartPage #consolidation-options-header h4 {
    margin-top: 40px;
    padding-top: 20px;
}
.feature-design.page-cartPage #consolidation-options-header h4 {
    font-size: 18px;
    color: black;
    font-weight: normal;
}
.feature-design.page-cartPage #consolidation-options-body span {
    color: #616161;
}
.feature-design.page-cartPage #consolidation-options {
    margin: 25px 0px;
}
#wrapper {
    background: none;
}
.feature-design.page-cartPage .pickup-order-group .delivery-type::before {
    content: '';
    background: url(../images/ccmouse.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 3px;
    background-size: 20px;
    background-repeat: no-repeat;
}

.feature-design.page-cartPage .all-delivery .delivery-type::before {
    content: '';
    background: url(../images/cctruck.png)!important;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 6px;
    background-size: 30px!important;
    background-repeat: no-repeat;
}


.feature-design.page-cartPage .delivery-entry-button img,
.collection-entry-button img, .move-cart-entry-button img,
.collection-entry-button img, .move-cart-entry-button-disabled img {
    display: none !important;
    opacity: 0;height: 0;
    width: 0;
}

.feature-design.page-cartPage .delivery-entry-button:before {
    content: '';
    background: url(../images/cctruck.png)!important;
    width: 22px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: -6px;
    margin-right: 3px;
    background-size: 22px!important;
    background-repeat: no-repeat;
}

/* DIVERT DELIVERY styling changes START */

.feature-design.page-cartPage .all-delivery > .consignment-header {
    padding: 10px 10px 0;
}
.feature-design.page-cartPage .all-delivery .basket_headings {
    margin-bottom: 0;
}
.feature-design.page-cartPage .all-delivery div .consignment-header {
    background-color: #0F7258;
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 15px 20px;
    margin: 0;
}
.feature-design.page-cartPage .delivery-order-group .supplier-delivery-info,
.feature-design.page-cartPage .pick-and-pack-order-group .supplier-delivery-info {
    display: none;
}
.feature-design.page-cartPage .divert-delivery-order-group .delivery-entry-button {
    display: none;
}
.feature-design.page-cartPage .divert-delivery-order-group .supplier-delivery-info {
    font-size: 14px;
    margin-bottom: 10px;
}
.feature-design.page-cartPage .divert-delivery-order-group .itm_time .delivery-date {
    display: none;
}
.feature-design.page-cartPage .divert-delivery-order-group .supplier-icon {
    content: '';
    display: inline-block;
    background: url(../images/delivery/supplier_delivery.png);
    width: 30px;
    height: 30px;
    vertical-align: top;
    background-size: 30px;
}
.feature-design.page-cartPage .divert-delivery-order-group .supplier-text {
    display: inline-block;
    margin-left: 5px;
}
.feature-design.page-cartPage .divert-delivery-order-group .supplier-text p {
    font-size: 14px;
}
.feature-design.page-cartPage .divert-delivery-order-group .supplier-text .supplier-time {
    font-size: 13px;
    color: #616161;
}
/* DIVERT DELIVERY styling changes END */

.feature-design.page-cartPage .pickup-order-group .move-cart-entry-button:before,
.feature-design.page-cartPage .pickup-order-group .move-cart-entry-button-disabled:before {
    content: '';
    background: url(../images/cctruck.png)!important;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-right: 3px;
    background-size: 22px!important;
    background-repeat: no-repeat;
}
.feature-design.page-cartPage .delivery-order-group .move-cart-entry-button:before,
.feature-design.page-cartPage .delivery-order-group .move-cart-entry-button-disabled:before,
.feature-design.page-cartPage .pick-and-pack-order-group .move-cart-entry-button:before,
.feature-design.page-cartPage .pick-and-pack-order-group .move-cart-entry-button-disabled:before {
    content: '';
    background: url(../images/ccmouse.png)!important;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -6px;
    background-size: 20px!important;
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: -webkit-baseline-middle;
}

.feature-design.page-cartPage .delivery-entry-button .headInfo {
    display: inline-block;
    vertical-align: top;
    height: 22px;
    margin: 0px;
    line-height: 14px;
    font-size: 14px;
    margin-left: 3px;
}
.feature-design.page-cartPage .itm_time {
    text-align: left !important;
}
.feature-design.page-cartPage .basket_ctas .checkoutButton .linkForOtherCustomer a {
    background-color: #f4b11a !important;
    border: 1px solid #f4b11a !important;
    margin-right: 0;
}
.feature-design.page-cartPage h3.prc span, h3.sbt span {
    margin-left: 5px;
}
.feature-design .baskt_item .itm_price{
    float: left;
    text-align: right;

    width: 148px;

}
.feature-design .baskt_item .itm_total {
    float: left;
    width: 120px;
    text-align: right;
}
.feature-design.page-cartPage span.change-postcode.cboxElement strong {
    font-size: 14px;
    font-weight: normal;
    color: #054731;
}
.feature-design.page-cartPage span.change-postcode.cboxElement strong:before {
    content: '\f040 ';
    font-family: fontawesome;
    font-size: 12px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    right: -2px;
}

.feature-design .basket_headings h3.qty {
    float: left;
    margin: 0;
    width: auto;
    text-align: left;
    margin-left: 10px;
}
.feature-design.page-cartPage .baskt_item .itm_optns {
    width: 185px;
}
.feature-design.page-cartPage .basket_headings .prc span, .basket_headings .sbt span  {
    font-size: 12px;
}
.feature-design .basket_headings h3.sbt {
    text-align: left;
    width: 150px;
    margin-left: 17px;
}
.feature-design .baskt_item .itm_price span, .feature-design .baskt_item .itm_total span {
    text-align: left;
    width: 140px;
}
.feature-design.page-cartPage .collection-entry-icon,  .collection-entry-wrap {
    display: inline-block;
    vertical-align: top;
    line-height: 25px;
}
.feature-design.page-cartPage .collection-entry-button .headInfo {
    font-size: 11px;
    display: block;
    text-align: left;
    color: #666;
    font-style: italic;
    margin-top: 15px;
}
.feature-design.page-cartPage .collection-entry-wrap .delivery-type {
    font-size: inherit;
}
.feature-design.page-cartPage .collection-entry-button p.title {
    line-height: 16px;
}
.feature-design.page-cartPage .move-cart-entry-button .title,
.feature-design.page-cartPage .move-cart-entry-button-disabled .title {
    height: 17px;
    vertical-align: top;
    line-height: 16px;
    color: #054731;
    font-size: 14px;
    margin-left: 30px;
    margin-bottom: 0;
    text-decoration: underline;
}
.feature-design.page-cartPage .collection-entry-button i.fa-circle,
.feature-design.page-cartPage .move-cart-entry-button i.fa-circle {
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    background: #ddd;
    border: 1px solid #bbb;
    padding: 2px;
    color: #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}
.feature-design.page-cartPage .collection-entry-button i.fa-circle {
    color: green;;
}
.feature-design.page-cartPage .collection-entry-button i.fa-circle:hover,
.feature-design.page-cartPage .move-cart-entry-button i.fa-circle:hover {
    color: #aaa;
}
.feature-design.page-cartPage .pickup-order-group .move-cart-entry-button,
.feature-design.page-cartPage .pickup-order-group .move-cart-entry-button-disabled {
    margin-top: 15px;
}
.feature-design.page-cartPage .delivery-order-group .move-cart-entry-button .title,
.feature-design.page-cartPage .delivery-order-group .move-cart-entry-button-disabled .title,
.feature-design.page-cartPage .pick-and-pack-order-group .move-cart-entry-button .title,
.feature-design.page-cartPage .pick-and-pack-order-group .move-cart-entry-button-disabled .title {
    margin-left: 1px;
}
.feature-design.page-cartPage .delivery-time strong {
    font-weight: normal;
}
.feature-design.page-cartPage .delivery-time .info-tooltip {
    display: none;
}
.feature-design.page-cartPage .itm_img a img {
    width: 80px;
}

/** Switch
 -------------------------------------*/
.includeVatWrap {
    text-align: right;
}
.includeVatWrap:after {
    content: '';
    display: table;
    clear: both;
}
.includeVatWrap .incVatText {
    font-size: 13px;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 24px;
    display: inline-block;
}
.includeVatWrap .incVatSwitch input {
    position: absolute;
    opacity: 0;
}
.includeVatWrap .incVatSwitch {
    display: inline-block;
    font-size: 20px;
    height: 20px;
    width: 40px;
    background: green;
    border-radius: 1em;
    margin: 20px;
    float: right;
    cursor: pointer;
}
.includeVatWrap .incVatSwitch.off {
    background: red;
}
.includeVatWrap .incVatSwitch div {
    height: 19px;
    width: 19px;
    border-radius: 1em;
    background: #FFF;
    box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    margin-top: 0.75px;
}
.includeVatWrap .incVatSwitch input:checked + div {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.feature-design .basket .total_price_wrapper .deliveryVatText {
    display: inline;
    float: none;
    width: auto;
    padding: 0;
}
/* 21/7/16 - checkout step 1 */

.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions-wrap{
    border: none;
}
.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .title{
    display: block;
    position: relative;
    width: 440px;
    background: #fff;
    font-weight: normal;
    overflow: visible;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    margin-bottom: 20px;
    left: 10px;    font-size: 18px;

}

.page-OrderDeliveryDetailsPage.feature-design .collection-branch{
    display: inline-block;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    width: 440px;
    left: 0px;
}


.page-OrderDeliveryDetailsPage.feature-design .content > .CO_collumLeft{
    display: inline-block;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    left: 0px;

}

.page-OrderDeliveryDetailsPage.feature-design .collection-branch h3{
    color: #212121;
    font-size: 20px;
    line-height: 21px;
    font-weight: normal;
    padding-bottom: 20px;
}

.page-OrderDeliveryDetailsPage.feature-design .collection-branch h3 span{
    color: #616161;
    font-size: 14px;
}

.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .content p {
    font-size: 14px;
    margin: 0 0 5px 0;
    line-height: 18px;
    color: #616161;
}

.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .content .headings {
    font-weight: normal;
    color: #212121;
    margin-bottom: 10px;
}

.page-OrderDeliveryDetailsPage.feature-design .CO_collumLeft{
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 168px!important;
    padding-right: 20px!important;
    float: none!important;
}
.page-OrderDeliveryDetailsPage.feature-design .CO_collumRight{
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-right: 0px!important;
    float: none!important;
    width: auto!important;
}

.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions-wrap{
    box-shadow: none;
    background: transparent;
}

.page-OrderDeliveryDetailsPage.feature-design .opening_times, .wk_day {
    display: inline-block;
    position: relative;
    width: 100px;
}

.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions-wrap .content {
    padding: 0px 10px 0 10px;
    width: 450px;

}

.page-OrderDeliveryDetailsPage.feature-design .collectionOptions-wrap, #payment_wrapp #content {
    overflow: visible;
}

.page-OrderDeliveryDetailsPage.feature-design .collectionOptions-wrap .form-info {
    position: absolute;
    right: 13px;
    top: -30px;
    font-size: 13px;
    color: #616161;
}
.page-OrderDeliveryDetailsPage.feature-design .tp_checkoutTitle_wrapper {
    margin-bottom: 30px;
}
.template-pages-CheckoutPageTemplate.feature-design .tp_checkoutTitle_wrapper .tp_OrderTitle {
    font-weight: normal;
    font-size: 14px!important;
    color: #616161;
    background: none;
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.tp_checkoutTitle_wrapper .tp_OrderTitle:before {

    content: '\f023';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 20px;
    top: 2px;
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_CheckoutOrderButton {
    position: relative;
    background: none;
    color: #0C4F38;
    font-weight: normal;
    line-height: 40px;
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_CheckoutOrderButton:hover {
    text-decoration: underline;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num {
    font-size: 16px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    line-height: 30px
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num span {
    line-height: 30px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_line {
    bottom: 15px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num p {
    font-size: 14px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_header .tp_logo,
.template-pages-GuestPaymentDeclinePageTemplate.feature-design #payment_wrapp .tp_header .tp_logo  {
    float: none;
    margin: 0px;
    display: inline-block;
    position: relative;
    top: 46px;
    left: 10px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp {
    margin: 0px;
    display: inline-block;
    position: absolute;
    float: none;
    right: 0px;
    top: 42px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp {
    width: 365px;
    height: 62px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_line {
    width: 335px;
}
.page-OrderDeliveryDetailsPage.feature-design a#collectionOptionsShowDetails,.page-OrderDeliveryDetailsPage.feature-design  a#deliveryAddressesShowDetails {
    color: #616161;
}
.page-OrderDeliveryDetailsPage.feature-design a#collectionOptionsShowDetails:after, .page-OrderDeliveryDetailsPage.feature-design a#deliveryAddressesShowDetails:after {
    content: '\f107';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    margin-left: 6px;
    color: #616161;
}

.page-OrderDeliveryDetailsPage.feature-design .feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap {
    background: none;
    border: none;
    box-shadow: none;
}

.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    padding:0px;
}

.page-OrderDeliveryDetailsPage.feature-design .feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .title
{
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.11), 0 6px 6px rgba(0,0,0,0.13);
    border-bottom: 3px solid #F6B112;
    margin-bottom: 20px;
    font-weight: normal;
    padding: 18px;
    height: 20px;
}
.page-OrderDeliveryDetailsPage.feature-design div#deliveryDetailsContainer, .delivery-details-wrap {
    width: 517px;
    overflow: visible;
}
.page-OrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .form-info {
    position: absolute;
    top: -140px;
    color: #616161;
}
.page-OrderDeliveryDetailsPage.feature-design .collectionOptions-wrap {
    margin-bottom: 0px;
}

/*
.page-OrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .address-form {
    background: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
margin-bottom: 20px;
padding: 20px 20px 30px 20px;
box-sizing: border-box;
        width: 475px;
    position: relative;
    display: inline-block;
    left: 20px;
}
*/

.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap, .page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap {
    background: none!important;
    box-shadow: none!important;
}

.page-OrderDeliveryDetailsPage.feature-design .delivery-address-wrap, .delivery-info-wrap {
    overflow: visible;
    margin: 10px 0 30px 10px;
}

.page-OrderDeliveryDetailsPage.feature-design form.delivery-address-wrap h3, .delivery-info-wrap h3, .page-OrderPaymentPage.feature-design div#payment_section h2  {
    display: block;
    position: relative;
    width: 440px;
    background: #fff;
    font-weight: normal;
    overflow: visible;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    box-sizing: border-box;
}

.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer {
    position: relative;
    width: 460px;
}

.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp #content,
.template-pages-GuestPaymentDeclinePageTemplate.feature-design #payment_wrapp #content{
    width: auto;
    margin: 10px 10px 160px 10px;
    min-height: 700px;
}

/*
.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer {
    margin-right: 30px;
}
*/
.template-pages-CheckoutPageTemplate.feature-design #cart {
    width: 440px;
}
.template-pages-CheckoutPageTemplate.feature-design  #cart {
    background: none;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .title-box {
    width: 440px;
    box-sizing: border-box;
    padding: 10px!important;
    background: white;
    border-bottom: 1px solid #e0e0e0!important;
}
.template-pages-CheckoutPageTemplate.feature-design div#cart .title-box .title {
    font-weight: normal;
    font-size: 18px;
}
.template-pages-CheckoutPageTemplate.feature-design div#view-more-btn, #view-less-btn {
    color: #616161;
    font-size: 13px;
}
.template-pages-CheckoutPageTemplate.feature-design div#view-more-btn, #view-less-btn {
    top: 5px;
    position: relative;
    left: 0px;
    padding: 10px;
}
.template-pages-CheckoutPageTemplate.feature-design div#view-less-btn:after {
    content: '\f106';
    font-family: fontawesome;
    position: relative;
    left: 5px;
    margin-right: 5px!important;
}
.template-pages-CheckoutPageTemplate.feature-design div#view-more-btn:after {
    content: '\f107';
    font-family: fontawesome;
    position: relative;
    left: 5px;
    margin-right: 5px!important;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .total_price_wrapper {
    margin: 0px;
    background: none;
    border: none;
    padding: 20px !important
}
.template-pages-CheckoutPageTemplate.feature-design #cart {
    padding-bottom: 0px;
    background: #fafafa!important;

}

.template-pages-CheckoutPageTemplate.feature-design #cart .top-section p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 28px;
    color: #616161;
}
.template-pages-CheckoutPageTemplate.feature-design p.basketTotalPrice {
    margin: 0px;
}

.template-pages-CheckoutPageTemplate.feature-design #cart .top-section {
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.template-pages-CheckoutPageTemplate.feature-design p.basketTotalPrice {
    border-top: none;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .basketTotalPrice, #cart .basketTotalPrice span {
    font-weight: normal;
}

.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_items_wrap {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    height: 450px!important;
    max-height: 450px;
    overflow: auto;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .items-list {
    position: relative;
    left: 0px;
}

.template-pages-CheckoutPageTemplate .from-text > .brand-name,
.template-pages-CheckoutPageTemplate .from-text > .pick-and-pack-courier-name,
.template-pages-CheckoutPageTemplate .from-text > .supplier-name {
    color: #333333;
}

.template-pages-CheckoutPageTemplate div.delivery-info {
    padding-top: 5px;
}
.template-pages-CheckoutPageTemplate div.from-text {
    height: 17px;
}

.template-pages-CheckoutPageTemplate .delivery-order-group div.from-text,
.template-pages-CheckoutPageTemplate .pick-and-pack-order-group div.from-text {
    padding-top: 10px;
}

.template-pages-CheckoutPageTemplate .group-title{
    background: #fafafa;
    display: block;
    padding: 15px 15px;
    color: #616161;
    line-height: 21px;
    border-bottom: 1px solid #F4A91F;
}

.template-pages-CheckoutPageTemplate.feature-design .h3.consignment-header span.delivery-type {
    font-size: 16px;
    color: #212121;
}
.template-pages-CheckoutPageTemplate.feature-design span.delivery-type {
    font-size: 16px;
    color: #212121;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item {
    margin: 0px;
    padding: 20px!important;
    border-bottom: 1px solid #e0e0e0!important;
    width: auto;
    min-height: 110px;
    height: auto;
    position: relative;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_info {
    font-size: 14px;
    color: #212121;
    width: 313px;
    float: right;

}
.template-pages-CheckoutPageTemplate.feature-design .itm_img img {
    width: 60px;
}
.template-pages-CheckoutPageTemplate.feature-design .baskt_item .itm_img {
    margin-left: 20px;
    width: 60px;
}
.template-pages-CheckoutPageTemplate.feature-design .itm_info span {
    font-size: 13px;
    line-height: 18px;
}
.template-pages-CheckoutPageTemplate.feature-design .itm_optns {
    bottom: 7px;
    position: absolute;
}
.template-pages-CheckoutPageTemplate.feature-design .itm_price {
    width: 313px!important;
    display: block;
    position: relative;
    text-align: left!important;
    float: none;
}

.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_price p {
    width: 100%;
}


.template-pages-CheckoutPageTemplate.feature-design #cart .total_price_wrapper {

    background: none;
}

.template-pages-CheckoutPageTemplate.feature-design .baskt_item .itm_price span {
    text-align: left;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    font-size: 12px;
}

.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_remove, #cart .baskt_item .itm_update {
    color: #616161;
    text-decoration: none;
    background: none;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_remove:hover, #cart .baskt_item .itm_update:hover {
    background: none;
    color: #616161;
    text-decoration: underline;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_remove:before {
    content: '\f014';
    font-family: fontawesome;
    margin-right: 5px;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_update:before {
    content: '\f0e2';
    font-family: fontawesome;
    margin-right: 5px;
}


.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_update:before:hover, #cart .baskt_item .itm_remove:before:hover {

    text-decoration: none!important;
}

.template-pages-CheckoutPageTemplate.feature-design #cart .baskt_item .itm_optns {
    width: 320px!important;
}

.template-pages-CheckoutPageTemplate.feature-design form.delivery-address-wrap > .content {
    display: inline-block;
    position: relative;
    left: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 440px;
    box-sizing: border-box;
    padding: 15px;
}

.template-pages-CheckoutPageTemplate.feature-design div#deliveryDetailsContainer{
    width: 460px;
    position: relative;
}
.template-pages-CheckoutPageTemplate.feature-design .delivery-address-wrap {
    width: 460px;

}


.template-pages-CheckoutPageTemplate.feature-design .delivery-address-wrap .title {
    margin-bottom: 20px;
    left: 10px;
    font-size: 18px;

}
.template-pages-CheckoutPageTemplate.feature-design .delivery-info-wrap .title {
    left: 10px;
    font-size: 18px;

}
.template-pages-CheckoutPageTemplate.feature-design .delivery-address-wrap, .delivery-info-wrap {
    margin: 0px 0 20px 0px;
}

.template-pages-CheckoutPageTemplate.feature-design .delivery-address-wrap .content-title {
    margin: 10px 0 25px 5px;
    font-weight: normal;
}
.template-pages-CheckoutPageTemplate.feature-design .active-title .title,
.template-pages-CheckoutPageTemplate.feature-design:not(.feature-simplified-billing-address) div#tp_paymentCards h2,
.template-pages-CheckoutPageTemplate.feature-design div#billing_address h2,
.template-pages-CheckoutPageTemplate.feature-design #payment-details > h2 {
    background: #fff!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 3px solid #F6B112!important;
    margin-bottom: 20px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: 0px!important;

}
.page-OrderDeliveryDetailsPage.feature-design span.form-info-top {
    display: block;
    position: relative;
    width: 460px;
    text-align: right;
    color: #616161;
    margin-bottom: 10px;
    font-size: 13px;
}
.page-OrderDeliveryDetailsPage.feature-design .feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .page-OrderDeliveryDetailsPage.feature-design .addresses.selected {
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #F4A91F;
    background: #f5f5f5;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-address-wrap .addresses {
    position: relative;
    display: inline-block;
    width: 130px;
    min-height: 150px;
    border: 1px solid #e0e0e0;
    margin: 0 4px 10px 0;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 20px;
    color: #616161;
    font-size: 13px;
    cursor: pointer;

}

.page-OrderDeliveryDetailsPage.feature-design .postalCode {
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    color: #212121;
}

.page-OrderDeliveryDetailsPage.feature-design h3.consignment-header p {
    color: #616161;
    margin-bottom: 0px;
    font-size: 14px;
}
.page-OrderDeliveryDetailsPage.feature-design .collection_options_mobile_div, .page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block, .page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block{
    background: white;
    width: 440px;
    padding: 20px!important;
    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;
    left: 0px;
    position: relative;
}
.page-OrderDeliveryDetailsPage.feature-design .collectionOptions-wrap .content {
    overflow: visible!important;
}
.page-OrderDeliveryDetailsPage.feature-design .collection_options_mobile_div .CO_collumLeft p {
    width: 400px!important;
    display: inline-block;
    position: relative;
    line-height: 20px!important;
}
.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions_mobileNumber {
    height: 30px;
    width: 240px;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #e0e0e0;
}
.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions_mobileNumber:focus {
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #F6B112;
    background: #f5f5f5;
}
.page-OrderDeliveryDetailsPage.feature-design a.number-info-link {
    display: block;
    font-size: 13px;
    bottom: 0;
}

.page-OrderDeliveryDetailsPage.feature-design .delivery-details-form .email_error_message span, .form-error {
    width: 235px;
    color: red;
    font-size: 13px;
    position: relative;
    bottom: 30px;
    margin-top: 10px;
    top: 0!important;
    left: 0!important;
}
.page-OrderDeliveryDetailsPage.feature-design button#collectionOptions_continue .content {
    width: 200px!important;
}
.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer #collectionOptions_continue, .feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;

}
.feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn {
    margin:0px;
    outline: none;
    height: 50px;
}
.feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn div {
    outline: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 50px;
}

.page-OrderDeliveryDetailsPage.feature-design #collectionOptionsContainer #collectionOptions_continue:hover, .page-OrderDeliveryDetailsPage.feature-design .delivery-address-wrap #selectAddress:hover, .page-OrderDeliveryDetailsPage.feature-design #deliveryDetailsInfoContainer .form-btn:hover, .page-OrderPaymentPage.feature-design input.tp_OrderButton.cont_to_pay:hover {
    background: #F6B112!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17);;
    transition: 0.2s;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .addresses.selected {
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #F6B112;
    background: #f5f5f5;
}

.page-OrderDeliveryDetailsPage.feature-design button#loadCreateFragment {
    width: 170px;
    color: #212121!important;
    font-weight: normal;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
    font-size: 14px;


}

.page-OrderDeliveryDetailsPage.feature-design button#loadCreateFragment:hover, .page-OrderPaymentPage.feature-design button#postcodeLookupButton:hover,
.page-OrderPaymentPage.feature-design a#backToSavedCards:hover{
    background: #efefef!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17);;
    transition: 0.2s;
}

.page-OrderDeliveryDetailsPage.feature-design button.form-btn.btn-cancel:hover {
    background: #efefef!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17)!important;
    transition: 0.2s;
}

.page-OrderDeliveryDetailsPage.feature-design button.form-btn.btn-submit:hover {
    background: #F6B112!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17)!important;
    transition: 0.2s;
}

.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap #selectAddress {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-weight: normal;
    transition: 0.2s;
    font-size: 14px;
    width: 220px;

}

.page-OrderDeliveryDetailsPage.feature-design .number-block .second-title {
    font-weight: normal!important;
    color: #212121;
    margin-bottom: 10px!important;
}
.page-OrderDeliveryDetailsPage.feature-design .number-block p.number-text-block {
    width: 400px!important;
    display: inline-block;
    position: relative;
    font-size: 14px;
    margin: 0 0 5px 0;
    line-height: 18px;
    color: #616161;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-field input {
    height: 30px;
    width: 240px;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #e0e0e0;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-field {
    float: none;

    text-align: left;
    display: block;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-info-link {
    float: none;
    width: 200px;
    margin-top: 10px;
    padding-top: 0px;
    font-size: 13px!important;
    color: #0C4F38;
    text-decoration: none;
    text-align: left;
}


.page-OrderDeliveryDetailsPage.feature-design a.number-info-link:hover, .page-OrderDeliveryDetailsPage.feature-design .number-field a.number-info-link:hover {
    color: #0C4F38;
    text-decoration: underline;
}


.page-OrderDeliveryDetailsPage.feature-design div#deliveryInfoContent {
    padding-left: 0px;
}




.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block {
    left: 20px;
}
.page-OrderDeliveryDetailsPage.feature-design .collectionOptions-wrap .number-info {
    float: none;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block {
    left: 20px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .second-title {
    font-weight: normal!important;
    color: #212121;
    display: block;
    margin-bottom: 10px!important;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-area {
    display: block;
    width: 390px;
    float: none;
    margin: 20px 0px 0px 0px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .limit-msg {

    float: right;
    position: relative;
    margin-top: 10px;
    color: #616161;
    font-size: 13px;
    right: 0px;
    bottom: 0px!important;
}
.page-OrderDeliveryDetailsPage.feature-design div#deliveryInfoContent {
    width: 460px;
}
.page-OrderDeliveryDetailsPage.feature-design div#deliveryDetailsInfoContainer {
    width: 460px;
}
.page-OrderDeliveryDetailsPage.feature-design textarea#specificDeliveryInstructions {
    resize: vertical;
}
.page-OrderDeliveryDetailsPage.feature-design textarea#specificDeliveryInstructions {
    margin: 0px!important;
    margin-right: 0px!important;
    outline: none;
    border: 1px solid #e0e0e0;

}
.page-OrderDeliveryDetailsPage.feature-design textarea#specificDeliveryInstructions:focus {
    border: 1px solid #e0e0e0;
}
.page-OrderDeliveryDetailsPage.feature-design .number-block p.number-text-block strong {
    font-weight: normal;
}
.page-OrderDeliveryDetailsPage.feature-design #deliveryDetailsInfoContainer .saved-numbers {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #333333;
    text-align: left;
    margin-bottom: 8px;
    padding-left: 0px!important;
}



/*Checkout Step 2*/

.page-OrderPaymentPage.feature-design .tp_orderPayment_wrapper .leftBlock, .page-OrderPaymentPage.feature-design .tp_orderPayment_wrapper .order_paymentDetails, .page-OrderPaymentPage.feature-design #tp_paymentCards {
    width: 440px;
}
.page-OrderPaymentPage.feature-design .order_paymentDetails.no_float {
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 3px solid #EA5D59!important;
}
.page-OrderPaymentPage.feature-design .order_paymentDetails.no_float h2 {
    font-weight: normal;
    padding: 0px!important;
    margin: 0px!important;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
}
.page-OrderPaymentPage.feature-design .order_paymentDetails .paymentDetails_text {
    padding: 0px;
    margin-top: 20px;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .confirm_title, .page-OrderPaymentPage.feature-design div#credit_control_info .content {
    color: #616161;
    font-size: 14px;
    line-height: 18px;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li {
    float: none;
    font-size: 14px;
    color: #212121;
    font-weight: normal;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.remains.insufficient {
    border: none;
    color: #EA5D59;
}
.page-OrderPaymentPage.feature-design li.remains.insufficient .valueAlign {
    font-size: 36px!important;
    width: auto!important;
    display: inline-block;
    line-height: 30px;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.remains.insufficient {
    display: inline-block;
    padding: 0px;
}
.page-OrderPaymentPage.feature-design li.remains.insufficient {
    line-height: 20px;
    height: 50px;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li {
    line-height: 20px;
    margin-top: 30px;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.remains.insufficient {
    margin-top: 5px;
    margin-right: 5px;

}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.limit {
    display: inline-block;
    padding: 0px;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.limit div,  .page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.limit p {
    display: inline-block!important;
    margin-right: 2px;
    color: #616161;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.limit{
    margin-top: 0px;
}
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit {
    margin: 0;
    padding: 0px!important;
    height: 60px;
}
.page-OrderPaymentPage.feature-design div#tp_paymentCards{
    background: transparent!important;
    box-shadow: none!important;
}
.page-OrderPaymentPage.feature-design .tp_cardList form label {
    display: block;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 40px!important;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 440px;
    left: -15px;

}


.page-OrderPaymentPage.feature-design .tp_cardList .tp_card > div {
    line-height: 20px;
}
.page-OrderPaymentPage.feature-design .tp_cardList .tp_card .card_type{
    background: none;
    padding: 0px;
    line-height: 18px;
}

.page-OrderPaymentPage.feature-design .tp_cardList .tp_card .card_type:before{
    content: '\f09d';
    font-family: fontawesome;
    display: inline-block;
    font-size: 18px;
    position: relative;
    margin-right: 10px;
    top: 1px;

}
.page-OrderPaymentPage.feature-design .tp_cardList .tp_card .card_radio {
    width: 20px;
    padding: 2px 0 0 0;
    height: 20px;
}
.page-OrderPaymentPage.feature-design .tp_orderPayment_wrapper .leftBlock {
    position: relative;
    left: 10px;

}
.page-OrderPaymentPage.feature-design div#cart {
    left: 25px;
    position: relative;
}
.page-OrderPaymentPage.feature-design div#tp_paymentCards h2 {
    position: relative;
    left: -10px!important;
    font-size: 18px;
    height: auto!important;
    padding: 20px;
    box-sizing: border-box;
    line-height: 18px;
    display: block;
}
.page-OrderPaymentPage.feature-design .tp_cardList {
    padding: 0px 15px 10px 15px;
}
.page-OrderPaymentPage.feature-design a#payWithNewCardButton {
    background: none;
    border: none;
    font-weight: normal;
    color: #0C4F38;
    width: auto;
    padding: 0px;
    font-size: 14px;
}

.page-OrderPaymentPage.feature-design a#payWithNewCardButton:hover {
    text-decoration: underline;
}

.page-OrderPaymentPage.feature-design div#payment_section_saved_card {
    width: 440px;
    margin-top: 0px!important;
}
.page-OrderPaymentPage.feature-design div#payment_section_saved_card h2 {
    display: none;
}

.page-OrderPaymentPage.feature-design .span-11 {
    width: 400px;
}
.page-OrderPaymentPage.feature-design .tp_cardDetails_formBox {
    padding: 20px 20px 0px 20px!important;
}

.page-OrderPaymentPage.feature-design  #billingForm .label-and-input .input input{

    height: 30px;
    line-height: 30px;
    padding: 5px !important;
    width: 265px;
    box-sizing: border-box;
    outline:none;
    border: 1px solid #e0e0e0;

}

.page-OrderPaymentPage.feature-design .label-and-input .label label {
    font-weight: normal!important;
    text-align: right;
    width: 100px!important;
    display: block;
    line-height: 1;

}
.page-OrderPaymentPage.feature-design .form_field-input, #billingForm .label {
    width: 130px;

}

.page-OrderPaymentPage.feature-design #billingForm .tp_cardDetails_formBox .span-12 {
    width: 400px;
}
.page-OrderPaymentPage.feature-design #billingForm .inline-with-input {
    padding-left: 0px;
    float: right;
    width: 265px;
    margin-top: -10px;
    margin-bottom: 15px;
}
.page-OrderPaymentPage.feature-design #billingForm .inline-with-input button {
    max-height: 30px;
}
.page-OrderPaymentPage.feature-design button#postcodeLookupButton, .page-OrderPaymentPage.feature-design a#backToSavedCards {
    background: #eeeeee!important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-weight: normal;
    height: 40px!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;
}
.page-OrderPaymentPage.feature-design #billing_address_form .tp_orderPayment_mandatory {
    padding: 0 8px 0 8px;
    text-align: right;
    margin-bottom: 10px;
    font-size: 13px;
    color: #616161;
}
.page-OrderPaymentPage.feature-design .tp_orderContinued.returningCustomer {
    width: 440px;
    padding: 0px!important;
}
.page-OrderPaymentPage.feature-design .returningCustomer .tp_OrderButton.back, .page-OrderPaymentPage.feature-design input.tp_OrderButton.cont_to_pay {
    float: none;
    margin: 0px!important;
}

.page-OrderPaymentPage.feature-design .tp_orderContinued.returningCustomer {
    position: relative;
}
.page-OrderPaymentPage.feature-design input.tp_OrderButton.cont_to_pay {
    position: absolute;
    right: 0px;
}
.page-OrderPaymentPage.feature-design a#backToSavedCards {
    position: relative;
    left: 0px;
    font-size: 14px;
    width: 200px;
    line-height: 39px;
}
.page-OrderPaymentPage.feature-design input.tp_OrderButton.cont_to_pay {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-weight: normal;
    transition: 0.2s;
    outline: none;
    font-size: 14px;
    line-height: 39px;
}
.page-OrderPaymentPage.feature-design .tp_paymentCards #billingForm .tp_orderContinued.returningCustomer {
    margin-top: 0;
    position: relative;
    bottom: 20px;
    overflow: visible;
    height: 44px;
}
.page-OrderPaymentPage.feature-design div#payment_section {
    width: 440px;
    background: none;
    box-shadow: none;
}
.page-OrderPaymentPage.feature-design #payment_section.card_details h2 {
    padding: 20px;
    height: auto;
    line-height: 18px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-bottom: none;
}
.feature-design.template-pages-CheckoutPageTemplate .tp_orderPayment_wrapper #payment_section {
    background: none;
    border: none;
    box-shadow: none;
}
/*
.page-OrderPaymentPage.feature-design div#paymentframe h2 {
    display: none!important;
}
*/
.page-OrderPaymentPage.feature-design #billing_address.collapsed #refine_billing_address {
    height: auto!important;
    font-size: 13px;
    top: 8px;
    color: #616161;
    right: 20px;
}
.page-OrderPaymentPage.feature-design #billing_address.collapsed #refine_billing_address:after {
    content: '\f107';
    font-family: fontawesome;
    display: inline-block;
    margin-left: 5px;
}
.page-OrderPaymentPage.feature-design #tp_paymentCards #billing_address.collapsed h2 {
    margin-bottom: 0;
    border-bottom: none;
    width: 440px!important;
    position: relative;
    left: 0px!important;
    border: none!important;
    background: #fff;
    font-weight: normal;
    overflow: visible;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.page-OrderPaymentPage.feature-design #payment_section.card_details #paymentframe h2 {
    padding: 20px;
    height: auto;
    line-height: 18px;
    width: 460px;
    left: -10px;
    border-bottom: 3px solid rgb(246, 177, 18) !important;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.109804) 0px 10px 20px, rgba(0, 0, 0, 0.129412) 0px 6px 6px!important;
}


.page-OrderPaymentPage.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.passed:before {
    content: '\f00c';
    display: block;
    position: absolute;
    font-family: fontawesome;
    color: #0C4F38;
    top: 1px;
    left: 6px;
    font-size: 18px;
}
.page-OrderPaymentPage.feature-design li.limit p {
    font-size: 14px;
}

.page-OrderPaymentPage.feature-design #payment_section.card_details h2 {
    display: none;
}

.page-OrderPaymentPage.feature-design #payment_section.card_details #paymentframe h2 {
    display: block!important;
}

.page-OrderPaymentPage.feature-design #payment_section.card_details {
    margin-top: 0px;
}
.yCmsComponent.order_basket, #deliveryDetailsContainer, #deliveryDetailsInfoContainer, .tp_orderPayment_wrapper, #collectionOptionsContainer  {
    float: none;
    vertical-align: top;
    display: inline-block;
}
.step1-leftBlock {
    width: 480px!important;
    display: inline-block;
    position: relative;
    left: -10px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    padding: 0px;
    padding: 20px;
    box-sizing: border-box;
    width: 440px;
    left: 10px;
}

.page-OrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm > .title {
    background: none!important;
    box-shadow: none!important;
    border-bottom: none!important;
    margin-bottom: 0px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: 10px!important;
}
.page-OrderDeliveryDetailsPage.feature-design .questions-form .question-wrap span {
    width: 285px;
    display: inline-block;
}
.page-OrderDeliveryDetailsPage.feature-design button.form-btn.btn-submit {
    float: none;
    position: relative;
    left: 30px;
}
.page-OrderDeliveryDetailsPage.feature-design button.form-btn.btn-cancel {
    width: 170px;
    color: #212121!important;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
    font-size: 14px;
    font-weight: normal!important;
    height: 40px!important;
}
.page-OrderDeliveryDetailsPage.feature-design button.form-btn.btn-submit, #deliveryDetailsContainer .form-btn {
    font-weight: normal!important;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    height: 40px!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .find-btn {
    width: 250px;
    color: #212121!important;
    font-weight: normal;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
    font-size: 14px;
    margin-bottom: 5px;
}

/*Lightboxes*/

/*Collection Branch Locator*/
.page-cartPage.feature-design div#cboxLoadedContent,
.page-productDetails.feature-design div#cboxLoadedContent{
    margin-bottom: 0px;
}

.page-cartPage.feature-design #cboxContent, .page-productGrid #cboxContent {
    border: none!important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.page-productDetails.feature-design #cboxContent {
    border: none!important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
#collectionBranchLocatorPopup .header {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
}

.page-TPToolHirePage #cboxClose,
.page-productDetails.feature-design #cboxClose,
.page-cartPage.feature-design #cboxClose {
    width: 13px;
    height: 13px;
    background-size: 13px;
    right: 13px;
    top: 11px;
}

#collectionBranchLocatorPopup .product-data {
    margin: 0px;
    padding: 0px;
    border: none;
}
#collectionBranchLocatorPopup .product-data .product-img img {
    width: 120px!important;
    height: 120px!important;
}
#collectionBranchLocatorPopup #collectionBranchLocatorForm {
    padding: 20px;
}
#collectionBranchLocatorPopup .product-data .product-img {
    display: inline-block;
    width: auto;
    padding: 0px;
    margin-right: 20px;
}
#collectionBranchLocatorPopup .product-data .product-info {
    width: auto;
    float: none;
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
}
#collectionBranchLocatorPopup .product-data .product-info .product-price {
    font-weight: normal;
    font-size: 16px;
    margin-top: 15px;
}
#collectionBranchLocatorPopup .product-qty {
    margin-top: 30px;
    font-size: 14px;
    color: #616161;
}
#collectionBranchLocatorPopup .product-data .product-info .product-qty .update-button {
    color: #616161;
    background: none;
    outline: none;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
}
#collectionBranchLocatorPopup .product-data .product-info .product-qty .update-button:before {
    content: '\f0e2';
    font-family: fontawesome;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

#collectionBranchLocatorPopup .branch-search .postcode-input {
    width: 250px;
    border: 2px solid #e0e0e0;
    box-shadow: none;
    padding: 0px 10px!important;
    box-sizing: border-box;
    height: 35px;
    border-radius: 0px;
    margin-right: 0px;
    text-transform: uppercase;


}
#collectionBranchLocatorPopup input#collectionBranchLocatorButton {
    border-radius: 0px!important;
    position: relative;
    left: -5px;
    height: 35px;
    top: 1px;
    border: none!important;
    width: 105px!important;
}
#collectionBranchLocatorPopup .branch-search .search-box {
    display: inline-block;
}
#collectionBranchLocatorPopup .view-type-buttons .list-view-button{
    border: none;
    width: 110px!important;
    margin: 0px;
    border-radius: 0px!important;
    margin-left: 25px;
}

#collectionBranchLocatorPopup .view-type-buttons .map-view-button{
    border: none;
    width: 110px!important;
    margin: 0px;
    border-radius: 0px!important;
    margin-left: 10px;
}

.lightbox-tab-underline {
    border-bottom: 2px solid #F6B112!important;
}

#collectionBranchLocatorPopup div#listView {
    background: #fafafa;
    padding: 15px;
}
#collectionBranchLocatorPopup .search-and-stock-info {
    background: #fafafa;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 70px;
    position: relative;


}
#collectionBranchLocatorPopup .stock-info {
    display: inline-block;

}
#collectionBranchLocatorPopup .stock-info .stock-reservation-message {
    float: none;
    position: absolute;
}
#collectionBranchLocatorPopup span.stock-filter {
    position: relative;
}
#collectionBranchLocatorPopup .stock-info .stock-reservation-message {
    float: none;
    position: absolute;
    top: 70px!important;
    left: 0px;
    width: 735px;
    border: 1px solid #528272;
    padding: 12px 15px;
    box-sizing: border-box;
    text-align: center;
}
#collectionBranchLocatorPopup .stock-info .stock-reservation-message:before {
    content: '\f05a';
    font-family: fontawesome;
    color: #424242;
    font-size: 18px;
    position: relative;
    margin-right: 7px;
    top: 1px;
}
#collectionBranchLocatorPopup span.stock-filter {
    position: relative;
    left: 20px;
    color: #616161;
}

#collectionBranchLocatorPopup .branch-search .postcode-input, #collectionBranchLocatorPopup  input#collectionBranchLocatorButton {
    margin-bottom: 0px!important;
    outline: none;
}

#collectionBranchLocatorPopup .in-use-branch-message, #collectionBranchLocatorPopup .closest-branch-list .closest-branch-message {
    font-weight: normal!important;
}
#collectionBranchLocatorPopup #listView div#branchItemTemplate {    background: white;
    border: none!important;
    padding: 10px!important;
    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: 10px;
}
#collectionBranchLocatorPopup .collection-branch-item .stock, #collectionBranchLocatorPopup .collection-branch-item .branch-details, #collectionBranchLocatorPopup .collection-branch-item .message, #collectionBranchLocatorPopup .collection-branch-item .icon {
    float: none;
    display: inline-block;
    padding: 0px;
    vertical-align: top;
    width: 100px;

}
#collectionBranchLocatorPopup img.clock-icon {
    display: none!important;
}
#collectionBranchLocatorPopup .collection-branch-item .stock .in-stock-message .image {
    background: none;

}
#collectionBranchLocatorPopup .collection-branch-item .stock .in-stock-message .image:before {
    content: '\f058';
    font-family: fontawesome;
    font-size: 23px;
    color: #517C6C;
    position: relative;
}
#collectionBranchLocatorPopup .collection-branch-item .stock .stock-message .message {
    display: block;
    float: none;
    margin-top: 0px;
    width: 90px;
}
#collectionBranchLocatorPopup .collection-branch-item .branch-details .branch-name {
    font-size: 13px;
    font-weight: normal!important;
    float: none;
    clear: left;
    margin-bottom: 5px;
    display: inline-block;
}
#collectionBranchLocatorPopup .collection-branch-item .branch-details .branch-distance {
    font-size: 13px;
    float: none;
    clear: left;
    margin-bottom: 0px;
    margin-left: 4px;
    color: #616161;
}
#collectionBranchLocatorPopup .collection-branch-item .branch-details .branch-link {
    float: none;
    clear: left;
    display: block;
    color: #0A4F38;
    margin-top: 4px;
    font-size: 13px;
}
#collectionBranchLocatorPopup .collection-branch-item .branch-details {
    width: 270px;
    min-height: 0px!important;
    margin-top: 5px;
    margin-right: 30px;
}
#collectionBranchLocatorPopup .collection-branch-item .operation {
    float: none;
    display: inline-block;
    width: 170px;
    text-align: right;
    margin-left: 5px;
    margin-top: 2px;
}
#collectionBranchLocatorPopup .collection-branch-item .stock .stock-message {
    text-align: center;
    width: 90px;
}
#collectionBranchLocatorPopup .collection-branch-item {
    min-height: 0px!important;
}
#collectionBranchLocatorPopup .collection-branch-item .icon {
    display: none;
}
#collectionBranchLocatorPopup .collection-branch-item .message {
    margin-top: 5px;
    line-height: 18px;
    position: relative;
    font-size: 13px;

}
#collectionBranchLocatorPopup span.ready-message:before {
    content: '\f017';
    font-family: fontawesome;
    display: inline-block;
    position: absolute;
    left: -27px;
    top: 8px;
    color: #616161;
    font-size: 22px;
}
#collectionBranchLocatorPopup .collection-branch-item .operation button {
    width: 170px;
    color: #212121!important;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
    font-size: 14px;
    font-weight: normal!important;
    height: 40px!important;
    outline: none;
    margin-bottom: 0px;
    border-radius: 4px;

}
#collectionBranchLocatorPopup .out-of-stock-message.stock-message > .image:before {
    content: '\f057';
    font-family: fontawesome;
    font-size: 23px;
    color: #ea5d59;
}
#collectionBranchLocatorPopup .stock .message {
    font-size: 13px;
}
#collectionBranchLocatorPopup form#collectionBranchLocatorForm .qty-label {
    margin-right: 10px;
}
#collectionBranchLocatorPopup input#collectionBranchLocatorPopupQty {
    border: 1px solid #e0e0e0;
    outline: none;
    padding: 5px!important;
    height: 25px;
}
#collectionBranchLocatorPopup #cboxLoadedContent {
    margin-bottom: 0px!important;
}
#collectionBranchLocatorPopup .view-type-buttons {
    margin: 0px!important;
}
#collectionBranchLocatorPopup div#mapView {
    background: #fafafa;
    padding: 20px!important;
    box-sizing: border-box;
}
#collectionBranchLocatorPopup #collectionBranchLocatorPopup #mapView .collection-branch-item {
    position: relative;
}

#collectionBranchLocatorPopup #mapView .branch-holder {
    background: none!important;
}
#collectionBranchLocatorPopup #mapView .branch-holder {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: none!important;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .stock .out-of-stock-message .image {
    background: none;
}
#collectionBranchLocatorPopup #mapView .branch-details .branch-distance, #collectionBranchLocatorPopup #mapView .branch-details .branch-name {
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
}
#collectionBranchLocatorPopup span.branch-details .branch-link:after {
    content: '\f105';
    font-family: fontawesome;
    margin-left: 6px;
    font-size: 14px;
}
#collectionBranchLocatorPopup #mapView .branch-details-holder .branch-details-toggle p:after {
    display: none;
}
#collectionBranchLocatorPopup #mapView .branch-details-holder .branch-details-toggle p {
    text-decoration: none!important;
}
#collectionBranchLocatorPopup #mapView #mapView .branch-details-holder {
    padding: 0px!important;
    margin-top: 0;
    margin-left: 10px;
}

#collectionBranchLocatorPopup #mapView .branch_details_full dl dt,
#collectionBranchLocatorPopup #mapView ul.branch_information strong,
#collectionBranchLocatorPopup .branch-details-holder .branch_details_full .branch_information .openingTime_header,
#collectionBranchLocatorPopup #mapView .branch_details_full .branchServices_holder .branchServices_title {
    color: #616161;
    font-weight: normal;
    font-size: 13px!important;
    line-height: 28px;
}
#collectionBranchLocatorPopup #mapView .branch-details-holder {
    padding: 10px;
    margin-top: -10px;
}
#collectionBranchLocatorPopup #mapView .branch-details-holder .branch_details_full .branch_managers dt, .branch-details-holder .branch_details_full .branch_managers dd {
    display: block;
}
#collectionBranchLocatorPopup #mapView .branchInfo_address p {
    line-height: 18px;
}
#collectionBranchLocatorPopup #mapView .branch-details-holder .branch_details_full .branch_information .openingTime_hours span {
    display: inline-block;
    width: 83px;
    font-size: 13px;
}
#collectionBranchLocatorPopup #mapView ul.openingTime_hours li span {
    line-height: 22px;
}
#collectionBranchLocatorPopup #mapView .branch-details-holder .branch_details_full .branch_information > li:nth-child(2) {
    vertical-align: top;
    position: relative;
    top: -55px;
}
#collectionBranchLocatorPopup #mapView a.br_email {
    font-size: 13px;
}
#collectionBranchLocatorPopup #mapView #mapView .branch_details_full .branchServices_holder .bx-wrapper {
    margin: 0px!important;
}
#collectionBranchLocatorPopup #mapView .branchServices_holder .branchServices_list img {
    display: inline-block;
    width: 30px;
}
#collectionBranchLocatorPopup #mapView ul#br_services li {
    width: 35px!important;
    display: inline-block;

}
#collectionBranchLocatorPopup #mapView  .branch_details_full .branchServices_holder .bx-wrapper {
    max-width: 285px !important;
    margin: 0px!important;
}
#collectionBranchLocatorPopup #mapView .bx-controls-direction a {
    opacity: 0;
    pointer-events: none;
}
#collectionBranchLocatorPopup #mapView .branch-details-toggle .view:after {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    transform: none;
    content: '\f105';
    font-family: fontawesome;
    margin-left: 6px;
    font-size: 14px;
    border: none;
}

#collectionBranchLocatorPopup #mapView .branch-details-toggle .hide:after {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    transform: none;
    content: '\f106';
    font-family: fontawesome;
    margin-left: 6px;
    font-size: 14px;
    border: none;
}
#collectionBranchLocatorPopup #collectionBranchLocatorForm .invalid-postcode-message {
    color: #d9262a;
}

#collectionBranchLocatorPopup span.insufficient-stock-message {
    width: 80px;
}

#collectionBranchLocatorPopup span.insufficient-stock-message:before {
    content: '\f071';
    font-family: fontawesome;
    display: inline-block;
    position: absolute;
    left: -27px;
    top: 8px;
    color: #EA5D59;
    font-size: 19px;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .message span {
    line-height: 34px;
    left: 30px;
    position: relative;
}

#collectionBranchLocatorPopup #mapView span.ready-message:before {
    content: '\f017';
    font-family: fontawesome;
    display: inline-block;
    position: absolute;
    left: -27px;
    top: -10px;
    color: #616161;
    font-size: 23px;
}
#collectionBranchLocatorPopup #mapView span.insufficient-stock-message {
    width: 200px;
}

#collectionBranchLocatorPopup #mapView span.insufficient-stock-message:before {
    top: 0px;
}
#collectionBranchLocatorPopup #mapView .collection-branch-item .operation button {
    background: #F6B112!important;
    border: none!important;
}

/*Pagination*/

.pagination-item {
    border: none!important;
    text-decoration: none!important;
}
li.pagination-item a {
    border: none!important;
    text-decoration: none!important;
    font-weight: normal!important;
    color: #616161!important;
}
li.pagination-item.prev a, li.pagination-item.next a {
    background: none;
}
li.pagination-item.prev, li.pagination-item.next {
    border: none!important;
}
li.pagination-item.prev a:before {
    content: '\f104';
    font-family: fontawesome;
    font-size: 16px;
    color: #0A4F38;
}
li.pagination-item.next a:before {
    content: '\f105';
    font-family: fontawesome;
    font-size: 16px;
    color: #0A4F38;
}
li.pagination-item.prev.disabled a:before {
    content: '\f104';
    font-family: fontawesome;
    font-size: 16px;
    color: #616161;
}
li.pagination-item.next.disabled a:before {
    content: '\f105';
    font-family: fontawesome;
    font-size: 16px;
    color: #616161;
}
li.pagination-item.active {
    background: #517C6C!important;
    border: none!important;
}
li.pagination-item.active a {
    color: white!important;
}
.tp_branchList_pagination ul li.dots {
    line-height: 35px;
    width: 23px;
    height: 31px;
    margin: 0 3px;
    padding: 0 2px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #616161;
}
.tp_branchList_pagination ul li {
    float: left;
    width: 27px;
    height: 31px;
    margin: 0 3px;
    padding: 0 2px;
    border: none;
}
/* 2/08/16 - Order Listing */

.page-orders.feature-design h2 {
    font-weight: normal!important;
}
.page-orders.feature-design #order_history_container {
    padding: 10px 10px!important;
    width: 930px!important;
    margin-right: 0px!important;
}
.page-orders.feature-design .yCmsComponent.order_history_table_warning {
    padding: 12px 12px 12px 36px;
    box-sizing: border-box;
    border: 1px solid #517C6C;
    display: inline-block;
    position: relative;
    width: 100%;
}
.yCmsComponent.order_history_table_warning:before {
    content: '\f05a';
    font-family: 'FontAwesome';
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 10px;
    color: #616161;
    font-size: 16px;
}
.page-orders.feature-design #search_fields .order_filter_select {
    float: none!important;
    padding: 20px 0!important;
    margin: 0px;
}


.page-orders.feature-design .item_container_holder #search_fields {
    display: inline-block;
    position: relative;
    margin: 30px 20px 30px 20px!important;
    left: 0px!important;
    overflow: visible!important;
    z-index: 0!important;
}
.page-orders.feature-design  .order_filter_select:before {
    display: block;
    position: absolute;
    content: '';
    height: 140px;
    width: 3000px;
    left: -1000px;
    top: 0px;
    background: #f5f5f5;
    z-index: -1;
}
.page-orders.feature-design .order_filter_by {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 15px;
}
.page-orders.feature-design .order-type-wrap {
    display: inline-block;
    position: relative;
    width: auto;
    margin-right: 20px;
}
.page-orders.feature-design .time-frame-wrap {
    display: inline-block;
    position: relative;
    width: auto;
}
.page-orders.feature-design #search_fields .order_filter_select select {
    margin-right: 0px;
    display: block;
    margin-left: 0px;
    margin-top: 10px;
    height: 30px;
}
.page-orders.feature-design #order_history_container .item_container #totalResults {
    display: block;
    position: absolute;
    margin: 0px;
    margin-bottom: 0px;
    width:auto;
    top: -67px;
    left: 375px;
    color: #616161;
}
.page-orders.feature-design #order_history_container .item_container .top.right {
    top: -70px;}


.page-orders.feature-design .item_container {
    overflow: visible;}
.page-orders.feature-design #order_history_container table td {
    text-align: left;
    font-size: 14px;}


.page-orders.feature-design #order_history_container table th {
    text-align: left;
    border-bottom: 2px solid #F6B112;
}
.page-orders.feature-design table.dataTable {
    margin: 10px;
}
.page-orders.feature-design #order_history_container tr:hover {
    background-color: #fafafa;
    border-bottom: 1px solid #e0e0e0;
}

.page-orders.feature-design #order_history_table_length #showAll, .page-orders.feature-design #order_history_table_length #show10{
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 26px;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 0px;
    bottom: 7px;
}

.page-orders.feature-design #order_history_table_length .active {
    color: #fff;
    background: #517C6C;
    text-decoration: none!important;
    font-weight: normal!important;
}
.page-orders.feature-design #order_history_container #view_order_details_button, .page-orders.feature-design #order_history_table p.order-ref-number {
    font-size: 14px;
}

.page-orders.feature-design #order_history_container #view_order_details_button:hover {
    text-decoration: underline;
}
.page-orders.feature-design #order_history_table p.order-ref-number{

}

.page-orders.feature-design .order-type-tooltip {
    left: 20px;
    padding: 15px;
    background: #424242;
}

.page-orders.feature-design .deliveryTypeImg {
    background-image: url(../images/cctruck.png);
    width: 20px;
    height: 20px!important;
    background-size: 20px 20px;
    margin: 10px 5px -5px 0;
}
.page-orders.feature-design .collectionTypeImg {
    background-image: url(../images/ccmouse.png);
    background-repeat: no-repeat;
    width: 18px!important;
    height: 18px!important;
    background-size: 18px 18px;
    margin: 10px 5px -3px 0;
    display: inline-block;
}
.page-orders.feature-design #order_history_container .paginate_button.current {
    background: #517C6C;
    border: 0px;
    color: white;
    left: 20px;
}
.page-orders.feature-design #order_history_container .paginate_button.previous.disabled, .page-orders.feature-design #order_history_container .paginate_button.next.disabled {
    border: 0px;
}
#removeSort:hover {
    text-decoration: underline;
}



/* 03/08/16 - PDP */


.page-productDetails.feature-design span.productPrice .price_value,
.page-productDetails.feature-design span.productPrice .includedVAT
{
    font-weight: normal!important;
}
.page-productDetails.feature-design span.price_UOM {
    font-weight: normal!important;
    line-height: 16px !important;
}
.page-productDetails.feature-design span.price_ex_vat {
    font-size: 12px!important;
}
.page-productDetails.feature-design h1.tpProductTitle {
    font-weight: normal;
    font-size: 18px!important;
}
.page-productDetails.feature-design .tpBasketWrapper {
    position: relative!important;
}

.page-productDetails.feature-design .tpBasketWrapper ~ .page-productDetails.feature-design .tpVariantsWrapper .clearfix{
    top: 103px;
}

.page-productDetails.feature-design a#stockCheckerButton {
    width: 280px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 4px;
    background: #eee;
    border: 1px solid #e0e0e0;
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.page-productDetails.feature-design a#stockCheckerButtonDisabled {
    width: 280px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 4px;
    background: #eee;
    border: 1px solid #e0e0e0;
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.page-productDetails.feature-design .tpQ_input {
    display: inline-block;
    position: relative;
    right: -35px;
    border-bottom: 0px!important;
    padding: 0px!important;
} .page-productDetails.feature-design .tpQ_button input, .page-productDetails.feature-design .ccButton input  {
      height: 50px;
      width: 280px!important;
      font-size: 14px!important;
      box-shadow:  0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
      border-radius:4px!important;
  }
.page-productDetails.feature-design .tpInfoWrapper {
    display: block;
    position: relative;
    width: auto;
    margin-left: auto;
}
.page-productDetails.feature-design span.productPrice {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.page-productDetails.feature-design input#qty {
    padding: 5px!important;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    height: 40px;
    width: 224px!important;
    border: 1px solid #e0e0e0;
}
.page-productDetails.feature-design .ui-spinner-buttons {
    left: -20px!important;
}
.page-productDetails.feature-design .tpQ_button #addToCartButton,.page-productDetails.feature-design .ccButton #addForCollectButton {
    margin: 30px auto 20px;
}
.page-productDetails.feature-design .prod_summary {
    margin-bottom: 20px!important;
}
/*
.page-productDetails.feature-design .yCmsContentSlot.product-additional-info {
    display: none;
}
*/
.page-productDetails.feature-design .tpAddToQuoteList.button {
    display: block;
    position: relative;
    margin-left: auto;
    width: 140px;
    padding: 0px !important;
}.page-productDetails.feature-design .tpAddToQuoteList.button a:hover {
     color: #0a4f38!important;
 }
.page-productDetails.feature-design .price-message {
    padding: 0px!important;
    display: block!important;
}
.page-productDetails.feature-design span.info-tooltip-icon{
    width: 16px;
    height: 16px;
    font-weight: normal;
    line-height: 16px;
    font-size: 11px;
}

.page-productDetails.feature-design .price_error_message_holder {
    margin-top: 20px!important;
}
.page-productDetails.feature-design .yCmsContentSlot.tpAddToQuote.button {
    padding: 0px;
    width: 300px;
    height: auto;
}
.page-productDetails.feature-design strong {
    font-weight: normal;
    font-size: 14px;
}
.page-productDetails.feature-design .price_info_holder {
    color: #616161;
}
.page-productDetails.feature-design span.price_UOM, .page-productDetails.feature-design span.price_ex_vat {
    font-size: 12px!important;
}
.page-productDetails.feature-design .tpProductInfo {
    padding: 20px 20px 20px 0px;
    width: 300px;
}
.page-productDetails.feature-design .tpInfoWrapper {
    padding: 0px!important;
    border: none!important;
}
.page-productDetails.feature-design .tpProductItem {
    font-style: normal!important;
    font-size: 14px!important;
    color: #616161!important;
}
.page-productDetails.feature-design .tpProductView {
    padding: 0 0px 30px 0px!important;
}
.page-productDetails.feature-design .tpProductView .span-14 {
    padding: 20px 20px 20px 0px!important;
}
.page-productDetails.feature-design #prod_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: none;
    border-bottom: 2px solid #f4b11a;
}
.page-productDetails.feature-design #prod_tabs.ui-tabs .ui-tabs-nav li {
    background: none;
}.page-productDetails.feature-design #prod_tabs.ui-tabs .ui-tabs-nav li a {
     color: #757575;
     font-size: 16px!important;
 }
.page-productDetails.feature-design #prod_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #212121;
    font-weight: normal!important;
}

.page-productDetails.feature-design #prod_tabs.ui-tabs .ui-tabs-panel {
    border: none;
}
.page-productDetails.feature-design .tpProductView .tpActionWrapper .tpQ_button input[type="submit"].btn-disabled {
    background-color: white!important;
    border: none;
    box-shadow: none!important;
    font-size: 14px!important;
    text-align: right!important;
    color: #616161;
    padding-right: 0px!important;
    background-position: 0px!important;
    margin-bottom: 0px!important;
    background-image: url(../images/cctruck.png)!important;
}

.page-productDetails.feature-design .tpProductView .tpActionWrapper .tpQ_button input[type="submit"].btn-disabled:hover {
    box-shadow: none!important;
}

.page-productDetails.feature-design form .change-postcode {
    display: block;
    position: relative;
    width: 170px;
    margin-left: auto;
    text-decoration: none;
    cursor: pointer;
    color: #0a4f38;

}
.page-productDetails.feature-design form .change-postcode:hover {
    text-decoration: underline;
}
.page-productDetails.feature-design form .change-postcode:before{
    content: '\f040';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    left: -18px;
    width: 16px;
    height: 16px;
    font-size: 14px;
}

.page-productDetails.feature-design input#addToCartButton:hover,
.page-productDetails.feature-design input#addForCollectButton:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    background-color: #f4a91f;
    transition: 0.2s all;
    border: none;
    color: black;
}
.page-productDetails.feature-design .tpQ_button #addToCartButton, .page-productDetails.feature-design input#addForCollectButton {
    border: none;
    background-color: #F6B112;
    width: 300px!important;
}
.page-productDetails.feature-design a#stockCheckerButton:hover {
    background: #efefef!important;
    transition: 0.2s all;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(0, 0, 0, 0.13)!important;
}
.page-productDetails.feature-design a#stockCheckerButtonDisabled:hover {
    background: #efefef!important;
    transition: 0.2s all;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(0, 0, 0, 0.13)!important;
}

.page-productDetails.feature-design .s7flyoutviewer .s7swatches .s7thumb[state="selected"] {
    border: 1px solid #f5a91e !important;
}
/*
.page-productDetails.feature-design div#s7ProductDetailsImage_swatches > div {
    position: relative!important;
    top: 0px!important;
    left: 0px!important;
    width: 92px!important;
}
*/
/*
.page-productDetails.feature-design .s7flyoutviewer .s7swatches .s7thumb {
    width: 80px!important;
    height: 80px!important;
}
*/
.page-productDetails.feature-design #addForCollectButtonDisabled {
    background-color: #eee;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #757575;
    font-weight: normal!important;
    outline: none;
    background-image: url(../images/cc);
    width: 300px!important;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown {
    width: 204px !important;
    height: 40px !important;
    background: none!important;
    border: 1px solid #e0e0e0;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper {
    margin-bottom: 20px;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown .dropdown-opener{
    background: none;
    height: 40px!important;
    line-height: 40px!important;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown ul li[data-selected="selected"]{
    border: 1px solid #e0e0e0!important;
}

.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown .dropdown-opener:after {
    top: 15px;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper label {
    margin-left: 24px;
}
.page-productDetails.feature-design .tpVariantsWrapper ~ .page-productDetails.feature-design .tpBasketWrapper {
    background: blue;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper.form_field_error {
    margin-top: 0px!important;
}

.page-productDetails.feature-design #addToCartForm input#addToCartButton.plp_add_to_cart_button_disabled {
    pointer-events: none;
}

.page-productDetails.feature-design .tpAddedBasket {
    width: 280px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #517C6C;
    margin-bottom: 20px;
    text-align: center;
    color: #0a4f38;
}

/* new */

.page-OrderDeliveryDetailsPage.feature-design #collectionOptions_continue {
    float: none!important;
    margin-left: auto;
    position: relative!important;
    right: 10px;
}

.page-OrderDeliveryDetailsPage.feature-design .delivery-details-left-block {
    display: inline-block;
    width: 480px!important;
    margin-right: 0px;
}

.template-pages-CheckoutPageTemplate.feature-design h3.consignment-header{
    margin-top: 0px!important;
}

.page-OrderPaymentPage.feature-design .tp_cardDetails_formBox {
    border: none;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.page-OrderPaymentPage.feature-design .tp_cardDetails_formBox:nth-child(2) {
    background: #fff;
    opacity: 0;
}
.page-OrderPaymentPage.feature-design .tp_orderContinued.returningCustomer {
    top: 0px;
}
.page-OrderDeliveryDetailsPage.feature-design .qty_label {
    color: #616161!important;
}
.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper label, .feature-design .tpProductView .tpActionWrapper .tpQ_input label {
    font-size: 14px!important;
    color: #616161;
}


.page-cartPage.feature-design .itm_img, .page-cartPage.feature-design .itm_info, .page-cartPage.feature-design .itm_optns, .page-cartPage.feature-design .itm_price, .page-cartPage.feature-design .itm_total, .page-cartPage.feature-design .itm_time {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    width: 130px;
}
.page-cartPage.feature-design .itm_img {
    display: flex;
    justify-content: center;
    height: 130px;
}
.page-cartPage.feature-design .itm_img a {
    display: inline-block;
    text-align: center;
}
#collectionBranchLocatorPopup span.stock-reservation-message {
    float: none;
    display: block;
    margin-top: 20px;
    top: 70px!important;
    border: 1px solid #528272;
    padding: 12px 15px;
    box-sizing: border-box;
    text-align: center;
}
#collectionBranchLocatorPopup .product-data {
    margin-bottom: 20px!important;
}
#collectionBranchLocatorPopup .invalid-postcode-message {
    margin-top: 20px;
}


/* Checkout step 3 */

.confirmation_head {
    background-color: white;
    border-bottom: 3px solid #0C4F38;
    margin: 30px 0px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13);
}

.delivery-wrap {
    background-color: white !important;
    padding: 20px!important;
    box-sizing: border-box;
    width: 872px!important;

}
.collection-wrap, .delivery-wrap, .credit_info_wrap {
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    width: 850px;
    margin: 30px auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 10px;
    position:relative;
}

.credit_info_wrap {
    background-color: white;
    width: 400px;
    margin-left: 0;
}

.credit_info_wrap .tp_OrderButton {
    width: 250px;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    background: #eeeeee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    display: block !important;
    float: none;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-weight: normal;

}

/* 27/07/16 - Checkout Step 3  */

.page-orderThankYouPage #collectionHeader, #deliveryHeader{
    position:absolute;
    top:-38px;
    left: -10px;
    text-decoration:none!important;
    color: #616161!important;
}

#payment_wrapp #content {
    overflow: visible!important;
}
.confirmation_head .yCmsContentSlot.tp_success_text .content p {
    color: #616161;
    font-size: 14px!important;
    padding: 0px!important;
    margin-bottom: 0px!important;
    line-height: 24px;
}

ul.tp_infoList {
    margin-bottom: 10px!important;
    line-height: 24px;
}

.yCmsContentSlot.tp_success_text {
    padding: 0px!important;
}

.collection-wrap, .delivery-wrap {
    margin-top: 55px;
}

#order_details .colum_wrapper {
    padding: 20px 10px;
}

#order_details #collectionEstimationTime {
    padding: 20px;
    width: 872px;
    height: auto;
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
    line-height: 30px;
    box-sizing: border-box;
}

#order_details .CO_collumLeft p:first-child, #order_details .CO_collumRight > p:first-child {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 10px;
}


.collection-wrap .colum_wrapper p {
    color: #616161;
    font-size: 14px!important;
    margin-bottom: 8px!important;

}.collection-wrap .colum_wrapper .headings {
     color: #212121;
 }
#order_details .collection-wrap .tp_collect_success {
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #616161;
}

.collection-wrap .CO_collumLeft,  .collection-wrap .CO_collumRight {
    padding-right: 0px!important;
}

.collection-wrap .CO_collumLeft {
    width: 60%!important;

}

.collection-wrap span.wk_day {
    width: 100px;
}

.collection-wrap span.wk_day, .opening_times {
    display: inline-block;
    position: relative;
}

.collection-wrap .address_wrap, .contact_wrap {
    display: inline-block;
    vertical-align: top;
    min-width: 180px;
}

#order_details .delivery-wrap .tp_delivery {
    font-size: 14px;
    padding: 0px;
    color: #616161;
}

#order_details .delivery-wrap .tp_infoList li {
    float: left;
    width: 175px;
}


#order_details .credit_info_wrap .tp_creditsNotes{padding:0px!important}
#order_details .credit_info_wrap  .tp_creditsNotes li.remain{border:none!important; width: auto; text-align: left!important; margin-bottom: 5px;}
#order_details .credit_info_wrap  .tp_creditsNotes li.remain div{color:black; width:auto!important}

.credit_info_wrap .remain .valueAlign {
    font-size: 36px!important;
    margin-top: 10px;
    color: #517C6C!important;
    margin-bottom: 0px!important;
}
#order_details .credit_info_wrap .tp_creditsNotes li.limit {
    padding: 20px 15px 0px 0px;
    min-height: 28px;
    vertical-align: bottom;
    position: relative;
    bottom: -24px;
    /* right: 20px; */
    color:#616161;
}
.credit_info_wrap .limit > div {
    display: inline-block;
    padding-left: 5px;
}

.page-orderThankYouPage a#orderDetailsButton:hover{background: #f4b11a none repeat scroll 0 0;
    border: none;}
.page-orderThankYouPage a#orderDetailsButton {
    height: 50px;
    line-height: 50px;
    font-weight: normal;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: #f4b11a none repeat scroll 0 0;
    border: none;
    border-radius: 4px;
}
.page-orderThankYouPage .order_success_wrapper .orderSuccess_buttons {
    padding: 0px 0px 30px 0;
}

div#collectionHeader:before, div#deliveryHeader:before {
    content: '';
    width: 20px;
    position: relative;
    display: inline-block;
    height: 20px;
    left: -10px;
    top: 3px;
    background-size: contain!important;
}

.page-orderThankYouPage #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num.passed:before {
    content: '\f00c';
    display: block;
    position: absolute;
    font-family: fontawesome;
    color: #0C4F38;
    top: 1px;
    left: 4px;
    font-size: 23px;
}

.basket_items #addForCollectButton.addToCollectionOnQuoteList,
.basket_items #addForCollectButton.addToCollectionOnQuoteListDisabled{
    padding: 15px 0 15px 0;
    margin-bottom: 0px;
    width: 100%;
}

.basket_items #addToCartButton.add_to_cart_button{
    margin: 0px;
    width: 100%;
}

.orderDeliveryAddress {
    height: 18px;
}


/*C&C PLP*/

.page-search.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder span ,
.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder span ,
.pageType-CategoryPage.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder span{
    font-weight: normal!important;
    font-family: Helvetica, Arial, sans-serif;
}
.page-search.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder ,
.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder ,
.pageType-CategoryPage.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder{
    position: absolute;
    right: -230px;
    top: 12px;
    font-weight: normal!important;
    font-family: Helvetica, Arial, sans-serif;
}
.page-search.feature-design .list_view #products .row .prod .prod_info h4 .product_code
.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info h4 .product_code {
    display: inline-block;
}

.page-QuotePage .tpQlpProductPanelComponent .tpQ_button input,
.page-QuotePage .tpQlpProductPanelComponent .ccButton input {
    background-color: #eee!important;
    border-radius: 4px!important;
    border: 1px solid #e0e0e0!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: box-shadow 0.2s;
    font-weight: normal!important;
    margin: 0!important;
}

.page-QuotePage .tpQlpProductPanelComponent .tpQ_button input:hover,
.page-QuotePage .tpQlpProductPanelComponent .ccButton input:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:box-shadow 0.2s;
}
.page-QuotePage .tpQlpProductPanelComponent .tpQ_button #addToCartButton,
.page-QuotePage .tpQlpProductPanelComponent .ccButton #addForCollectButton {
    width: 250px!important;
    background-size: 20px!important;
    background-position: 10px!important;
}
.page-search.feature-design .list_view #products .row .prod .prod_info h4 .product_code > span ,
.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info h4 .product_code > span ,
.pageType-CategoryPage.feature-design .list_view #products .row .prod .prod_info h4 .product_code > span{
    font-weight: normal!important;
    font-size: 14px;
    color: #757575;
    font-family: Helvetica, Arial, sans-serif;
}
.page-search .tpActionWrapper,
.pageType-CategoryPage .tpActionWrapper{
    display: none;
}

.page-search .feature-design .list_view #products .prod .variant_select,
.pageType-CategoryPage .feature-design .list_view #products .prod .variant_select{
    z-index:99;
}
.page-search .feature-design .list_view #products .prod .tpPlpProductPanelComponent .plp_add_to_cart_form .tpQ_input label,
.page-spotLightPage .feature-design .list_view #products .prod .tpPlpProductPanelComponent .plp_add_to_cart_form .tpQ_input label,
.pageType-CategoryPage .feature-design .list_view #products .prod .tpPlpProductPanelComponent .plp_add_to_cart_form .tpQ_input label{
    font-size: 14px!important;
}
.page-search p.not-available-cc,
.page-spotLightPage p.not-available-cc,
.pageType-CategoryPage p.not-available-cc{
    font-size: 14px;
    width: 250px;
    height: 39px;
    display: block;
}
.page-search p.not-available-cc:before,
.page-spotLightPage p.not-available-cc:before,
.pageType-CategoryPage p.not-available-cc:before{
    content: '';
    background-image: url('../images/CC_delivery.png');
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px;
    opacity: 0.4;
    background-repeat: no-repeat;
    padding-right: 10px;
    margin-left: 20px;
}
.page-search .price_error_message_holder .price-message p,
.page-spotLightPage.feature-design .price_error_message_holder .price-message p,
.pageType-CategoryPage.feature-design .price_error_message_holder .price-message p{
    width: 160px;
    font-size: 14px;
    margin: 0;
    text-align: left;
    line-height: 16px;
}
.page-search p.not-available-cc > span,
.page-spotLightPage p.not-available-cc > span,
.pageType-CategoryPage p.not-available-cc > span {
    width: 200px;
    display: inline-block;
}

.page-search.feature-design .list_view #products .dropdown ,
.page-spotLightPage.feature-design .list_view #products .dropdown ,
.pageType-CategoryPage.feature-design .list_view #products .dropdown {
    height: 43px!important;
    line-height: 43px!important;
}
.page-search.feature-design .list_view #products .dropdown .dropdown-opener ,
.page-spotLightPage.feature-design .list_view #products .dropdown .dropdown-opener ,
.pageType-CategoryPage.feature-design .list_view #products .dropdown .dropdown-opener {
    height: 43px!important;
    line-height: 43px!important;
}
.page-productDetails input#addForCollectButton,
.page-productDetails #addToCartButton{
    background-position: 10px;
}
.page-search .list_view .yCmsComponent.productPriceMessage,
.page-spotLightPage .list_view .yCmsComponent.productPriceMessage,
.pageType-CategoryPage .list_view .yCmsComponent.productPriceMessage {
    position: absolute;
    right: 0px;
    top: 0px;
}
.page-search .list_view .loggedOutToolTipOnProductPage,
.page-spotLightPage .list_view .loggedOutToolTipOnProductPage,
.pageType-CategoryPage .list_view .loggedOutToolTipOnProductPage {
    position: absolute;
    right: -230px;
    top: 60px;
}

.page-QuotePage .tpQlpProductPanelComponent #addForCollectButton,
.page-productDetails input#addForCollectButton,
.page-search input#addForCollectButton,
.page-spotLightPage input#addForCollectButton,
.pageType-CategoryPage input#addForCollectButton,
.list_view .plp_add_to_cart_form input#addForCollectButtonDisabled {
    background-image:url(../images/cc_mouse_black.png)!important;
}
.page-QuotePage .tpQlpProductPanelComponent #addToCartButton,
.page-productDetails #addToCartButton,
.page-search #addToCartButton,
.page-spotLightPage #addToCartButton,
.pageType-CategoryPage #addToCartButton{
    background-image:url(../images/cc_truck_black.png)!important;
}

.grid_view .plp_add_to_cart_form{display:none;}

.grid_view .prod .prod_info h4 .product_code span{
    font-weight: normal!important;
    font-size: 14px!important;
    color: #757575;
    font-family: Helvetica, Arial, sans-serif;
}
input#addToCartButton[value^="Not"] {
    padding-left: 40px;
    min-width: 260px;
    right: -10px;
    top: 0px;
    box-shadow: none;
    background-color: transparent;
    border: none;
}
p.not-available-cc:before {
    opacity: 0.2!important;
}

.grid_view .product_price_holder .price_value{
    color: #000000;
    font-size: 18px!important;

}
.grid_view .product_price_holder{
    margin:10px 0px;
}
.grid_view .product_price_holder .price_from,
.grid_view .product_price_holder .price_info_holder > span{
    font-size: 14px!important;
    color: #757575;
}

.grid_view .product_price_holder .price_from,
.grid_view .product_price_holder .price_value,
.grid_view .product_price_holder .price_info_holder{
    display:inline-block;
}

.feature-design .list_view #products .prod .tpPlpProductPanelComponent .plp_add_to_cart_form .tpQ_input tpQ_Text {
    line-height: 42px;
}
.page-productDetails .availability-info{display:none!important;}


/* 22/08/16 PLP fixes */

.page-search.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder,
.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder,
.page-productGrid.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder {
    top: 0px!important;
    right: 0px!important;
    display: inline-block;
}
.bundle {
    margin: 10px 0;
}
.bundle p strong {
    font-size: 12px;
}
.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder {
    text-align: right;
}
.page-search.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder span,
.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder span,
.page-productGrid.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder span {
    display: inline-block!important;
    position: relative;
    text-align: right;
}

.page-search.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder .price_info_holder,
.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder .price_info_holder,
.page-productGrid.feature-design .list_view #products .row .prod .prod_info h4 .product_price_holder .price_info_holder {
    display: block!important;
}
.feature-design.feature-can-collect.Guest-Checkout .list_view #products .row .prod .prod_info h4 .product_price_holder .promotion_message {
    float: right;
    width: 365px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 16px;
    margin-top: 0;
}

.page-search.feature-design .list_view #products .row .prod,
.page-spotLightPage.feature-design .list_view #products .row .prod,
.page-productGrid.feature-design .list_view #products .row .prod{
    padding: 15px 10px 15px 0px;
    margin: 0px;
    min-height: 175px!important;

}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .tpQ_button,
.page-QuotePage.feature-design .tpQlpProductPanelComponent .ccButton {
    bottom: -55px;
}

.feature-design.page-search .list_view #products .row .prod,
.feature-design.page-spotLightPage .list_view #products .row .prod,
.feature-design.page-search .list_view #products .row .prod:hover,
.feature-design.page-spotLightPage .list_view #products .row .prod:hover,
.page-productGrid.feature-design .list_view #products .row .prod,
.page-productGrid.feature-design .list_view #products .row .prod:hover{
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0;
}

.page-search.feature-design .yCmsComponent.logInForTradePricesLink a,
.page-spotLightPage.feature-design .yCmsComponent.logInForTradePricesLink a,
.page-productGrid.feature-design .yCmsComponent.logInForTradePricesLink a {
    margin-top: 10px;
    color: #054731;
    display: inline-block;
}

.page-search.feature-design .yCmsComponent.logInForTradePricesLink a:hover,
.page-spotLightPage.feature-design .yCmsComponent.logInForTradePricesLink a:hover,
.page-productGrid.feature-design .yCmsComponent.logInForTradePricesLink a:hover {
    text-decoration: underline;
}

.list_view .plp-diverted-message {
    margin-bottom: 15px;
    background-color: #f5f5f5;
    text-align: center;
}

.list_view .plp-diverted-message-text {
    background: url("../images/delivery/diverted_message_icon.png") 0 center no-repeat;
    background-size: 30px;
    display: inline-block;
    padding: 15px 15px 15px 40px;
}

.page-search.feature-design .list_view #products .dropdown,
.page-spotLightPage.feature-design .list_view #products .dropdown,
.page-productGrid.feature-design .list_view #products .dropdown{
    height: 40px!important;
    line-height: 40px!important;
    border: 1px solid #e0e0e0;
    padding: 0px 0px 0px 5px;
}
.page-search.feature-design .list_view #products .dropdown .dropdown-opener,
.page-spotLightPage.feature-design .list_view #products .dropdown .dropdown-opener,
.page-productGrid.feature-design .list_view #products .dropdown .dropdown-opener {
    height: 40px!important;
    line-height: 40px!important;
}

.page-search.feature-design .list_view #products .dropdown .dropdown-opener:before,
.page-spotLightPage.feature-design .list_view #products .dropdown .dropdown-opener:before,
.page-productGrid.feature-design .list_view #products .dropdown .dropdown-opener:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    top: 0px;
    color: #616161;
}

.page-productGrid.feature-design .variant_select.form_field_error,
.page-search.feature-design .variant_select.form_field_error,
.page-spotLightPage.feature-design .variant_select.form_field_error {
    width: auto;
    margin: 0px;
    float: none;
    padding: 0px;
    border: none;
    background: none;
}

.page-productGrid.feature-design .variant_select.form_field_error .dropdown,
.page-search.feature-design .variant_select.form_field_error .dropdown,
.page-spotLightPage.feature-design .variant_select.form_field_error .dropdown {
    border-bottom: 1px solid #ea5d59!important;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent #addToCartButton[value^="Not"] {
    padding-left: 0px!important;
    text-align: right!important;
    min-width: 265px!important;
    right: 0px!important;
    color: #616161!important;
    background-image: url(../images/cctruck.png)!important;
}
.page-QuotePage.feature-design .tpQlpProductPanelComponent #addToCartButton[value^="Not"]:focus,
.page-productGrid.feature-design #addToCartButton[value^="Not"]:focus,
.page-search.feature-design #addToCartButton[value^="Not"]:focus,
.page-spotLightPage.feature-design #addToCartButton[value^="Not"]:focus {
    outline: none;
}
.page-QuotePage.feature-design .tpQlpProductPanelComponent #addForCollectButtonDisabled[value^="Not"] {
    padding-left: 0px!important;
    text-align: center!important;
    min-width: 265px!important;
    right: 0px!important;
    color: #616161!important;
    background-image: url(../images/ccmouse.png)!important;
    background-size: 18px;
    box-shadow: none!important;
    background-color: transparent!important;
    border: none!important;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .change-postcode {
    color: #0a4f38;
    text-decoration: none!important;
    font-size: 13px;
    cursor: pointer;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .change-postcode:hover,
.page-search.feature-design .change-postcode:hover,
.page-spotLightPage.feature-design .change-postcode:hover,
.page-productGrid.feature-design .change-postcode:hover {
    text-decoration: underline!important;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .change-postcode:before,
.page-search.feature-design .change-postcode:before,
.page-spotLightPage.feature-design .change-postcode:before,
.page-productGrid.feature-design .change-postcode:before {
    content: '\f040';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
}
.page-search.feature-design .grid_view #products .row .prod,
.page-spotLightPage.feature-design .grid_view #products .row .prod,
.page-productGrid.feature-design .grid_view #products .row .prod {
    padding: 13px;
    box-sizing: border-box;
}

/* login button - TP3 Fix */

.page-search.feature-design .list_view .prod .loginToViewPrice,
.page-search.feature-design .grid_view .prod .loginToViewPrice,
.page-spotLightPage.feature-design .list_view .prod .loginToViewPrice,
.page-spotLightPage.feature-design .grid_view .prod .loginToViewPrice,
.page-productGrid.feature-design .list_view .prod .loginToViewPrice,
.page-productGrid.feature-design .grid_view .prod .loginToViewPrice {

    background: none!important;
    border: none!important;
    font-size: 14px!important;
    text-align: right!important;
    color: #0a4f38!important;
    line-height: 14px!important;
    left: -10px!important;
    margin-top: 15px!important;
    cursor: pointer;
    z-index: 2;
}
.page-search.feature-design .grid_view .prod .loginToViewPrice,
.page-spotLightPage.feature-design .grid_view .prod .loginToViewPrice,
.page-productGrid.feature-design .grid_view .prod .loginToViewPrice {
    text-align: center!important;
    left: 0px!important;
    margin: 0px!important;
    cursor: pointer;
    z-index: 2;
}
.page-productGrid.feature-design .list_view .prod .loginToViewPrice:hover,
.page-productGrid.feature-design #products .row .prod .productPriceMessage .loginToViewPrice:hover,
.page-search.feature-design .list_view .prod .loginToViewPrice:hover,
.page-search.feature-design #products .row .prod .productPriceMessage .loginToViewPrice:hover,
.page-spotLightPage.feature-design .list_view .prod .loginToViewPrice:hover,
.page-spotLightPage.feature-design #products .row .prod .productPriceMessage .loginToViewPrice:hover {
    text-decoration: underline!important;
}


.page-search.feature-design .list_view .loggedOutToolTipOnProductPage,
.page-spotLightPage.feature-design .list_view .loggedOutToolTipOnProductPage,
.page-productGrid.feature-design .list_view .loggedOutToolTipOnProductPage,
.page-productGrid.feature-design .list_view .loggedOutToolTipOnProductPage {
    right: -258px!important;
    top: 37px!important;
    z-index: 5;
}

.page-productGrid.feature-design #products .row .prod .productPriceMessage .loginToViewPrice,
.page-search.feature-design #products .row .prod .productPriceMessage .loginToViewPrice,
.page-spotLightPage.feature-design #products .row .prod .productPriceMessage .loginToViewPrice {
    width: 185px;
}

/* login button - TP3 Fix */

/* PLP Facets */

.page-search.feature-design .title_holder h2,
.page-spotLightPage.feature-design .title_holder h2,
.page-productGrid.feature-design .title_holder h2 {
    font-size: 14px!important;
    font-weight: normal!important;
    color: #616161!important;
}


.page-search.feature-design .collatedresult,
.page-spotLightPage.feature-design .collatedresult,
.page-productGrid.feature-design .collatedresult {
    margin: 0px;
}

.page-productGrid.feature-design #facetWrapper > h3,
.page-spotLightPage.feature-design #facetWrapper > h3,
.page-search.feature-design #facetWrapper > h3 {
    font-weight: normal;
    font-size: 16px;
    height: 30px;
    border-bottom: 1px solid #f6b112;
    margin: 0px;
    padding: 0px;
}

.page-search.feature-design #facets_filters .category,
.page-spotLightPage.feature-design #facets_filters .category,
.page-productGrid.feature-design #facets_filters .category {
    background: transparent;
    border-bottom: 1px solid #f6b112;
    margin-top: 10px;
}

.page-productGrid.feature-design #facets_filters .category .refinementToggle,
.page-spotLightPage.feature-design #facets_filters .category .refinementToggle,
.page-search.feature-design #facets_filters .category .refinementToggle {
    font-weight: normal;
    font-size: 16px;
}

#facets_filters .collapsableArrow .dropdown {
    width: 24px;
    height: 24px;
    background: url(../images/navigations/plus_minus.png) no-repeat 0px -24px;
    margin-top: 0px;
}

.page-search.feature-design .termtext > form > .control:hover span,
.page-spotLightPage.feature-design .termtext > form > .control:hover span,
.page-productGrid.feature-design .termtext > form > .control:hover span {
    font-weight: normal;
    text-decoration: underline;
}

.page-search.feature-design #facets_filters .topFacetValues .more a,
.page-search.feature-design #facets_filters .allFacetValues .more a,
.page-spotLightPage.feature-design #facets_filters .allFacetValues .more a,
.page-productGrid.feature-design #facets_filters .topFacetValues .more a,
.page-productGrid.feature-design#facets_filters .allFacetValues .more a {
    background-color: transparent;
    background: none;
    border: none;
    color: #0a4f38;
}

.page-productGrid.feature-design #facets_filters .topFacetValues .more a:hover,
.page-spotLightPage.feature-design #facets_filters .topFacetValues .more a:hover,
.page-search.feature-design #facets_filters .allFacetValues .more a:hover {
    text-decoration: underline;
}


.page-search.feature-design #facets_filters #selected_facet_options .title_holder h2,
.page-spotLightPage.feature-design #facets_filters #selected_facet_options .title_holder h2,
.page-productGrid.feature-design #facets_filters #selected_facet_options .title_holder h2 {
    margin: 0px;
    margin-bottom: 10px;
}

.page-search.feature-design #selected_facet_options .facet_block li,
.page-spotLightPage.feature-design #selected_facet_options .facet_block li,
.page-productGrid.feature-design #selected_facet_options .facet_block li {
    border: 1px solid #e0e0e0;
    background: #eee;
    margin: 5px 5px 5px 0px;
    padding: 5px 10px;;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    transition: all 0.2s;
}
.page-search.feature-design #selected_facet_options .facet_block li:hover,
.page-spotLightPage.feature-design #selected_facet_options .facet_block li:hover,
.page-productGrid.feature-design #selected_facet_options .facet_block li:hover {
    background: #efefef;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.13)!important;
    transition: all 0.2s;
}

.page-search.feature-design #selected_facet_options .facet_block li a,
.page-spotLightPage.feature-design #selected_facet_options .facet_block li a,
.page-productGrid.feature-design #selected_facet_options .facet_block li a {
    padding: 0px;
    margin-right: 5px;
    color: #212121;
}
.page-search.feature-design #selected_facet_options .facet_block li a:hover,
.page-spotLightPage.feature-design #selected_facet_options .facet_block li a:hover,
.page-productGrid.feature-design #selected_facet_options .facet_block li a:hover {
    text-decoration: none;
}

.page-search.feature-design #selected_facet_options .facet_block,
.page-spotLightPage.feature-design #selected_facet_options .facet_block,
.page-productGrid.feature-design #selected_facet_options .facet_block {
    margin-bottom: 20px;
}

/* showing results  */

.page-search.feature-design .left.perpage_list li,
.page-spotLightPage.feature-design .left.perpage_list li,
.page-productGrid.feature-design .left.perpage_list li {
    float: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0px;
    font-weight: normal;
    vertical-align: top;
}
.page-productGrid.feature-design .left.perpage_list li.active,
.page-spotLightPage.feature-design .left.perpage_list li.active,
.page-search.feature-design .left.perpage_list li.active {
    background: #517C6C;
}
.page-search.feature-design .left.perpage_list li.active a,
.page-spotLightPage.feature-design .left.perpage_list li.active a,
.page-productGrid.feature-design .left.perpage_list li.active a {
    color: white;
}
.page-search.feature-design .left.perpage_list li a,
.page-spotLightPage.feature-design .left.perpage_list li a,
.page-productGrid.feature-design .left.perpage_list li a {
    color: #616161;
}



/* grid/list view */

.page-search.feature-design .view_mode_buttons span,
.page-spotLightPage.feature-design .view_mode_buttons span,
.page-productGrid.feature-design .view_mode_buttons span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
}

.page-search.feature-design .list_view .view_mode_buttons .list_button:before,
.page-search.feature-design .grid_view .view_mode_buttons .grid_button:before,
.page-spotLightPage.feature-design .list_view .view_mode_buttons .list_button:before,
.page-spotLightPage.feature-design .grid_view .view_mode_buttons .grid_button:before,
.page-productGrid.feature-design .list_view .view_mode_buttons .list_button:before,
.page-productGrid.feature-design .grid_view .view_mode_buttons .grid_button:before {
    width: 30px;
    height: 30px;
    color: white;
    font-size: 18px;
    background: #517c6c;
    top: 0px;
}

.page-search.feature-design .view_mode_buttons,
.page-spotLightPage.feature-design .view_mode_buttons,
.page-productGrid.feature-design .view_mode_buttons {
    top: 0px;
}

.page-search.feature-design .list_view .view_mode_buttons .grid_button:before,
.page-search.feature-design .grid_view .view_mode_buttons .list_button:before,
.page-spotLightPage.feature-design .list_view .view_mode_buttons .grid_button:before,
.page-spotLightPage.feature-design .grid_view .view_mode_buttons .list_button:before,
.page-productGrid.feature-design .list_view .view_mode_buttons .grid_button:before,
.page-productGrid.feature-design .grid_view .view_mode_buttons .list_button:before{
    width: 30px;
    height: 30px;
    color: #616161;
    font-size: 18px;
    top: 0px;
}

.page-search.feature-design .prod_nav_top.prod_search_result_pagination .view_mode_buttons.left,
.page-spotLightPage.feature-design .prod_nav_top.prod_search_result_pagination .view_mode_buttons.left,
.page-productGrid.feature-design .prod_nav_top.prod_search_result_pagination .view_mode_buttons.left {
    /*float: none!important;*/
    width: 64px;
    margin-left: 8px;
    margin-top: 2px;
}

.page-search.feature-design .prod_nav_top,
.page-spotLightPage.feature-design .prod_nav_top,
.page-productGrid.feature-design .prod_nav_top {
    margin: 25px 10px 15px 0px;
}
.page-search.feature-design .prod_nav_bottom .tp_branchList_pagination,
.page-spotLightPage.feature-design .prod_nav_bottom .tp_branchList_pagination,
.page-productGrid.feature-design .prod_nav_bottom .tp_branchList_pagination {
    padding: 0;
    margin: 0px;
    float: none;
    width: 305px;
    margin-left: auto;
}


/* PLP pagination */

.page-search.feature-design .prod_nav_bottom .tp_branchList_pagination ul li,
.page-spotLightPage.feature-design .prod_nav_bottom .tp_branchList_pagination ul li,
.page-productGrid.feature-design .prod_nav_bottom .tp_branchList_pagination ul li {
    top: 0px;
    float: none;
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.page-search.feature-design .tp_branchList_pagination ul li.active,
.page-spotLightPage.feature-design .tp_branchList_pagination ul li.active,
.page-productGrid.feature-design .tp_branchList_pagination ul li.active {
    border: none;
    background-color: #517c6c;
}
.page-search.feature-design .prod_nav_bottom .tp_branchList_pagination ul li a,
.page-spotLightPage.feature-design .prod_nav_bottom .tp_branchList_pagination ul li a,
.page-productGrid.feature-design .prod_nav_bottom .tp_branchList_pagination ul li a {
    color: #616161;
    text-decoration: none;
}

.page-search.feature-design .tp_branchList_pagination ul li.active a,
.page-spotLightPage.feature-design .tp_branchList_pagination ul li.active a,
.page-productGrid.feature-design .tp_branchList_pagination ul li.active a {
    color: white
}
.page-search.feature-design .price_error_message_holder .info-tooltip-icon,
.page-spotLightPage.feature-design .price_error_message_holder .info-tooltip-icon,
.page-productGrid.feature-design .price_error_message_holder .info-tooltip-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.page-search.feature-design .price_error_message_holder .info-tooltip,
.page-spotLightPage.feature-design .price_error_message_holder .info-tooltip,
.page-productGrid.feature-design .price_error_message_holder .info-tooltip {
    vertical-align: top;
}

.page-search.feature-design .price_error_message_holder .price-message p,
.page-spotLightPage.feature-design .price_error_message_holder .price-message p,
.page-productGrid.feature-design .price_error_message_holder .price-message p {
    color: #616161;
}

/* C&C Quote List 11/08/16 */

.page-QuotePage.feature-can-collect .basket_headings {
    border-bottom: 2px solid #f6b112!important;
}

.page-QuotePage.feature-can-collect .basket_headings h3.itm {
    margin-left: 10px!important;
}
.basket_headings h3 {
    height: 30px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_img {
    margin-left: 10px!important;
}
.page-QuotePage.feature-can-collect .baskt_items_wrap .baskt_item {
    padding: 20px 0px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_optns input[type="text"] {
    width: 70px;
    height: 30px;
    padding: 0px 7px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    color: #616161;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_optns a.itm_update, .page-QuotePage.feature-can-collect .baskt_item .itm_optns a.itm_remove {
    color: #616161;
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    margin-left: 36px !important;
}
.page-QuotePage.feature-can-collect .feature-design .basket_ctas > .checkoutButton a {
    background: blue;
}
.page-QuotePage.feature-can-collect .basket_ctas > .checkoutButton a {
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.page-QuotePage.feature-can-collect .basket_ctas > .checkoutButton a:hover {
    transition: 0.2s all;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;}
.page-QuotePage.feature-can-collect .basket .quote-heading h2.cnt_mn_heading span {
    font-weight: normal;
}
.page-QuotePage.feature-can-collect .basket .quote-links {
    text-align: left;
    margin-left: 15px;
}

.page-QuotePage.feature-can-collect .header-and-link, .page-QuotePage.feature-can-collect .header-and-link, .basket_ctas {
    display: inline-block;
}
.page-QuotePage.feature-can-collect h2.cnt_mn_heading {
    margin-bottom: 10px!important;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_info h3 a:hover {
    text-decoration: none;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_info .item_code {
    font-size: 14px;
    color: #616161;
}
.page-QuotePage.feature-can-collect .basket_headings h3.itm {
    margin-left: 37px;
    width: 621px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_info {
    margin: 0 10px;
    width: 510px;
}
.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive {
    display: inline-block;
    width: 220px;

}
.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive div input {
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    width: 220px!important;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    transition: 0.2s all;
    border-radius: 4px!important;
}
.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive div input:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: 0.2s all;
}

.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive {
    margin-right: 20px;
    vertical-align: top;
}
.page-QuotePage.feature-can-collect .itm_optns .qty_label {
    opacity: 0;
}
.page-QuotePage.feature-can-collect .basket_headings h3.prc {
    text-align: left;
    margin-left: 40px;
    width: auto;
}
.page-QuotePage.feature-can-collect .itm_price p {
    font-weight: normal!important;
}
.page-QuotePage.feature-can-collect .basket_ctas .add-more-button a {
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    width: 220px!important;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    transition: 0.2s all;
    border-radius: 4px!important;
    color: black!important;
    font-weight: normal!important;
    font-size: 14px!important;
}
.page-QuotePage.feature-can-collect .basket_ctas .add-more-button a:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: 0.2s all;
}
.page-QuotePage.feature-can-collect .quote-heading .basket_ctas {
    overflow: visible;
}
.page-QuotePage.feature-can-collect #addForCollectButtonDisabled:before {
    content: '';
    background-image: url(../images/ccmouse.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-size: 22px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_price span, .page-QuotePage.feature-can-collect .baskt_item .itm_total span {
    text-align: left;
    width: 60px;
    margin-left: 50px;
}
.page-QuotePage.feature-can-collect .page-QuotePage .basket_headings {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px;
    margin: 40px 15px 0px 0px !important;
    width: 97%;
}

/*------PDP TP3 Fixes------*/

.page-productDetails.feature-design input#addToCartButton, .page-productDetails.feature-design input#addForCollectButton {
    font-weight: normal;
    outline: none;
}

.page-productDetails.feature-design .cmsimage {
    opacity: 0;
}
.page-productDetails.feature-design div#tab-techspecs tr:hover {
    border-bottom: 1px solid #e0e0e0;
    background: white;
}
.page-productDetails.feature-design div#tab-overview li {
    line-height: 20px;
}
.page-productDetails.feature-design a#stockCheckerButton {
    width: 298px;
    margin: 10px 0 20px;
}
.page-productDetails.feature-design a#stockCheckerButtonDisabled {
    width: 298px;
    margin: 10px 0 20px;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo .tpVariantsWrapper .dropdown .dropdown-opener:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #232323;
    top: 14px;
    right: 10px;
}
.page-productDetails.feature-design input#addToCartButton.btn-disabled {
    background-image: url(../images/cctruck.png)!important;
    background-size: 25px;
    background-position-x: 10px!important;
    background-color: #eee;
    color: #757575;
}

.page-productDetails.feature-design input#addToCartButton.not-available-for-delivery-message {
    box-shadow: none!important;
    width: 100%!important;
    padding-left: 0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
}

.page-productDetails.feature-design input#addToCartButton.not-available-for-delivery-message:hover{
    cursor: default;
}

.page-productDetails.feature-design form .change-postcode {
    margin-bottom: 10px;
}
.page-productDetails.feature-design #addForCollectButtonDisabled {
    background-image: url(../images/ccmouse.png)!important;
    background-position: 10px;
    background-size: 25px;
}

.page-productDetails.feature-design input#addToQuoteList {
    background: #f4b11a;
    border: 1px solid #f4a91f;
    font-size: 16px;
    padding: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-weight: normal;
    transition: 0.2s all;

}

.page-productDetails.feature-design input#addToQuoteList:hover{
    transition: 0.2s all;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
}
.page-productDetails.feature-design .branch_name_holder p, .page-productDetails.feature-design .branch_name_holder .branch_text {
    font-weight: normal!important;
    margin-top: 10px;
    font-size: 15px;
}
.page-productDetails.feature-design .stock_msg p {
    font-size: 14px!important;
}
.page-productDetails.feature-design .tpAddedBasket {
    width: 280px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #517C6C;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    color: #0a4f38;
    line-height: 28px;
    height: 50px;
    border-radius: 4px;
}

.page-productDetails.feature-design div#add_to_quote_message {
    background: white!important;
    color: #0a4f38!important;
    border: 1px solid #517C6C!important;
    border-radius: 4px!important;
    height: 50px!important;
    line-height: 50px!important;
    font-size: 14px!important;
}
.page-productDetails.feature-design div#add_to_quote_message:before {
    content:''!important;
}

.page-QuotePage.feature-can-collect .basket_headings h3.itm {
    margin-left: 10px!important;
}
.basket_headings h3 {
    height: 30px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_img {
    margin-left: 10px!important;
}
.page-QuotePage.feature-can-collect .baskt_items_wrap .baskt_item {
    padding: 20px 0px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_optns input[type="text"] {
    width: 70px;
    height: 30px;
    padding: 0px 7px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    color: #616161;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_optns a.itm_update, .page-QuotePage.feature-can-collect .baskt_item .itm_optns a.itm_remove {
    color: #616161;
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    margin-left: 36px !important;
}
.page-QuotePage.feature-can-collect .feature-design .basket_ctas > .checkoutButton a {
    background: blue;
}
.page-QuotePage.feature-can-collect .basket_ctas > .checkoutButton a {
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.page-QuotePage.feature-can-collect .basket_ctas > .checkoutButton a:hover {
    transition: 0.2s all;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;}
.page-QuotePage.feature-can-collect .basket .quote-heading h2.cnt_mn_heading span {
    font-weight: normal;
}
.page-QuotePage.feature-can-collect .basket .quote-links {
    text-align: left;
    margin-left: 15px;
}

.page-QuotePage.feature-can-collect .header-and-link, .page-QuotePage.feature-can-collect .header-and-link, .basket_ctas {
    display: inline-block;
}
.page-QuotePage.feature-can-collect h2.cnt_mn_heading {
    margin-bottom: 10px!important;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_info h3 a:hover {
    text-decoration: none;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_info .item_code {
    font-size: 14px;
    color: #616161;
}
.page-QuotePage.feature-can-collect .basket_headings h3.itm {
    margin-left: 37px;
    width: 621px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_info {
    width: 500px;
}
.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive {
    display: inline-block;
    width: 220px;

}
.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive div input {
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    width: 220px!important;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    transition: 0.2s all;
    border-radius: 4px!important;
}
.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive div input:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: 0.2s all;
}

.page-QuotePage.feature-can-collect .yCmsContentSlot.add_to_cart_button.positive {
    margin-right: 20px;
    vertical-align: top;
}
.page-QuotePage.feature-can-collect .ccButton:before {
    content: '';
    background-image: url(../images/CC_icon.png);
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-size: 20px;
}
.page-QuotePage.feature-can-collect .tpQ_button:before {
    content: '';
    background-image: url(../images/CC_delivery.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-size: 22px;
}
.page-QuotePage.feature-can-collect .itm_optns .qty_label {
    opacity: 0;
}
.page-QuotePage.feature-can-collect .basket_headings h3.prc {
    text-align: left;
    margin-left: 40px;
    width: auto;
}
.page-QuotePage.feature-can-collect .itm_price p {
    font-weight: normal!important;
}
.page-QuotePage.feature-can-collect .basket_ctas .add-more-button a {
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    width: 220px!important;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    transition: 0.2s all;
    border-radius: 4px!important;
    color: black!important;
    font-weight: normal!important;
    font-size: 14px!important;
}
.page-QuotePage.feature-can-collect .basket_ctas .add-more-button a:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: 0.2s all;
}
.page-QuotePage.feature-can-collect .quote-heading .basket_ctas {
    overflow: visible;
}
.page-QuotePage.feature-can-collect #addForCollectButtonDisabled:before {
    content: '';
    background-image: url(../images/ccmouse.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-size: 22px;
}
.page-QuotePage.feature-can-collect .baskt_item .itm_price span, .page-QuotePage.feature-can-collect .baskt_item .itm_total span {
    text-align: left;
    width: 60px;
    margin-left: 50px;
}
.page-QuotePage.feature-can-collect .page-QuotePage .basket_headings {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px;
    margin: 40px 15px 0px 0px !important;
    width: 97%;
}

/* C&C Quote List 11/08/16 */

.page-QuotePage.feature-design .basket_headings {
    border-bottom: 2px solid #f6b112!important;
}
.page-QuotePage.feature-design .basket_headings h3.itm {
    margin-left: 10px!important;
}
.page-QuotePage.feature-design .basket_headings h3 {
    height: 30px;
}
.page-QuotePage.feature-design .baskt_item .itm_img {
    margin-left: 10px!important;
}
.page-QuotePage.feature-design .baskt_items_wrap .baskt_item {
    padding: 20px 0px;
}
.page-QuotePage.feature-design .baskt_items_wrap .baskt_item .itm_img img {
    width: 96px;
}
.page-QuotePage.feature-design .baskt_item .itm_optns input[type="text"] {
    width: 70px;
    height: 30px;
    padding: 0px 7px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    color: #616161;
}
.page-QuotePage.feature-design .baskt_item .itm_optns a.itm_update,
.page-QuotePage.feature-design .baskt_item .itm_optns a.itm_remove {
    color: #616161;
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    margin-left: 36px !important;
}
.page-QuotePage.feature-design .basket_ctas > .checkoutButton a {
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s all;
}
.page-QuotePage.feature-design .basket_ctas > .checkoutButton a:hover {
    transition: 0.2s all;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
}
.page-QuotePage.feature-design .basket .quote-heading h2.cnt_mn_heading span {
    font-weight: normal;
}
.page-QuotePage.feature-design .basket .quote-links {
    text-align: left;
    margin-left: 15px;
}
.page-QuotePage.feature-design .header-and-link,
.page-QuotePage.feature-design .header-and-link,
.basket_ctas {
    display: inline-block;
}
.page-QuotePage.feature-design h2.cnt_mn_heading {
    margin-bottom: 10px!important;
}
.page-QuotePage.feature-design .baskt_item .itm_info h3 a:hover {
    text-decoration: none;
}
.page-QuotePage.feature-design .baskt_item .itm_info .item_code {
    font-size: 14px;
    color: #616161;
}
.page-QuotePage.feature-design .basket_headings h3.itm {
    margin-left: 37px;
    width: 633px;
}
.page-QuotePage.feature-design .baskt_item .itm_info {
    margin: 0 10px;
    width: 510px;
}
.page-QuotePage.feature-design .baskt_item .itm_info .moqErrorMsg,
.page-QuotePage.feature-design .baskt_item .itm_info .noStockErrorMsg {
    text-align: right;
    color: #d9262a;
}
.page-QuotePage.feature-design .yCmsContentSlot.add_to_cart_button.positive {
    display: inline-block;
    width: 220px;
}
.page-QuotePage.feature-design .yCmsContentSlot.add_to_cart_button.positive div input {
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    width: 220px!important;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    transition: 0.2s all;
    border-radius: 4px!important;
}
.page-QuotePage.feature-design .yCmsContentSlot.add_to_cart_button.positive div input:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: 0.2s all;
}
.page-QuotePage.feature-design .yCmsContentSlot.add_to_cart_button.positive {
    margin-right: 20px;
    vertical-align: top;
}
.page-QuotePage.feature-design .ccButton:before {
    content: '';
    background-image: url(../images/CC_icon.png);
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-size: 20px;
}
.page-QuotePage.feature-design .tpQ_button:before {
    content: '';
    background-image: url(../images/CC_delivery.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-size: 22px;
}
.page-QuotePage.feature-design .itm_optns .qty_label {
    opacity: 0;
}
.page-QuotePage.feature-design .basket_headings h3.prc {
    text-align: left;
    margin-left: 40px;
    width: auto;
}
.page-QuotePage.feature-design .itm_price p {
    font-weight: normal!important;
}
.page-QuotePage.feature-design .basket_ctas .add-more-button a {
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    width: 220px!important;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    transition: 0.2s all;
    border-radius: 4px!important;
    color: black!important;
    font-weight: normal!important;
    font-size: 14px!important;
}
.page-QuotePage.feature-design .basket_ctas .add-more-button a:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: 0.2s all;
}
.page-QuotePage.feature-design .quote-heading .basket_ctas {
    overflow: visible;
}
.page-QuotePage.feature-design #addForCollectButtonDisabled:before {
    content: '';
    background-image: url(../images/ccmouse.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    top: 20px;
    background-size: 22px;
}
.page-QuotePage.feature-design .baskt_item .itm_price span,
.page-QuotePage.feature-design .baskt_item .itm_total span {
    text-align: left;
    width: 60px;
    margin-left: 50px;
}
.page-QuotePage.feature-design .page-QuotePage .basket_headings {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px;
    margin: 40px 15px 0px 0px !important;
    width: 97%;
}


/* Lightbox fixes */

#collectionBranchLocatorPopup .view-type-buttons a.active {
    background-color: transparent;
    color: #212121;
    border-bottom: 2px solid #f6b112;
}

#collectionBranchLocatorPopup .view-type-buttons a {
    color: #616161;
}

/* Checkout Step 1, 2 & 3 - TP3 & C&C */

.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    padding: 16px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .title {
    height: auto;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .title {
    height: auto;
    font-size: 18px;
    padding: 0px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .find-btn {
    cursor: pointer;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block,
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block,
.feature-design .delivery-info-wrap .combine_delivery_blocks .split_combine_order {
    left: 10px!important;
}

.customer-mandatory-fields-block {
    background: white;
    width: 440px;
    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;
    padding: 20px!important;
    overflow: hidden;
    border-top: none;
}
.delivery-info-wrap .customer-mandatory-fields-block {
    left: 10px;
}
.collectionOptions-wrap .customer-mandatory-fields-block .content {
    padding: 0px!important;
}
.customer-mandatory-fields-block .customer-mandatory-fields-title {
    font-weight: normal!important;
    color: #212121;
    margin-bottom: 10px!important;
}
.customer-mandatory-fields-block .customer-mandatory-fields-text {
    width: 400px!important;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #616161;
    margin: 0 0 15px 0;
}
.customer-mandatory-fields-block .customer-mandatory-fields-text strong {
    font-weight: normal;
}
.customer-mandatory-fields-inputs .input-wrap {
    position: relative;
    margin-bottom: 20px;
}
.customer-mandatory-fields-inputs .label {
    display: inline-block;
    width: 117px;
    font: 13px 'Arial Bold', 'Arial';
    text-align: right;
    margin-right: 15px;
}
.customer-mandatory-fields-inputs .input-wrap label {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #616161;
}
.customer-mandatory-fields-inputs .input {
    display: inline-block;
}
.customer-mandatory-fields-inputs .input input {
    margin: 0;
    height: 30px;
    width: 242px;
    border: 1px solid #e0e0e0;
    outline: none;
    font-size: 14px;
    padding-left: 4px;
    box-sizing: border-box;
}
.customer-mandatory-fields-button-wrap {
    display: inline-block;
    padding: 0px;
    float: right;
}
.customer-mandatory-fields-button {
    display: inline-block;
    height: 30px;
    width: 123px;
    border-radius: 5px;
    border: 1px solid #e0e0e0!important;
    background: #eee!important;
    color: #212121!important;
    font-weight: normal;
    font-size: 14px;
    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;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 0px;
}
.customer-mandatory-fields-button:hover {
    background: #efefef!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.17)!important;
    transition: 0.2s all;
}

.credit_info_wrap .limit > div {
    display: inline-block;
    padding-right: 5px;
    width: auto;
}
.page-orderThankYouPage.feature-design .delivery-wrap {
    padding: 0px!important;
}
.page-orderThankYouPage.feature-design ul.tp_infoList li div {
    font-size: 14px;
}
.page-orderThankYouPage.feature-design .credit_info_wrap .tp_success_text p {
    font-size: 16px!important;
}
.page-orderThankYouPage.feature-design .credit_info_wrap {
    padding: 20px;
}
.page-orderThankYouPage.feature-design ul.tp_creditsNotes .remain > div {
    font-size: 14px;
    margin-top: 20px;
}
.page-orderThankYouPage.feature-design ul.tp_creditsNotes .limit .valueAlign {
    padding: 0px;
}
.page-orderThankYouPage.feature-design ul.tp_creditsNotes .limit {
    padding: 0px;
    margin-top: 5px;
}
.page-orderThankYouPage.feature-design a#accountDashboardButton {
    margin: 25px 0px 0px 0px;
}
.page-orderThankYouPage.feature-design .delivery-wrap .tp_infoList {
    margin-bottom: 0px!important;
}
.page-orderThankYouPage.feature-design .order_success_wrapper > .delivery-wrap {
    margin-top: 0px!important;
}
.page-orderThankYouPage.feature-design .page-orderThankYouPage #collectionHeader,
.page-orderThankYouPage.feature-design .page-orderThankYouPage #deliveryHeader {
    position: relative;
    top: 0px;
    left: 0px;
}
.page-orderThankYouPage.feature-design ul.tp_creditsNotes li {
    display: inline-block;
}
.page-orderThankYouPage.feature-design .credit_info_wrap .remain .valueAlign {
    width: auto;
    margin-right: 5px;
    margin-top: 10px;
}
.page-orderThankYouPage.feature-design #deliveryHeader {
    background: url(../images/cctruck.png);
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 0px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 24px;
}
.page-orderThankYouPage.feature-design #collectionHeader {
    background: url(../images/ccmouse.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 4px;
    padding: 0px;
    padding-left: 20px;
    font-size: 24px;
}
.page-orderThankYouPage.feature-design .delivery-wrap {
    background: none!important;
    border: none;
    box-shadow: none;
}
.page-orderThankYouPage.feature-design .delivery-wrap ul.tp_infoList {
    background-color: white;
    border: 1px solid #e5e5e5;
    width: 850px;
    margin: 30px auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 15px 20px;
    position: relative;
}
.page-orderThankYouPage.feature-design a#orderDetailsButton:hover {
    transition: 0.2s all;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
}
.page-orderThankYouPage.feature-design a#orderDetailsButton {
    transition: 0.2s all;
}
.page-orderThankYouPage.feature-design a#accountDashboardButton:hover {
    transition: 0.2s all;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
}
.page-orderThankYouPage.feature-design a#accountDashboardButton {
    transition: 0.2s all;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    padding: 0px;
}
.page-OrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .content {
    background-color: white;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px;
    width: 100%;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    background: none;
    border: none;
    box-shadow: none;
}
.page-OrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .content {
    background-color: white;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px;
    width: 380px;
    left: 10px;
    position: relative;
}
.page-OrderDeliveryDetailsPage.feature-design .deliveryDetailsContainer form#orderDeliveryAddressForm > .title {
    background: #fff!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 3px solid #F6B112!important;
    margin-bottom: 20px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: -10px!important;
    position: relative;
    height: 60px;
    padding: 18px;
}
.page-OrderDeliveryDetailsPage.feature-design .deliveryDetailsContainer.active-title form#orderDeliveryAddressForm > .title {
    background: #fff!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 3px solid #F6B112!important;
    margin-bottom: 20px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: -10px!important;
    position: relative;
    height: 60px;
    padding: 18px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input-wrap label {
    font-size: 14px;
    font-weight: normal;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input input,
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap #selectedAddress {
    width: 242px;
    border: 1px solid #e0e0e0;
    outline: none;
    font-size: 14px;
    height: 30px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .find-btn {
    cursor: pointer;
    width: 123px;
    height: 30px;
    transition: 0.2s all;
    padding: 0px;
    display: inline-block;
}
.page-OrderDeliveryDetailsPage.feature-design #deliveryDetailsContainer #orderDeliveryAddressForm #contact-postcode {
    width: 100px;
    display: inline-block;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .address-form .input-wrap:first-child {
    display: inline-block;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .label {
    margin-right: 15px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .find-btn:hover {
    background: #efefef!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.17)!important;
    transition: 0.2s;
    transition: 0.2s all;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input-wrap {
    margin-bottom: 20px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .address-form {
    padding-top: 5px;
}
.page-OrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .content p.text-block {
    padding: 10px 0 0 3px;
    color: #616161;
    font-size: 14px;
    line-height: 18px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .text-block,
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .questions-form {
    padding-left: 0px;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .questions-form {
    padding: 25px 0 0 6px;
}
.page-OrderDeliveryDetailsPage.feature-design .questions-form .question-wrap span {
    width: 271px;
    display: inline-block;
    font-size: 14px;
    color: #616161;
    line-height: 18px;
}
.page-OrderDeliveryDetailsPage.feature-design .questions-form .question-wrap span.form-error {
    color: #ff0000;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap label {
    color: #616161;
}
.page-OrderDeliveryDetailsPage.feature-design button.form-btn.btn-submit,
#deliveryDetailsContainer .form-btn {
    margin-left: -4px;
}
.page-OrderDeliveryDetailsPage.feature-design .find-btn-wrap {
    padding: 0px!important;
    display: inline-block;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input input {
    padding-left: 4px;
    box-sizing: border-box;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .email_error_message span {
    position: relative;
    color: red;
    top: 10px;
    font-size: 13px;
    left: 0px;
}
.page-OrderDeliveryDetailsPage.feature-design div#email_error_message p {
    text-align: right;
}
.page-OrderDeliveryDetailsPage.feature-design .active-title .title {
    position: relative;
    left: 00px!important;
}
.page-OrderDeliveryDetailsPage.feature-design .delivery-details-wrap .question-area .description {
    color: #616161;
    width: 370px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
}
.page-OrderPaymentPage.feature-design .application-form form .label-and-input.input-error input {
    border: 1px solid #e0e0e0!important;
    border-bottom: 2px solid #ea5d59!important;
}
.page-OrderPaymentPage.feature-design div#email_error_message {
    width: 398px;
}
.page-OrderPaymentPage.feature-design div#email_error_message p {
    text-align: right;
}
.page-OrderPaymentPage.feature-design #billingForm #email_error_message p {
    padding: 10px 0 0 135px;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .delivery {
    position: absolute;
    right: 25px;
    bottom: 27px;
    color: #616161;
}
.template-pages-CheckoutPageTemplate #cart .delivery-time {
    float: none!important;
    margin-bottom: 10px;
    position: absolute;
    right: 10px;
    bottom: 2px;
}
.template-pages-CheckoutPageTemplate.feature-design #cart .total_price_wrapper {
    margin-bottom: 10px;
}
/*Basket Page TP3 & C&C*/
.page-cartPage.feature-design .baskt_items_wrap form:first-child .baskt_item {
    border-top: none!important;
}

/* lightbox fixes */

#collectionBranchLocatorPopup .collection-branch-item .operation {
    margin-left: 27px;
    margin-top: 1px;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .branch-details {
    width: 100%;
    margin: 0px;
    position: absolute;
    left: 10px;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .message {
    display: inline-block;
    position: relative;
    width: 45%;
    margin: 40px 0px 20px;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .stock {
    display: inline-block;
    position: relative;
    width: 45%;
    margin: 40px 0px 20px;
    left: 20px;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .stock-message {
    width: 100%;
    text-align: left;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .image, #collectionBranchLocatorPopup #mapView .collection-branch-item .stock-message .message {
    float: none!important;
    display: inline-block;
    position: relative;
    margin: 0px;
}

#collectionBranchLocatorPopup #mapView span.ready-message:before {
    top: 10px;
}

#collectionBranchLocatorPopup #mapView span.insufficient-stock-message:before {
    top: 8px;
}

#collectionBranchLocatorPopup span.threshold-warning-message:before {
    content: '\f071';
    font-family: fontawesome;
    display: inline-block;
    position: absolute;
    left: -27px;
    top: 8px;
    color: #EA5D59;
    font-size: 19px;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .message span {
    line-height: 0px;
}

#collectionBranchLocatorPopup #mapView .collection-branch-item .operation {
    float: none;
    display: block;
    position: relative;
    margin: 0px;
}

#collectionBranchLocatorPopup #mapView .branch-details-holder {
    margin-top: 0px;
}

#collectionBranchLocatorPopup span.stock-reservation-message:before {
    content: 'i';
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 17px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding-left: 1px;
    background: #616161;
    border-radius: 50%;
    color: white;
    text-align: center;
}
/* Certona banner */

.feature-design .tpBestSellers,
.feature-design .tpRecommendations,
.feature-design .tpSimilarProducts {
    border: none;
    overflow: visible;
    margin: 20px 0px;
    height: 288px;
}

.feature-design .tpBestSellers:before,
.feature-design .tpRecommendations:before,
.feature-design .tpSimilarProducts:before {
    content: '';
    display: block;
    position: absolute;
    width: 3000px;
    height: 288px;
    left: -1000px;
    background: #f5f5f5;
    z-index: -1;
}

.feature-design .tpBestSellers .bx-wrapper,
.feature-design .tpRecommendations .bx-wrapper,
.feature-design .tpSimilarProducts .bx-wrapper {
    max-width: 755px!important;
}

.feature-design .tpBestSellers .buttonBxSlider li,
.feature-design .tpRecommendations .buttonBxSlider li,
.feature-design .tpSimilarProducts .buttonBxSlider li {
    width: 130px;
    background: white;
    padding: 5px;
    top: 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)!important;
    transition: all 0.2s;
}

.feature-design .tpBestSellers .buttonBxSlider li:hover,
.feature-design .tpRecommendations .buttonBxSlider li:hover,
.feature-design .tpSimilarProducts .buttonBxSlider li:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 2px solid #f6b112;
    width: 140px!important;
    padding: 10px!important;
    top: 5px;
    transition: all 0.2s;

}

.feature-design .tpBestSellers .buttonBxSlider li img,
.feature-design .tpRecommendations .buttonBxSlider li img,
.feature-design .tpSimilarProducts .buttonBxSlider li img {
    width: 120px;
    border: none;
    transition: all 0.2s;
}

.feature-design .tpBestSellers .buttonBxSlider .component_text,
.feature-design .tpRecommendations .buttonBxSlider .component_text,
.feature-design .tpSimilarProducts .buttonBxSlider .component_text {
    width: 100%;
    margin-top: 4px;
}


.feature-design .tpBestSellers .buttonBxSlider .component_text .component_title,
.feature-design .tpRecommendations .buttonBxSlider .component_text .component_title,
.feature-design .tpSimilarProducts .buttonBxSlider .component_text .component_title {
    height: 40px;
    line-height: 20px;
    font-weight: normal;
    text-overflow: clip;
    text-align: left;
    white-space: normal;
    color: #616161;
}

.feature-design .tpBestSellers .buttonBxSlider .component_text .productPrice .price_value,
.feature-design .tpRecommendations .buttonBxSlider .component_text .productPrice .price_value,
.feature-design .tpSimilarProducts .buttonBxSlider .component_text .productPrice .price_value {
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    text-overflow: clip;
    text-align: left;
    white-space: normal;
    color: #616161;
}


.feature-design .tpBestSellers .buttonBxSlider li:hover .component_title,
.feature-design .tpRecommendations .buttonBxSlider li:hover .component_title,
.feature-design .tpSimilarProducts .buttonBxSlider li:hover .component_title,
.feature-design .tpBestSellers .buttonBxSlider li:hover .price_value,
.feature-design .tpRecommendations .buttonBxSlider li:hover .price_value,
.feature-design .tpSimilarProducts .buttonBxSlider li:hover .price_value {
    color: #0a4f38!important;
    text-decoration: underline;
}

.feature-design .tpBestSellers .bx-viewport,
.feature-design .tpRecommendations .bx-viewport,
.feature-design .tpSimilarProducts .bx-viewport {
    height: 230px!important;
}

.feature-design .tpBestSellers .component_header,
.feature-design .tpRecommendations .component_header,
.feature-design .tpSimilarProducts .component_header {
    background: transparent;
    padding: 10px 0px 0px;
}

.feature-design .tpBestSellers .component_header h3,
.feature-design .tpRecommendations .component_header h3,
.feature-design .tpSimilarProducts .component_header h3 {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    color: #212121;
}

.feature-design .tpBestSellers .bxslider-controls,
.feature-design .tpRecommendations .bxslider-controls,
.feature-design .tpSimilarProducts .bxslider-controls {
    margin-top: 68px;
}

.tpBestSellers .bxslider-controls a,
.tpRecommendations .bxslider-controls a,
.tpSimilarProducts .bxslider-controls a{
    width: 48px;
    height: 48px;
}

.tpBestSellers .bxslider-controls .pull-right,
.tpRecommendations .bxslider-controls .pull-right,
.tpSimilarProducts .bxslider-controls .pull-right {
    background: url(../images/certona_arrows.png) no-repeat -48px -48px;
}

.tpBestSellers .bxslider-controls .pull-right:hover,
.tpRecommendations .bxslider-controls .pull-right:hover,
.tpSimilarProducts .bxslider-controls .pull-right:hover {
    background-position: -48px 0;
}

.tpBestSellers .bxslider-controls .pull-left,
.tpRecommendations .bxslider-controls .pull-left,
.tpSimilarProducts .bxslider-controls .pull-left {
    background: url(../images/certona_arrows.png) no-repeat 0 -48px;
}

/* PLP Ellipsis Grid view fix */

/* 10/08/16 - Order Details */

/*.page-orderDetails.feature-design .top.rounded.backToOrdersButton {
    display: block;
    position: relative;
    background: white!important;
    border-radius: 0px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    color: #054731!important;

}
.page-orderDetails.feature-design .top.rounded.backToOrdersButton:before {
    content: '\f104';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    height: 20px;
    margin-right: 5px;
}*/

.page-orderDetails.feature-design #orderHeadInformation {
    padding: 0px!important;
    background: transparent;
    box-shadow: none;
}

.page-orderDetails.feature-design #orderHeadInformation.collapsed {
    height: 65px!important;
}
.page-orderDetails.feature-design #orderRefSection h3:first-child {
    margin-left: 0px;
}.page-orderDetails.feature-design #orderRefSection h3 {
     font-size: 24px;
     padding: 0px}
.page-orderDetails.feature-design #orderHeadInformation .orderDate_holder {
    margin: 15px 0 10px 10px;
}
.page-orderDetails.feature-design #orderHeadInformation p {
    width: 92px;
    padding: 0px;
    margin: 0px;
}
.page-orderDetails.feature-design #orderRefSection {
    float: none!important;
    display: inline-block;
    position: relative;
    margin: 0px;
}
.page-orderDetails.feature-design #orderHeadInformation .orderDate_holder {
    float: none!important;
    margin: 7px 0px 0px 10px;
    display: inline-block;
    position: relative;
}
.page-orderDetails.feature-design #orderHeadInformation .orderInfoTotalTitle_holder {
    display: inline-block;
    position: relative;
    float: right!important;
    margin: 7px 0px 0px 0px;
    line-height: 14px;
}
.page-orderDetails.feature-design .orderInfoTotalTitle {
    display: inline-block;
    position: relative;
}
.page-orderDetails.feature-design #orderHeadInformation .orderHeadInformation_wrapper {
    margin-top: 10px;
}
.page-orderDetails.feature-design #orderHeadInformation .orderHeadInformation_wrapper .view-more-btn {
    left: -15px;
    top: 0px;
    float: none!important;
    padding: 0px;
    width: 150px;
    margin-left: auto;
    color: #0a4f38;
}

.page-orderDetails.feature-design #orderHeadInformation .orderHeadInformation_wrapper .view-more-btn:hover {
    text-decoration: underline;
}

.page-orderDetails.feature-design #orderHeadInformation .orderHeadInformation_wrapper .view-more-btn:before {
    top: 3px;
}


.page-orderDetails.feature-design #orderHeadInformation #orderInfoTotal, #orderInfoTotal .valueAlign{
    width:auto;
    font-size: 24px!important;
    color: #212121;
}

.page-orderDetails.feature-design .orderInfoTotal_holder #orderInfoTotal .valueAlign {
    font-size: 14px!important;
    color: #616161!important;
}

.page-orderDetails.feature-design #orderHeadInformation .orderInfoTotal_holder {
    display: block;
    padding: 15px;
    box-sizing: border-box;
    line-height: 24px;
    background: #fafafa;
}

.page-orderDetails.feature-design #orderHeadInformation .orderInfoTotal_holder .tableLine_holder p{
    display: block;
    width: 200px;
}
.page-orderDetails.feature-design #orderHeadInformation {
    width: 100% !important;
}
.page-orderDetails.feature-design #orderDetails #paymentDetailsBox.leftSide {
    display: inline-block;
    width: 350px;
    max-width: 350px;
    position: relative;
    background: transparent!important;
    box-shadow: none;
    border: none!important;
}
.page-orderDetails.feature-design #orderDetails #paymentDetailsBox .heading {
    display: block;
    position: relative;
    background: none!important;
    border-bottom: none!important;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    color: #212121;
}
.page-orderDetails.feature-design #orderDetails #paymentDetailsBox .heading:before {
    content: 'i';
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background: #616161;
    color: white;
    border-radius: 50%;
    text-align: center;
    top: 0;
    left: 0;
    margin-right: 10px;
    line-height: 18px;
    font-size: 12px;
}


.page-orderDetails.feature-design #paymentDetailsBox:before{
    display: none;
}

.page-orderDetails.feature-design #orderDetails #paymentDetailsBox .content {
    background: transparent;
    padding: 0px 10px;
}
.feature-design.page-orderDetails #orderDetails #paymentDetailsBox .content p {
    font-size: 14px;
    color: #616161;
}
.page-orderDetails.feature-design .fulfillingBranchInfo_wrapper {
    width: 360px;
    max-width: 360px;
    padding-left: 0px;
    background: #f5f5f5;
    margin-left: auto;
    padding: 20px;
}
.page-orderDetails.feature-design #fulfillingBranchInfo .branchInfoImage {
    display: none;}

.page-orderDetails.feature-design #fulfillingBranchInfo .hederInfo {
    position: relative;
    margin: 0px;
    font-size: 16px;
    color: #212121;
    line-height: 20px;
    margin-bottom: 10px;

}
.page-orderDetails.feature-design #fulfillingBranchInfo td.grey {
    background: transparent!important;
    padding: 0px;
    border: none;
}
.page-orderDetails.feature-design #fulfillingBranchInfo {
    background: transparent;
    box-shadow: none;
    border: none;
}

.page-orderDetails.feature-design #fulfillingBranchInfo tr {
    background-color: transparent;
    border: none;
}
.page-orderDetails.feature-design #fulfillingBranchInfo td.white {
    background: transparent!important;
    padding: 0px!important;
}
.page-orderDetails.feature-design #fulfillingBranchInfo .lineInfo {
    margin: 0px;
}
.page-orderDetails.feature-design #fulfillingBranchInfo .lineInfo .name {
    display: block!important;
    font-weight: normal;
    color: #616161;
}

.page-orderDetails.feature-design #fulfillingBranchInfo .lineInfo .name .value, .page-orderDetails.feature-design #fulfillingBranchInfo #branchTelephone {
    color: #054731;
    margin-top: 5px;
    font-size: 16px;

}

.page-orderDetails.feature-design .orderInfoTotalTitle {
    margin-right: 10px;
}

.page-orderDetails.feature-design #orderDetailsTable {
    background: transparent;
    box-shadow: none;
    border: 1px solid #e0e0e0;
}

.page-orderDetails.feature-design #orderDetailsTable .orderTableHeader #orderStatus {
    position: relative;
    display: inline-block;
    float: none;
    padding-left: 0px;
    font-weight: normal !important;
    font-size: 18px;
    color: #212121;
}
.page-orderDetails.feature-design #orderDetailsTable .orderTableHeader #orderStatus span {
    font-size: 14px;
    color: #616161;
}
.page-orderDetails.feature-design #orderDetailsTable .orderTableHeader {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 46px;
    padding-top: 10px;
    padding: 10px!important;
    box-sizing: border-box;
    border-bottom: 2px solid #f6b112;
}
.page-orderDetails.feature-design .orderDeliveryAddress {
    float: none;
    width: 100%;
    margin-left: 10px;
    padding: 10px 0px;
    color: #616161;
}


#orderDetailsTable.collapsed .view-more-btn, #orderDetailsTable.expanded .view-more-btn.opened {
    display: inline-block;
}

.feature-design.page-orderDetails #orderDetailsTable .view-more-btn, .feature-design.page-orderDetails #orderDetailsTable .view-less-btn {
    position: absolute;
    float: none;
    width: 80px;
    text-align: left;
    cursor: pointer;
    margin-right: 0px;
    padding: 0px!important;
    top: 10px;
    right: 30px;
    left: initial!important;
    font-size: 14px;
    color: #0a4f38;
}
.feature-design.page-orderDetails #orderDetailsTable .view-more-btn:hover, .feature-design.page-orderDetails #orderDetailsTable .view-less-btn:hover {
    text-decoration: underline;
}

.feature-design.page-orderDetails #orderDetailsTable .view-more-btn.opened:before {
    content: '\f106';
    display: block;
    position: absolute;
    font-family: fontawesome;
    left: 72px;
    font-size: 22px;
}
.feature-design.page-orderDetails #orderDetailsTable .view-more-btn:before {
    content: '\f107';
    display: block;
    position: absolute;
    font-family: fontawesome;
    left: 72px;
    font-size: 22px;
}

.feature-design.page-orderDetails #orderDetailsTable.collapsed {
    height: 68px!important;
}

.page-orderDetails.feature-design .orderDeliveryAddress b{
    font-weight: normal!important;
    color: #0a4f38;
}
.page-orderDetails.feature-design #orderDetailsTable #titles {
    height: 40px;
    line-height: 40px;
    background-color: #fff!important;
    padding-bottom: 0px;
    border-bottom: 1px solid #e0e0e0;
}

.feature-design.page-orderDetails #titles div{
    color: #616161;
    display: inline-block!important;
    float: none!important;
    padding: 0px 20px!important;
    box-sizing: border-box;
}

.page-orderDetails.feature-design #titles #productHeader{
    width: 440px;
}
.page-orderDetails.feature-design #titles #qtyHeader{
    width: 80px;
}
.page-orderDetails.feature-design #titles #itemSubtotalHeader{
    width: 180px;
}.page-orderDetails.feature-design #titles .status{
     width: 236px;
 }

.feature-design.page-orderDetails .orderInfo .productImage img {
    width: 70px;
}

.feature-design.page-orderDetails .productItem {
    padding: 10px 20px;
    background: transparent;
    color: #616161;
    border-bottom: 1px solid #e0e0e0;
}

.page-orderDetails.feature-design .orderInfo, .page-orderDetails.feature-design .productQty, .page-orderDetails.feature-design .productTotal, .page-orderDetails.feature-design .ticketStatus {
    float: none!important;
    display: inline-block!important;
    position: relative!important;
}

.page-orderDetails.feature-design #orderDetailsTable .productItem .orderInfo {
    padding: 0px!important;
    width: 430px!important;
    margin-right: 10px;
    vertical-align: top;
    line-height: 20px;

}

.page-orderDetails.feature-design .productDescription {
    display: inline-block;
    position: relative;
}

.page-orderDetails.feature-design #orderDetailsTable .productItem .productTotal{
    padding: 0px;
    width: 170px;
    margin-right: 10px;
    vertical-align: top;
    line-height: 20px;
}

.page-orderDetails.feature-design #orderDetailsTable .productItem .productTotal .savings{
    color: #D41B2D;
}

.feature-design.page-orderDetails .productDescription a{
    max-width: 340px;
}

.feature-design.page-orderDetails #orderDetailsTable .productItem .productQty {
    padding: 0px!important;
    width: 70px!important;
    margin-right: 10px;
    vertical-align: top;
    line-height: 20px;
}

.page-orderDetails.feature-design #orderDetailsTable .productItem .ticketStatus {
    padding: 0px;
    text-align: left;
    width: 196px;
    line-height: 20px;
    vertical-align: top;
}
.page-orderDetails.feature-design .not_yet_collected .orderTableHeader #orderStatus:before, .page-orderDetails.feature-design .collected .orderTableHeader #orderStatus:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background: url('../images/ccmouse.png');
    background-size: 20px;
    background-repeat: no-repeat;

}

.feature-design.page-orderDetails .not_yet_delivered .orderTableHeader #orderStatus:before, .feature-design.page-orderDetails .delivered_tickets .orderTableHeader #orderStatus:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: url('../images/cctruck.png');
    background-size: 22px;
    background-repeat: no-repeat;

}

.feature-design.page-orderDetails .cancelled .orderTableHeader #orderStatus:before{
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: url('../images/order-cancel.png');
    background-size: 22px;
    background-repeat: no-repeat;

}
.page-orderDetails.feature-design .not_yet_collected .orderTableHeader #orderStatus:after, .page-orderDetails.feature-design .collected .orderTableHeader #orderStatus:after, .feature-design.page-orderDetails .not_yet_delivered .orderTableHeader #orderStatus:after, .feature-design.page-orderDetails .delivered_tickets .orderTableHeader #orderStatus:after, .page-orderDetails.feature-design .cancelled .orderTableHeader #orderStatus:after {
    display: none;
}


.feature-design.page-orderDetails #orderDetailsTable.collapsed.withOrderDeliveryAddress {
    height: 100px !important;
}

.feature-design.page-orderDetails .bottom.rounded.backToOrdersButton {
    background: #F6B112 !important;
    height: 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.feature-design.page-orderDetails .bottom.rounded.backToOrdersButton:hover {
    background: #f4a91f !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    text-decoration: none;
    transition: box-shadow 0.2s, background 0.2s;
}

.page-orderDetails.feature-design #orderDetailsTable .productItem .ticketStatus .dateWording .content, .page-orderDetails.feature-design #orderDetailsTable .productItem .ticketStatus .content, .page-orderDetails.feature-design #orderDetailsTable .productItem .ticketStatus strong {
    font-weight: normal;
    float: none;
    clear: both;
    color: #212121;
}
.page-orderDetails.feature-design .info-tooltip {
    display: none!important;
}

/* 10/08/16 - Order Details */

/*.feature-can-collect.Guest-Checkout.page-orderDetails .top.rounded.backToOrdersButton {
    display: block;
    position: relative;
    background: white!important;
    border-radius: 0px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    color: #054731!important;

}
.feature-can-collect.Guest-Checkout.page-orderDetails .top.rounded.backToOrdersButton:before {
    content: '\f104';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    height: 20px;
    margin-right: 5px;
}*/

.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation {
    padding: 0px!important;
    background: transparent;
    box-shadow: none;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation.collapsed {
    height: 65px!important;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderRefSection h3:first-child {
    margin-left: 0px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderRefSection h3 {
    font-size: 24px;
    padding: 0px
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderDate_holder {
    margin: 15px 0 10px 10px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation p {
    width: 92px;
    padding: 0px;
    margin: 0px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderRefSection {
    float: none!important;
    display: inline-block;
    position: relative;
    margin: 0px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderDate_holder {
    float: none!important;
    margin: 7px 0px 0px 10px;
    display: inline-block;
    position: relative;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderInfoTotalTitle_holder {
    display: inline-block;
    position: relative;
    float: right!important;
    margin: 7px 0px 0px 0px;
    line-height: 14px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails .orderInfoTotalTitle {
    display: inline-block;
    position: relative;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderHeadInformation_wrapper {
    margin-top: 10px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderHeadInformation_wrapper .view-more-btn {
    left: -15px;
    top: 0px;
    float: none!important;
    padding: 0px;
    width: 150px;
    margin-left: auto;
    color: #0a4f38;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderHeadInformation_wrapper .view-more-btn:hover {
    text-decoration: underline;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderHeadInformation_wrapper .view-more-btn:before {
    top: 3px;
}


.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation #orderInfoTotal,
.feature-can-collect.Guest-Checkout.page-orderDetails #orderInfoTotal .valueAlign{
    width:auto;
    font-size: 24px!important;
    color: #212121;
}

.feature-can-collect.Guest-Checkout.page-orderDetails .orderInfoTotal_holder #orderInfoTotal .valueAlign {
    font-size: 14px!important;
    color: #616161!important;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderInfoTotal_holder {
    display: block;
    padding: 15px;
    box-sizing: border-box;
    line-height: 24px;
    background: #fafafa;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation .orderInfoTotal_holder .tableLine_holder p{
    display: block;
    width: 200px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderHeadInformation {
    width: 100% !important;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetails #paymentDetailsBox.leftSide {
    display: inline-block;
    width: 400px;
    max-width: 350px;
    position: relative;
    background: transparent!important;
    box-shadow: none;
    border: none!important;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetails #paymentDetailsBox .heading {
    display: block;
    position: relative;
    background: none!important;
    border-bottom: none!important;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    color: #212121;
}


.feature-can-collect.Guest-Checkout.page-orderDetails #paymentDetailsBox:before{
    display: none;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetails #paymentDetailsBox .content {
    background: transparent;
    padding: 0px 10px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetails #paymentDetailsBox .content p {
    font-size: 14px;
    color: #616161;
}
.feature-can-collect.Guest-Checkout.page-orderDetails .fulfillingBranchInfo_wrapper {
    width: 360px;
    max-width: 360px;
    padding-left: 0px;
    background: #f5f5f5;
    margin-left: auto;
    padding: 20px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo .branchInfoImage {
    display: none;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo .hederInfo {
    position: relative;
    margin: 0px;
    font-size: 16px;
    color: #212121;
    line-height: 20px;
    margin-bottom: 10px;

}
.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo td.grey {
    background: transparent!important;
    padding: 0px;
    border: none;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo {
    background: transparent;
    box-shadow: none;
    border: none;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo tr {
    background-color: transparent;
    border: none;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo td.white {
    background: transparent!important;
    padding: 0px!important;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo .lineInfo {
    margin: 0px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo .lineInfo .name {
    display: block!important;
    font-weight: normal;
    color: #616161;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo .lineInfo .name .value, .feature-can-collect.Guest-Checkout.page-orderDetails #fulfillingBranchInfo #branchTelephone {
    color: #054731;
    margin-top: 5px;
    font-size: 16px;

}

.feature-can-collect.Guest-Checkout.page-orderDetails .orderInfoTotalTitle {
    margin-right: 10px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable {
    background: transparent;
    box-shadow: none;
    border: 1px solid #e0e0e0;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .orderTableHeader #orderStatus {
    position: relative;
    display: inline-block;
    float: none;
    padding-left: 0px;
    font-weight: normal !important;
    font-size: 18px;
    color: #212121;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .orderTableHeader #orderStatus span {
    font-size: 14px;
    color: #616161;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .orderTableHeader {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 46px;
    padding-top: 10px;
    padding: 10px!important;
    box-sizing: border-box;
    border-bottom: 2px solid #f6b112;
}
.feature-can-collect.Guest-Checkout.page-orderDetails .orderDeliveryAddress {
    float: none;
    width: 100%;
    margin-left: 10px;
    padding: 10px;
    color: #616161;
}


#orderDetailsTable.collapsed .view-more-btn,
#orderDetailsTable.expanded .view-more-btn.opened {
    display: inline-block;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .view-more-btn,
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .view-less-btn {
    position: absolute;
    float: none;
    width: 80px;
    text-align: left;
    cursor: pointer;
    margin-right: 0px;
    padding: 0px!important;
    top: 10px;
    right: 30px;
    left: initial!important;
    font-size: 14px;
    color: #0a4f38;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .view-more-btn:hover,
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .view-less-btn:hover {
    text-decoration: underline;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .view-more-btn.opened:before {
    content: '\f106';
    display: block;
    position: absolute;
    font-family: fontawesome;
    left: 72px;
    font-size: 22px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .view-more-btn:before {
    content: '\f107';
    display: block;
    position: absolute;
    font-family: fontawesome;
    left: 72px;
    font-size: 22px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable.collapsed {
    height: 66px!important;
}

.feature-can-collect.Guest-Checkout.page-orderDetails .orderDeliveryAddress b{
    font-weight: normal!important;
    color: #0a4f38;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable #titles {
    height: 40px;
    line-height: 40px;
    background-color: #fff!important;
    padding-bottom: 0px;
    border-bottom: 1px solid #e0e0e0;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #titles div{
    color: #616161;
    display: inline-block!important;
    float: none!important;
    padding: 0px 20px!important;
    box-sizing: border-box;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #titles #productHeader{
    width: 440px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #titles #qtyHeader{
    width: 80px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails #titles #itemSubtotalHeader{
    width: 180px;
}.feature-can-collect.Guest-Checkout.page-orderDetails #titles .status{
     width: 236px;
 }

.feature-can-collect.Guest-Checkout.page-orderDetails .orderInfo .productImage img {
    width: 70px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails .productItem {
    padding: 10px 20px;
    background: transparent;
    color: #616161;
    border-bottom: 1px solid #e0e0e0;
}

.feature-can-collect.Guest-Checkout.page-orderDetails .orderInfo,
.feature-can-collect.Guest-Checkout.page-orderDetails .productQty,
.feature-can-collect.Guest-Checkout.page-orderDetails .productTotal,
.feature-can-collect.Guest-Checkout.page-orderDetails .ticketStatus {
    float: none!important;
    display: inline-block!important;
    position: relative!important;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .productItem .orderInfo {
    padding: 0px!important;
    width: 430px!important;
    margin-right: 10px;
    vertical-align: top;
    line-height: 20px;

}

.feature-can-collect.Guest-Checkout.page-orderDetails .productDescription {
    display: inline-block;
    position: relative;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .productItem .productTotal{
    padding: 0px;
    width: 170px;
    margin-right: 10px;
    vertical-align: top;
    line-height: 20px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails .productDescription a{
    max-width: 340px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .productItem .productQty {
    padding: 0px!important;
    width: 70px!important;
    margin-right: 10px;
    vertical-align: top;
    line-height: 20px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .productItem .ticketStatus {
    padding: 0px;
    text-align: left;
    width: 196px;
    line-height: 20px;
    vertical-align: top;
}
.feature-can-collect.Guest-Checkout.page-orderDetails .not_yet_collected .orderTableHeader #orderStatus:before,
.feature-can-collect.Guest-Checkout.page-orderDetails .collected .orderTableHeader #orderStatus:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background: url('../images/ccmouse.png');
    background-size: 20px;
    background-repeat: no-repeat;

}

.feature-can-collect.Guest-Checkout.page-orderDetails .not_yet_delivered .orderTableHeader #orderStatus:before,
.feature-can-collect.Guest-Checkout.page-orderDetails .delivered_tickets .orderTableHeader #orderStatus:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: url('../images/cctruck.png');
    background-size: 22px;
    background-repeat: no-repeat;

}

.feature-can-collect.Guest-Checkout.page-orderDetails .cancelled .orderTableHeader #orderStatus:before{
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: url('../images/order-cancel.png');
    background-size: 22px;
    background-repeat: no-repeat;

}

.feature-can-collect.Guest-Checkout.page-orderDetails .refunded .orderTableHeader #orderStatus:before{
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: url('../images/returns_icon.png');
    background-size: 22px;
    background-repeat: no-repeat;

}

.feature-can-collect.Guest-Checkout.page-orderDetails .not_yet_collected .orderTableHeader #orderStatus:after,
.feature-can-collect.Guest-Checkout.page-orderDetails .collected .orderTableHeader #orderStatus:after,
.feature-can-collect.Guest-Checkout.page-orderDetails .not_yet_delivered .orderTableHeader #orderStatus:after,
.feature-can-collect.Guest-Checkout.page-orderDetails .delivered_tickets .orderTableHeader #orderStatus:after,
.feature-can-collect.Guest-Checkout.page-orderDetails .cancelled .orderTableHeader #orderStatus:after,
.feature-can-collect.Guest-Checkout.page-orderDetails .refunded .orderTableHeader #orderStatus:after {
    display: none;
}


.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable.collapsed.withOrderDeliveryAddress {
    height: 66px !important;
}

.feature-can-collect.Guest-Checkout.page-orderDetails .bottom.rounded.backToOrdersButton,
.feature-can-collect.Guest-Checkout.page-orderDetails .top.rounded.backToOrdersButton {
    background: #F6B112 !important;
    height: 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.feature-can-collect.Guest-Checkout.page-orderDetails .top.rounded.backToOrdersButton {
    margin-bottom: 24px;
}
.feature-can-collect.Guest-Checkout.page-orderDetails .bottom.rounded.backToOrdersButton:hover,
.feature-can-collect.Guest-Checkout.page-orderDetails .top.rounded.backToOrdersButton:hover {
    background: #f4a91f !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    text-decoration: none;
    transition: box-shadow 0.2s, background 0.2s;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .productItem .ticketStatus .dateWording .content,
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .productItem .ticketStatus .content,
.feature-can-collect.Guest-Checkout.page-orderDetails #orderDetailsTable .productItem .ticketStatus strong {
    font-weight: normal;
    float: none;
    clear: both;
    color: #212121;
}
.feature-can-collect.Guest-Checkout.page-orderDetails .info-tooltip {
    display: none!important;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox{
    height: 40px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-icon,
.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox #ccNumberBox {
    display: inline-block;
    position: relative;
    padding: 0px!important;
    width: auto!important;
    margin: 0px;
    line-height: 35px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox #ccTypeBox{
    font-weight: bold!important;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-icon:before {
    content: '\f283';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 5px;
    font-weight: normal!important;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 40px;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image.visa {
    background: url(../images/creditCards/VISA.png) no-repeat;
    background-size: contain;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image.visa_debit {
    background: url(../images/creditCards/VISA_DEBIT.png) no-repeat;
    background-size: contain;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image.electron {
    background: url(../images/creditCards/ELECTRON.png) no-repeat;
    background-size: contain;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image.mastercard,
.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image.master {
    background: url(../images/creditCards/MASTERCARD.png) no-repeat;
    background-size: contain;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image.maestro {
    background: url(../images/creditCards/MAESTRO.png) no-repeat;
    background-size: contain;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccDetailsBox .ccType-image.amex {
    background: url(../images/creditCards/AMERICAN_EXPRESS.png) no-repeat;
    background-size: contain;
}

.feature-can-collect.Guest-Checkout.page-orderDetails #ccExpirationInfo {
    right: 10px;
    line-height: 35px;
}
/*PCP/Category page TP3, C&C*/

.page-category.feature-design .sd_cat_heading {
    font-weight: normal;
}
.page-category.feature-design .categories {
    margin-top: 20px;
}
.page-category.feature-design .sd_cat_menu li {
    border-bottom: 1px solid #e0e0e0;
    border-top: none;
    transition: 0.2s all;
}
.page-category.feature-design .sd_cat_menu li:hover {
    font-weight: normal!important;
    transition: 0.2s all;
    border-bottom: 1px solid #f6b112;
}
.page-category.feature-design .sd_cat_menu li a {
    font-weight: normal!important;
    color: black;
    transition: 0.2s all;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.page-category.feature-design .sd_cat_menu li a:hover {
    transition: 0.2s all;
}
.page-category.feature-design .sd_cat_menu li a {
    color: #424242!important;
    background: none;
}
.page-category.feature-design .sd_cat_menu li a:hover {
    color: black!important;
    background: none;
    font-family: 'HelveticaNeue', helvetica, arial, sans-serif;
}
.page-category.feature-design .sd_cat_menu li a:after {
    content: '\f105';
    font-family: fontawesome;
    position: absolute;
    right: 20px;
}
.page-category.feature-design .sd_cat_menu li a:hover:after {
    color: black;
}
.page-category.feature-design .cat_prod .prod_info {

    font-weight: normal;
    z-index: 0!important;
    width: 100%;
    background: #f5f5f5;
    transition: 0.2s all;
    box-sizing: border-box;
    text-align: center
}
.page-category.feature-design .cat_prod {
    background: #f5f5f5;
    border-color: #f5f5f5;
    transition: 0.2s all;
    border-bottom-width: 2px;
}
.page-category.feature-design .cat_prod:hover {
    border-color: #e0e0e0;
    border-bottom: 2px solid #f6b112;
}
.page-category.feature-design .cat_prod:hover .prod_info {
    background: #e0e0e0;
}
.page-category.feature-design #products {
    margin-top: 20px;
}
.page-category.feature-design #products {
    margin-top: 20px;
}
.page-category.feature-design .titleImageParagraphBanner {
    overflow: hidden;
    font-size: 0px;
    border: 4px solid #f5f5f5;
    background: #f5f5f5;
}
.page-category.feature-design .textual_info {
    display: inline-block;
    width: 185px;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    font-size: 0px;
    border: 4px solid #f5f5f5;
    background: #f5f5f5;
}
.page-category.feature-design .textual_info h1 {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
}
.page-category.feature-design .titleImageParagraphBanner .picture {
    float: right;
}
.page-category.feature-design .titleImageParagraphBanner .picture img {
    width: 465px;
}
/*Guest checkout - checkout 1 2 3*/
.page-OrderDeliveryDetailsPage.feature-design .delivery-address-wrap .addresses {
    height: auto;
}

.page-guestLoginPage .guestCheckoutContainer {
    background-color: #FFF;
    background-color: white;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px;
    width: 400px;
    left: 10px;
    position: relative;
    margin-right: 50px;
}
.guestCheckoutContainer .welcome_container h2 {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}
.guestCheckoutContainer .welcome_container {
    border: none;
    position: relative;
}
#guestCheckoutLoginForm {
    margin: 0px;
}
form#guestCheckoutLoginForm label {
    font-weight: normal!important;
    color: black;
}
#guestCheckoutLoginForm .guestLastNameBlock {
    margin-left: 0px;
}
.guestCheckoutContainer .input input {
    outline: none;
    border: 1px solid #e0e0e0;
    height: 32px!important;
    box-sizing: border-box;
    width: 290px;
    margin-top: 10px;
}
#guestCheckoutLoginForm .guestFirstNameBlock, #guestCheckoutLoginForm .guestLastNameBlock {
    display: block;
}
.guestCheckoutContainer .emailText {
    position: absolute;
    margin-top: 55px;
    color: #616161;
}
#guestCheckoutLoginForm .guestEmailBlock .input input {
    height: 32px!important;
    width: 290px;
    padding: 5px !important;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin-top: 50px;
}
.marketingPreferencesBox .marketingPreferencesLabel {
    display: inline-block;
    color: #616161;
}
.buttonControl {
    position: absolute;
    margin-top: 30px;
    width: 100%;
    margin-left: -20px;
}
button.button.guestCheckout.continue {
    color: black;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: #F6B112!important;
    outline: none;
    width: 210px;
    position: absolute;
    right: -10px;
}
button.button.guestCheckout.continue:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
}
#guestCheckoutLoginForm .guestFirstNameBlock {
    height: 90px;
}
#guestCheckoutLoginForm .guestEmailBlock {
    margin-top: 25px;
    height: 135px;
}

.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_num {
    font-size: 16px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    line-height: 30px
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_num span {
    line-height: 30px;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_line {
    bottom: 15px;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_num p {
    font-size: 14px;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp {
    margin: 0px;
    display: inline-block;
    position: absolute;
    float: none;
    right: 0px;
    top: 42px;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp {
    width: 455px;
    height: 62px;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_line {
    width: 425px;
}

#payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_num.passed:before {
    content: '\f00c';
    display: block;
    position: absolute;
    font-family: fontawesome;
    color: #0C4F38;
    top: 1px;
    left: 4px;
    font-size: 23px;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_num.passed {
    border-color: #0C4F38;
    background: white;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_num.step2 p {
    width: 100px;
    margin-top: 0px;
    left: -34px;
}
.feature-design .tp_guest_orderSteps_wrapp .tp_orderStep_num p {
    left: -13px;
}
.feature-design .tp_guest_orderSteps_wrapp .tp_orderStep_num.step4 p {
    left: -25px;
}
.feature-design #payment_wrapp .tp_guest_orderSteps_wrapp .tp_orderStep_num.active span {
    color: white!important;
}

/* 21/7/16 - checkout step 1 */

.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions-wrap{
    border: none;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .title{
    display: block;
    position: relative;
    width: 440px;
    background: #fff;
    font-weight: normal;
    overflow: visible;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    margin-bottom: 20px;
    left: 10px;    font-size: 18px;

}

.page-GuestOrderDeliveryDetailsPage.feature-design .collection-branch{
    display: inline-block;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    width: 440px;
    margin-bottom: 20px;
    left: 0px;
}


.page-GuestOrderDeliveryDetailsPage.feature-design .content > .CO_collumLeft{
    display: inline-block;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    left: 0px;

}

.page-GuestOrderDeliveryDetailsPage.feature-design .collection-branch h3{
    color: #212121;
    font-size: 20px;
    line-height: 21px;
    font-weight: normal;
    padding-bottom: 20px;

}

.page-GuestOrderDeliveryDetailsPage.feature-design .collection-branch h3 span{
    color: #616161;
    font-size: 14px;

}

.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .content p {
    font-size: 14px;
    margin: 0 0 5px 0;
    line-height: 18px;
    color: #616161;
}

.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .content .headings {
    font-weight: normal;
    color: #212121;
    margin-bottom: 10px;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .CO_collumLeft{
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 168px!important;
    padding-right: 20px!important;
    float: none!important;


}
.page-GuestOrderDeliveryDetailsPage.feature-design .CO_collumRight{
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-right: 0px!important;
    float: none!important;
    width: auto!important;
}

.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions-wrap{
    box-shadow: none;
    background: transparent;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .opening_times, .wk_day {
    display: inline-block;
    position: relative;
    width: 100px;
}

.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions-wrap .content {
    padding: 0px 10px 0 10px;
    width: 450px;

}

.page-GuestOrderDeliveryDetailsPage.feature-design .collectionOptions-wrap, #payment_wrapp #content {
    overflow: visible;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .collectionOptions-wrap .form-info {
    position: absolute;
    right: 13px;
    top: -30px;
    font-size: 13px;
    color: #616161;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .tp_checkoutTitle_wrapper {
    margin-bottom: 30px;
}
.template-pages-CheckoutPageTemplate.feature-design .tp_checkoutTitle_wrapper .tp_OrderTitle {
    font-weight: normal;
    font-size: 14px!important;
    color: #616161;
    background: none;
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.tp_checkoutTitle_wrapper .tp_OrderTitle:before {

    content: '\f023';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 20px;
    top: 2px;
}
/*
.page-OrderDeliveryDetailsPage.feature-design .tp_checkoutTitle_wrapper .tp_OrderTitle:before {
    content: '\f023';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 20px;
    top: 2px;
}
*/
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_CheckoutOrderButton {
    position: relative;
    background: none;
    color: #0C4F38;
    font-weight: normal;
    line-height: 40px;
}
.feature-design.template-pages-CheckoutPageTemplate #payment_wrapp .tp_CheckoutOrderButton:hover {
    text-decoration: underline;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num {
    font-size: 16px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    line-height: 30px
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num span {
    line-height: 30px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_line {
    bottom: 15px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num p {
    font-size: 14px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_header .tp_logo,
.template-pages-GuestPaymentDeclinePageTemplate.feature-design #payment_wrapp .tp_header .tp_logo  {
    float: none;
    margin: 0px;
    display: inline-block;
    position: relative;
    top: 46px;
    left: 10px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp {
    margin: 0px;
    display: inline-block;
    position: absolute;
    float: none;
    right: 0px;
    top: 42px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp {
    width: 365px;
    height: 62px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_line {
    width: 335px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design a#collectionOptionsShowDetails,.page-OrderDeliveryDetailsPage.feature-design  a#deliveryAddressesShowDetails, #deliveryAddressesShowDetails {
    color: #616161;
}
.page-GuestOrderDeliveryDetailsPage.feature-design a#collectionOptionsShowDetails:after, .page-OrderDeliveryDetailsPage.feature-design a#deliveryAddressesShowDetails:after {
    content: '\f107';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    margin-left: 6px;
    color: #616161;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap {
    background: none;
    border: none;
    box-shadow: none;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    padding:0px;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .feature-design.template-pages-CheckoutPageTemplate .delivery-details-wrap .title
{
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.11), 0 6px 6px rgba(0,0,0,0.13);
    border-bottom: 3px solid #F6B112;
    margin-bottom: 20px;
    font-weight: normal;
    padding: 18px;
    height: 20px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design div#deliveryDetailsContainer, .delivery-details-wrap {
    width: 517px;
    overflow: visible;
}
.page-GuestOrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .form-info {
    position: absolute;
    top: -190px;
    color: #616161;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .collectionOptions-wrap {
    margin-bottom: 0px;
}

.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap, .page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap {
    background: none!important;
    box-shadow: none!important;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-address-wrap, .delivery-info-wrap {
    overflow: visible;
    margin: 10px 0 30px 10px;
}

.page-GuestOrderDeliveryDetailsPage.feature-design form.delivery-address-wrap h3, .delivery-info-wrap h3, .page-OrderPaymentPage.feature-design div#payment_section h2  {
    display: block;
    position: relative;
    width: 440px;
    background: #fff;
    font-weight: normal;
    overflow: visible;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    box-sizing: border-box;
}

.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer {
    position: relative;
    width: 460px;
}

.page-GuestOrderDeliveryDetailsPage.feature-design span.form-info-top {
    display: block;
    position: relative;
    width: 460px;
    text-align: right;
    color: #616161;
    margin-bottom: 10px;
    font-size: 13px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .page-GuestOrderDeliveryDetailsPage.feature-design .addresses.selected {
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #F4A91F;
    background: #f5f5f5;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-address-wrap .addresses {
    position: relative;
    display: inline-block;
    width: 130px;
    min-height: 150px;
    border: 1px solid #e0e0e0;
    margin: 0 4px 10px 0;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 20px;
    color: #616161;
    font-size: 13px;
    cursor: pointer;

}

.page-GuestOrderDeliveryDetailsPage.feature-design .postalCode {
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    color: #212121;
}

.page-GuestOrderDeliveryDetailsPage.feature-design h3.consignment-header p {
    color: #616161;
    margin-bottom: 0px;
    font-size: 14px;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .collection_options_mobile_div,
.feature-design .delivery-info-wrap .combine_delivery_blocks .split_combine_order,
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block,
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block {
    background: white;
    width: 440px;
    padding: 20px!important;
    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;
    left: 0px;
    position: relative;
}

.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block-updated,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block-updated,
.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block-updated,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block-updated {
    background: white;
    margin-bottom: 20px;
    left: 0px;
    position: relative;
}

.page-OrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block-updated input,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block-updated input{
    opacity: 100;
    position: relative;
    pointer-events: auto;
}

.feature-design .delivery-info-wrap .split_combine_order .multiple_deliveries_block,
.feature-design .delivery-info-wrap .split_combine_order .one_delivery_block {
    padding: 0 !important;
    margin-top: 10px;
}
.feature-design .delivery-info-wrap .split_combine_order .supplier_delivery_block {
    margin-top: 40px;
}
.feature-design .delivery-info-wrap .split_combine_order .combine_order_header_message {
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    background: #f5f5f5;
}
.feature-design .delivery-info-wrap .split_combine_order .combine_order_header_message p {
    padding-left: 40px;
    font-size: 14px;
    line-height: 18px;
    color: #616161;
    margin-bottom: 0;
    display: flex;
    min-height: 36px;
    align-items: center;
}
.feature-design .delivery-info-wrap .split_combine_order .combine_order_header_message:before {
    content: "\f05a";
    font-family: fontawesome;
    font-size: 30px;
    color: #707070;
    position: absolute;
    left: 10px;
    top: 13px;
}
.feature-design .delivery-info-wrap .split_combine_order label {
    display: block;
    width: 100%;
    cursor: pointer;
}
.feature-design .delivery-info-wrap .split_combine_order input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper {
    padding: 15px 15px 15px 55px;
    position: relative;
    background: #eee;
    border: 1px solid #e0e0e0;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper:before {
    content:"";
    position: absolute;
    left: 15px;
    top: 15px;
    display: block;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #bdbdbd;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper:hover,
.feature-design .delivery-info-wrap .split_combine_order input[type="radio"]:checked + .delivery_type_wrapper {
    background-color: #0F7258;
    border-color: #0F7258;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper:hover:before {
    border: 2px solid #fff;
}
.feature-design .delivery-info-wrap .split_combine_order input[type="radio"]:checked + .delivery_type_wrapper:before {
    content: '\f00c';
    font-family: fontawesome;
    font-size: 16px;
    border-color: #fff;
    background: #fff;
    color: #0F7258;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper:hover .delivery_header,
.feature-design .delivery-info-wrap .split_combine_order input[type="radio"]:checked + .delivery_type_wrapper .delivery_header {
    color: #fff;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper:hover .subtext,
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper:hover .delivery_product_list li,
.feature-design .delivery-info-wrap .split_combine_order input[type="radio"]:checked + .delivery_type_wrapper .subtext,
.feature-design .delivery-info-wrap .split_combine_order input[type="radio"]:checked + .delivery_type_wrapper .delivery_product_list li {
    color: rgba(255, 255, 255, 0.8);
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_header {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 21px;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_subheader {
    margin: 10px 0;
    line-height: 17px;
}
.feature-design .delivery-info-wrap .split_combine_order .subtext {
    font-size: 16px;
    color: #707070;
    font-weight: 500;
    line-height: 18px;
}
.feature-design .delivery-info-wrap .split_combine_order .subtext.small {
    font-size: 13px;
    margin: 0;
    line-height: 17px;
    font-weight: 500;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_holder {
    padding-bottom: 10px;
    border-bottom: 1px solid #bdbdbd;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_holder:last-child {
    border-bottom: none;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_product_list li {
    font-size: 13px;
    color: #707070;
    line-height: 17px;
    padding: 5px 0 5px 15px;
    position: relative;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_product_list li:before {
    content: '';
    display: block;
    position: absolute;
    margin-right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 12px;
    left: 0;
    background: #0F7258;
}
.feature-design .delivery-info-wrap .split_combine_order .delivery_type_wrapper:hover .delivery_product_list li:before,
.feature-design .delivery-info-wrap .split_combine_order input[type="radio"]:checked + .delivery_type_wrapper .delivery_product_list li:before {
    background: rgba(255, 255, 255, 0.8)!important;
}
.feature-design .delivery-info-wrap .split_combine_order .supplier_delivery_block h4 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.feature-design .delivery-info-wrap .split_combine_order .supplier_message {
    background-color: #f5f5f5;
    padding: 10px;
    margin: 20px 0;
}
.feature-design .delivery-info-wrap .split_combine_order .supplier_message p {
    font-size: 14px;
    color: #707070;
    margin: 0;
    line-height: 30px;
    background: url("../images/delivery/diverted_message_icon.png") 0 center no-repeat;
    background-size: 30px;
    padding-left: 40px;
}
.feature-design .delivery-info-wrap .split_combine_order .supplier_delivery_product_list li {
    color: #707070;
    font-size: 14px;
    padding: 10px;
    line-height: 20px;
    border-top: 1px solid #e0e0e0;
}
.feature-design .delivery-info-wrap .split_combine_order .supplier_delivery_product_list li:last-child {
    border-bottom: 1px solid #e0e0e0;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .collectionOptions-wrap .content {
    overflow: visible!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .collection_options_mobile_div .CO_collumLeft p {
    width: 400px!important;
    display: inline-block;
    position: relative;
    line-height: 20px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions_mobileNumber {
    height: 30px;
    width: 240px;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #e0e0e0;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collectionOptions_mobileNumber:focus {
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #F6B112;
    background: #f5f5f5;
}
.page-GuestOrderDeliveryDetailsPage.feature-design a.number-info-link {
    display: block;
    font-size: 13px;
    bottom: 0;
}

.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-form .email_error_message span, .form-error {
    width: 235px;
    color: red;
    font-size: 13px;
    position: relative;
    bottom: 30px;
    margin-top: 10px;
    top: 0!important;
    left: 0!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design button#collectionOptions_continue .content {
    width: 200px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer #collectionOptions_continue, .feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;

}
.feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn {
    margin:0px;
    outline: none;
    height: 50px;
}
.feature-design.template-pages-CheckoutPageTemplate #deliveryDetailsInfoContainer .form-btn div {
    outline: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 50px;
}

.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer #collectionOptions_continue:hover, .page-GuestOrderDeliveryDetailsPage.feature-design .delivery-address-wrap #selectAddress:hover, .page-GuestOrderDeliveryDetailsPage.feature-design #deliveryDetailsInfoContainer .form-btn:hover, .page-OrderPaymentPage.feature-design input.tp_OrderButton.cont_to_pay:hover {
    background: #F6B112!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17);;
    transition: 0.2s;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap .addresses.selected {
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #F6B112;
    background: #f5f5f5;
}

.page-GuestOrderDeliveryDetailsPage.feature-design button#loadCreateFragment {
    width: 170px;
    color: #212121!important;
    font-weight: normal;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
    font-size: 14px;


}

.page-GuestOrderDeliveryDetailsPage.feature-design button#loadCreateFragment:hover, .page-OrderPaymentPage.feature-design button#postcodeLookupButton:hover,
.page-OrderPaymentPage.feature-design a#backToSavedCards:hover{
    background: #efefef!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17);;
    transition: 0.2s;
}

.page-GuestOrderDeliveryDetailsPage.feature-design button.form-btn.btn-cancel:hover {
    background: #efefef!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17)!important;
    transition: 0.2s;
}

.page-GuestOrderDeliveryDetailsPage.feature-design button.form-btn.btn-submit:hover {
    background: #F6B112!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17)!important;
    transition: 0.2s;
}

.feature-design.template-pages-CheckoutPageTemplate .delivery-address-wrap #selectAddress {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

    font-weight: normal;
    transition: 0.2s;
    font-size: 14px;
    width: 220px;

}

.page-GuestOrderDeliveryDetailsPage.feature-design .number-block .second-title {
    font-weight: normal!important;
    color: #212121;
    margin-bottom: 10px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .number-block p.number-text-block {
    width: 400px!important;
    display: inline-block;
    position: relative;
    font-size: 14px;
    margin: 0 0 5px 0;
    line-height: 18px;
    color: #616161;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-field input {
    height: 30px;
    width: 240px;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #e0e0e0;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-field {
    float: none;

    text-align: left;
    display: block;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-info-link {
    float: none;
    width: 200px;
    margin-top: 10px;
    padding-top: 0px;
    font-size: 13px!important;
    color: #0C4F38;
    text-decoration: none;
    text-align: left;
}


.page-GuestOrderDeliveryDetailsPage.feature-design a.number-info-link:hover, .page-GuestOrderDeliveryDetailsPage.feature-design .number-field a.number-info-link:hover {
    color: #0C4F38;
    text-decoration: underline;
}


.page-GuestOrderDeliveryDetailsPage.feature-design div#deliveryInfoContent {
    padding-left: 0px;
}




.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block {
    left: 20px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .collectionOptions-wrap .number-info {
    float: none;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block {
    left: 20px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .second-title {
    font-weight: normal!important;
    color: #212121;
    display: block;
    margin-bottom: 10px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-area {
    display: block;
    width: 390px;
    float: none;
    margin: 20px 0px 0px 0px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .limit-msg {

    float: right;
    position: relative;
    margin-top: 10px;
    color: #616161;
    font-size: 13px;
    right: 0px;
    bottom: 0px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design div#deliveryInfoContent {
    width: 460px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design div#deliveryDetailsInfoContainer {
    width: 460px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design textarea#specificDeliveryInstructions {
    resize: vertical;
}
.page-GuestOrderDeliveryDetailsPage.feature-design textarea#specificDeliveryInstructions {
    margin: 0px!important;
    margin-right: 0px!important;
    outline: none;
    border: 1px solid #e0e0e0;

}
.page-GuestOrderDeliveryDetailsPage.feature-design textarea#specificDeliveryInstructions:focus {
    border: 1px solid #e0e0e0;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .number-block p.number-text-block strong {
    font-weight: normal;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #deliveryDetailsInfoContainer .saved-numbers {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #333333;
    text-align: left;
    margin-bottom: 8px;
    padding-left: 0px!important;
}

/*HEREHEREHERE*/

.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    padding: 0px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .content {
    background-color: white;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px;
    width: 100%;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap {
    background: none;
    border: none;
    box-shadow: none;
}
.page-GuestOrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .content {
    background-color: white;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px;
    width: 380px;
    left: 20px;
    position: relative;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .deliveryDetailsContainer form#orderDeliveryAddressForm > .title {
    background: #fff!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 3px solid #F6B112!important;
    margin-bottom: 20px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: -10px!important;
    position: relative;
    height: 60px;
    padding: 18px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .deliveryDetailsContainer.active-title form#orderDeliveryAddressForm > .title {
    background: #fff!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 3px solid #F6B112!important;
    margin-bottom: 20px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: -10px!important;
    position: relative;
    height: 60px;
    padding: 18px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input-wrap label,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .address-form label {
    font-size: 14px;
    font-weight: normal;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input input,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap #selectedAddress {
    width: 242px;
    border: 1px solid #e0e0e0;
    outline: none;
    font-size: 14px;
    height: 30px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .find-btn {
    cursor: pointer;
    width: 123px;
    height: 30px;
    transition: 0.2s all;
    padding: 0px;
    display: inline-block;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #deliveryDetailsContainer #orderDeliveryAddressForm #contact-postcode,
.feature-design #deliveryDetailsContainer #orderDeliveryAddressForm #postcode{
    width: 100px;
    display: inline-block;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .address-form .input-wrap:first-child {
    display: inline-block;
}
.address-form .address-form__postcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .label {
    margin-right: 15px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .find-btn:hover {
    background: #efefef!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.17)!important;
    transition: 0.2s;
    transition: 0.2s all;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input-wrap {
    margin-bottom: 20px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .address-form {
    padding-top: 5px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design form#orderDeliveryAddressForm .content p.text-block {
    padding: 10px 0 0 3px;
    color: #616161;
    font-size: 14px;
    line-height: 18px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .text-block,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .questions-form {
    padding-left: 0px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .questions-form {
    padding: 25px 0 0 6px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .questions-form .question-wrap span {
    width: 271px;
    display: inline-block;
    font-size: 14px;
    color: #616161;
    line-height: 18px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap label {
    color: #616161;
}
.page-GuestOrderDeliveryDetailsPage.feature-design button.form-btn.btn-submit,
#deliveryDetailsContainer .form-btn {
    margin-left: -4px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .find-btn-wrap {
    padding: 0px!important;
    display: inline-block;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .input input {
    padding-left: 4px;
    box-sizing: border-box;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .email_error_message span {
    position: relative;
    color: red;
    top: 10px;
    font-size: 13px;
    left: 0px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design div#email_error_message p {
    text-align: right;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .active-title .title {
    position: relative;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .question-area .description {
    color: #616161;
    width: 370px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-details-wrap .title, .template-pages-CheckoutPageTemplate.feature-design .delivery-info-wrap .title {
    height: 61px!important;
    padding: 20px!important;
    display: block;
    position: relative;
    width: 440px;
    background: #fff;
    font-weight: normal;
    overflow: visible;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    margin-bottom: 20px;
    left: 10px;
    font-size: 18px;
}
.template-pages-CheckoutPageTemplate.feature-design .delivery-details-left-block .title {
    text-transform: capitalize;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer #collectionOptions_continue {
    right: 10px;
    position: relative;
}
.page-GuestOrderDeliveryDetailsPage.feature-design button.form-btn.btn-submit, #deliveryDetailsContainer .form-btn {
    right: -20px;
    position: relative;
}
.feature-design.template-pages-CheckoutPageTemplate .delivery-info-wrap {
    background: none;
    box-shadow: none;
    margin: 0px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .number-block,
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-block {
    left: 0px;
    padding: 0px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .delivery-info-wrap .instruction-area {
    width: 368px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design .active-title .delivery-info-wrap .title {
    left: 0px!important;
    height: 61px;
    padding: 20px!important;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #deliveryDetailsInfoContainer .form-btn {
    position: absolute;
    bottom: -70px;
    right: 0px;
}
.page-GuestOrderDeliveryDetailsPage.feature-design #cart {
    padding-bottom: 0px;
    background: #fafafa!important;
    position: absolute;
    top: 0px;
    right: 0px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment_wrapp #content {
    position: relative;
}
.page-GuestOrderPaymentPage .tp_orderPayment_wrapper #tp_paymentCards {
    border: none!important;
    box-shadow: none!important;
    background: none!important;
}
.page-GuestOrderPaymentPage .tp_orderPayment_wrapper #tp_paymentCards h2,
.template-pages-CheckoutPageTemplate.feature-design #payment-details > h2 {
    background: #fff!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 3px solid #F6B112!important;
    margin-bottom: 20px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: 0px!important;
    height: 61px;
    padding: 20px!important;
    line-height: 20px;
    font-size: 20px;
}
.template-pages-CheckoutPageTemplate.feature-design #payment-details .payment-details-holder h3 {
    font-weight: normal;
}
.template-pages-CheckoutPageTemplate.feature-design #payment-details .payment-details-holder h2 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.page-GuestOrderPaymentPage .tp_cardDetails_formBox {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 440px;
    padding: 20px!important;
    box-sizing: border-box;
    left: 10px;
    position: relative;
}
.page-GuestOrderPaymentPage #billing_address_form .tp_orderPayment_mandatory {
    padding: 0px;
    text-align: right;
    color: #616161;
    font-size: 13px;
    margin-bottom: 10px;
    margin-right: 20px;
}
.page-GuestOrderPaymentPage .application-form form .label-and-input label {
    font-weight: normal!important;
    color: #616161;
    text-align: right!important;
    display: block;
    margin-right: 25px;
}
.application-form form .label-and-input .input input {
    border: 1px solid #e0e0e0!important;
    border-radius: 0;
    box-shadow: none;
}
.page-GuestOrderPaymentPage #billingForm .inline-with-input {
    padding-left: 0px;
    display: block;
    text-align: right;
    width: 386px;
    margin: -15px 0 15px 0;
}
.page-GuestOrderPaymentPage button#postcodeLookupButton:hover, .page-GuestOrderPaymentPage .tp_paymentCards #billingForm .tp_orderContinued .tp_OrderButton.cont_to_pay:hover {
    transition: 0.2s all;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
}
.page-GuestOrderPaymentPage #tp_paymentCards.tp_paymentCards.billing .sameAdress {
    position: relative;
    left: 187px;
    color: #616161;
}
.page-GuestOrderPaymentPage #billingForm .tp_cardDetails_formBox:last-child {
    opacity: 0;
    padding: 0px!important;
}
.page-GuestOrderPaymentPage .tp_orderContinued {
    margin: 25px 0 100px;
    overflow: visible;
}
.page-GuestOrderPaymentPage .tp_paymentCards #billingForm .tp_orderContinued .tp_OrderButton.cont_to_pay {
    width: 200px!important;
    background: #F6B112!important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.17)!important;
    transition: 0.2s;
    overflow: visible;
    font-weight: normal;
    right: 10px;
    position: relative;
    outline: none;
}
.page-GuestOrderPaymentPage button#postcodeLookupButton {
    height: 35px!important;
    line-height: 26px;
    border-radius: 5px!important;
    width: 250px;
    color: #212121!important;
    font-weight: normal;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
    font-size: 14px;
    margin-bottom: 5px;
    outline: none;
}
.page-GuestOrderPaymentPage select#selectedAddress {
    border: 1px solid #e0e0e0!important;
    width: 255px!important;
    height: 30px!important;
}
.page-GuestOrderPaymentPage .yCmsComponent.order_basket {
    position: absolute;
    top: 0px;
    right: 0px;
}
.page-GuestOrderPaymentPage #payment_section.card_details.collapsed h2 {
    border-bottom: none;
    display: block;
    position: relative;
    width: 440px;
    background: #fff;
    font-weight: normal;
    overflow: visible;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    margin-bottom: 20px;
    left: 10px;
    font-size: 18px;
    height: 61px;
    padding: 20px;
    padding-top: 8px;
}
.page-GuestOrderPaymentPage #payment_section.card_details {
    margin-top: 0px;
}
.page-GuestOrderPaymentPage div#payment_section h2 {
    background: #fff!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    border-bottom: 3px solid #F6B112!important;
    margin-bottom: 20px!important;
    font-weight: normal!important;
    box-sizing: border-box!important;
    width: 460px!important;
    left: 0px!important;
    height: 61px!important;
    padding: 20px!important;
    padding-top: 8px!important;
}
.feature-design .tp_orderPayment_wrapper #payment_section {
    position: relative;
    width: 460px;
}
.page-GuestOrderPaymentPage #billing_address.collapsed #refine_billing_address {
    color: #616161;
    font-size: 13px;
    right: 30px;
    top: 7px;
}
.page-GuestOrderPaymentPage #billing_address.collapsed #refine_billing_address:after {
    content: '\f107';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    margin-left: 6px;
    color: #616161;
}
.page-GuestOrderPaymentPage div#paymentframe,
.page-GuestOrderPaymentPage.feature-simplified-billing-address .payment-details-holder,
.page-OrderPaymentPage.feature-simplified-billing-address .payment-details-holder {
    background-color: white;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 20px;
    width: 400px;
    position: relative;
}
.page-GuestOrderPaymentPage.feature-simplified-billing-address .payment-details-holder #billingAddress p,
.page-OrderPaymentPage.feature-simplified-billing-address .payment-details-holder #billingAddress p {
    font-size: 14px;
    line-height: 24px;
    color: #707070;
    margin: 0;
}
.page-OrderPaymentPage.feature-simplified-billing-address .payment-details-holder #billingAddress a,
.page-GuestOrderPaymentPage.feature-simplified-billing-address .payment-details-holder #billingAddress a {
    margin: 20px;
    margin-left: 0;
    display: inline-block;
    color: #0F7258;
    text-transform: capitalize;
}
.page-GuestOrderPaymentPage.feature-simplified-billing-address #paymentframe,
.page-OrderPaymentPage.feature-simplified-billing-address #paymentframe {
    box-shadow: none;
    padding: 0;
    left: 0;
}
.page-GuestOrderPaymentPage .tp_orderPayment_wrapper .tp_orderAttention {
    margin: 0px;
}
#payment_section .tp_orderAttention .tlg_error_wrapp .tlg_error {
    width: 100%;
    border: none;
}
#payment_section .tlg_error > h3, #payment_section_saved_card .tlg_error > h3 {
    background: none;
    color: black;
    font-weight: normal;
    padding: 0px;
    padding-left: 35px;
}
#payment_section .tlg_error > h3:before, #payment_section_saved_card .tlg_error > h3:before {
    display: none;
}
#payment_section .tp_orderAttention .tlg_error_wrapp p, #payment_section_saved_card .tp_orderAttention .tlg_error_wrapp p {
    padding: 0px;
    margin-top: 10px;
}
#payment_section .tlg_error, #payment_section_saved_card .tlg_error {
    width: 910px;
    min-height: 80px;
}
.page-GuestOrderPaymentPage #payment_section .tlg_error > h3:before, #payment_section_saved_card .tlg_error > h3:before {
    font-family: fontawesome;
    content: '\f071';
    display: block;
    color: red;
    font-size: 22px;
    left: 1px;
}
/*Step 4*/

.page-GuestOrderThankYouPage #payment_wrapp .tp_header {
    background-color: white;
}
.page-GuestOrderThankYouPage #payment_wrapp:before,
.page-GuestOrderThankYouPage #payment_wrapp:before {
    content: '';
    height: 30px;
    width: 3000px;
    display: block;
    background-color: #0C4F38;
    position: absolute;
    left: -1000px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_CheckoutOrderButton {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #F4A91F;
    border: none;
    border-radius: 0px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    width: 165px;
}
.page-GuestOrderThankYouPage .tp_checkoutTitle_wrapper {
    background-color: transparent;
}
.page-GuestOrderThankYouPage .tp_orderPayment_wrapper .order_paymentDetails .tp_confirmPayment,
.page-GuestOrderThankYouPage .delivery-address-wrap,
.page-GuestOrderThankYouPage .delivery-info-wrap,
.page-GuestOrderThankYouPage .tp_orderPayment_wrapper #tp_paymentCards,
.page-GuestOrderThankYouPage #payBySavedCard #payment_section_saved_card,
.page-GuestOrderThankYouPage #collectionOptionsContainer .collectionOptions-wrap {
    border: none;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.page-GuestOrderThankYouPage .delivery-address-wrap .content,
.page-GuestOrderThankYouPage .delivery-info-wrap .number-block,
.page-GuestOrderThankYouPage #collectionOptionsContainer .collectionOptions-wrap .content {
    border-top: none;
}
.page-GuestOrderThankYouPage .tp_orderPayment_wrapper .order_paymentDetails .tp_confirmPayment h2,
.page-GuestOrderThankYouPage .delivery-address-wrap .title,
.page-GuestOrderThankYouPage .delivery-info-wrap .title,
.page-GuestOrderThankYouPage .tp_orderPayment_wrapper #tp_paymentCards h2,
.page-GuestOrderThankYouPage #payBySavedCard #payment_section_saved_card h2,
.page-GuestOrderThankYouPage #collectionOptionsContainer .title {
    border-bottom: none;
}
.page-GuestOrderThankYouPage .delivery-address-wrap .addresses.selected {
    border: 1px solid #F4A91F;
}
.page-GuestOrderThankYouPage .delivery-address-wrap .addresses.selected:after {
    display: none;
}
.page-GuestOrderThankYouPage,
.feature-design.template-pages-GuestPaymentDeclinePageTemplate {
    background-color: #f7f7f7;
    overflow-x: hidden;
}
.page-GuestOrderThankYouPage .delivery-address-wrap #selectAddress,
.page-GuestOrderThankYouPage .delivery-details-wrap .btn-submit,
.page-GuestOrderThankYouPage #deliveryDetailsInfoContainer .form-btn,
.page-GuestOrderThankYouPage .plp_add_to_cart_button.positive.large,
#collectionOptionsContainer #collectionOptions_continue {
    background-color: #F4A91F!important;
    border: none!important;
    color: black!important;
}
.page-GuestOrderThankYouPage #deliveryDetailsInfoContainer .form-btn div {
    font-weight: bold;
    cursor: pointer;
    outline: none;
    font-size: 13px;
}
.page-GuestOrderThankYouPage .delivery-address-wrap .add-address-btn,
.page-GuestOrderThankYouPage .delivery-details-wrap .btn-cancel,
.page-GuestOrderThankYouPage .delivery-details-wrap .find-btn {
    background-color: #9FC1C0!important;
    border: none!important;
    color: black!important;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_header:before,
.page-GuestOrderThankYouPage #payment_wrapp .tp_header:before {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_header:before,
.page-GuestOrderThankYouPage #payment_wrapp .tp_header:before {
    content: '';
    width: 3000px;
    height: 130px;
    background-color: #FFF;
    display: block;
    position: absolute;
    top: 00px;
    border-bottom: 2px solid #F4A91F;
    left: -1000px;
    z-index: -1;
}
.page-GuestOrderThankYouPage .tp_checkoutTitle_wrapper .tp_OrderTitle {
    font-weight: normal;
    font-size: 14px!important;
    color: #616161;
    background: none;
    display: inline-block;
    position: relative;
    padding-left: 15px;
}
.page-GuestOrderThankYouPage .tp_OrderTitle:before {
    content: '\f023';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 20px;
    top: 2px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_CheckoutOrderButton {
    position: relative;
    background: none;
    color: #0C4F38;
    font-weight: normal;
    line-height: 40px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_CheckoutOrderButton:hover {
    text-decoration: underline;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num {
    font-size: 16px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    line-height: 30px
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num span {
    line-height: 30px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_line {
    bottom: 15px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_num p {
    font-size: 14px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_header .tp_logo,
.page-GuestOrderThankYouPage #payment_wrapp .tp_header .tp_logo {
    float: none;
    margin: 0px;
    display: inline-block;
    position: relative;
    top: 46px;
    left: 10px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_orderSteps_wrapp {
    margin: 0px;
    display: inline-block;
    position: absolute;
    float: none;
    right: 0px;
    top: 42px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_orderSteps_wrapp {
    width: 365px;
    height: 62px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_orderSteps_wrapp .tp_orderStep_line {
    width: 335px;
}
.page-GuestOrderThankYouPage #payment_wrapp .tp_CheckoutOrderButton {
    position: relative!important;
    background: none!important;
    color: #0C4F38!important;
    font-weight: normal!important;
    line-height: 40px!important;
}
.page-GuestOrderThankYouPage .collection-wrap,
.page-GuestOrderThankYouPage .delivery-wrap,
.page-GuestOrderThankYouPage .credit_info_wrap {
    background-color: white;
    border: 1px solid #e5e5e5;
    width: 950px;
    margin: 30px auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 10px;
    position: relative;
}
.page-GuestOrderThankYouPage .tp_OrderTitle::before {
    content: '';
    display: none;
}
.page-GuestOrderThankYouPage #order_details #collectionEstimationTime {
    background: none !important;
    border: none !important;
}
.page-GuestOrderThankYouPage .order_success_wrapper h1.tp_OrderTitle {
    margin: 0px !important;
    padding: 0px;
    margin-bottom: 20px;
}
.page-GuestOrderThankYouPage #order_details .tp_delivery {
    padding: 0px;
    margin-top: 20px;
}
.page-GuestOrderThankYouPage #collectionHeader,
.page-GuestOrderThankYouPage #deliveryHeader {
    padding: 0px;
    background: none;
    margin: 0px;
    color: black !important;
    text-decoration: none;
}
.page-GuestOrderThankYouPage #collectionHeader {
    margin-bottom: 20px;
}
.page-GuestOrderThankYouPage #order_details #collectionEstimationTime {
    padding: 0px;
    margin-top: 10px;
}
.page-GuestOrderThankYouPage #order_details .colum_wrapper {
    padding: 0px;
    margin: 20px 0px;
}
.page-GuestOrderThankYouPage #order_details .tp_collect_success {
    padding: 0px;
}
.page-GuestOrderThankYouPage .order_success_wrapper .tp_success_banner {
    padding: 0px;
    border: none;
}
.page-GuestOrderThankYouPage .tp_delivery #deliveryDate {
    margin-top: 20px;
}
.page-GuestOrderThankYouPage #order_details .CO_collumRight p {
    margin: 0px !important;
    line-height: 24px;
}
.page-GuestOrderThankYouPage .contact_wrap .headings {
    margin-top: 20px;
}
.page-GuestOrderThankYouPage .contact_wrap a {
    font-size: 14px;
}
.page-GuestOrderThankYouPage #order_details .CO_collumLeft p:first-child,
.CO_collumRight .headings {
    font-size: 18px;
}

.page-GuestOrderThankYouPage .contact_wrap .headings {
    font-size: 18px !important;
    margin-bottom: 10px !important;
}
.page-GuestOrderThankYouPage #collectionEstimationTime {
    margin: 10px 0px !important;
}
.page-GuestOrderThankYouPage .tp_orderSuccess {
    margin-top: 20px !important;
}
.page-GuestOrderThankYouPage .tp_infoList li div {
    line-height: 25px !important;
}
.page-GuestOrderThankYouPage .payment-declined-page {
    background: white;
    margin-top: 40px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.page-GuestOrderThankYouPage .payment-declined-title {
    font-weight: normal;
    font-size: 24px;
}
.page-GuestOrderThankYouPage .payment-declined-msg {
    border: none;
    padding: 0px;
    width: 590px;
    margin-bottom: 20px;
}
.page-GuestOrderThankYouPage .payment-declined-list-holder {
    background: none;
    padding: 0px;
}
.page-GuestOrderThankYouPage .payment-declined-img {
    position: absolute;
    top: 60px;
    right: 60px;
}
.page-GuestOrderThankYouPage .payment-declined-btn-holder {
    padding: 30px 0px 0px 0px;
}
.page-GuestOrderThankYouPage #backToBasket {
    background-color: #F4A91F !important;
    border: none !important;
    color: black !important;
    font-weight: normal;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
}
.page-GuestOrderThankYouPage .payment-declined-btn {
    width: 170px;
    color: #212121 !important;
    font-weight: normal !important;
    background: #eee !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: 0.2s;
    font-size: 14px;
}
.page-GuestOrderThankYouPage #backToHome {
    font-weight: normal;
}
.page-GuestOrderThankYouPage .payment-declined-btn.btn-right {
    border-color: #f3b019 !important;
}
.page-GuestOrderThankYouPage .payment-declined-btn:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: 0.2s all;
}

/* Guest Order Thank You Page START */
.page-GuestOrderThankYouPage.feature-design #deliveryHeader {
    background: url(../images/cctruck.png);
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin-bottom: 20px;
    font-size: 24px;
}
.page-GuestOrderThankYouPage.feature-design #collectionHeader {
    background: url(../images/ccmouse.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 4px;
    padding: 0 0 0 20px;
    font-size: 24px;
}
.page-GuestOrderThankYouPage #order_details .CO_collumLeft p,
.page-GuestOrderThankYouPage #order_details .CO_collumRight p {
    font-size : 14px;
}
.page-GuestOrderThankYouPage #payment_wrapp #content {
    width: auto;
    margin: 10px 0 30px 10px;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block {
    background: #fff;
    margin: 20px 0;
    padding: 30px;
    font-size: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.page-GuestOrderThankYouPage #order_details .order-summary-block div {
    vertical-align: top;
    position: inherit;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment,
.page-GuestOrderThankYouPage #order_details .delivery-section .what-happens-next {
    width: 425px;
    display: inline-block;
}
.page-GuestOrderThankYouPage #order_details .delivery-info .tp_delivery:first-child {
    margin-top: 0;
}
.page-GuestOrderThankYouPage #order_details .delivery_information_block .content {
    display: inline-block;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .heading {
    font-size: 18px;
    margin-bottom: 20px;
}
.page-GuestOrderThankYouPage #order_details .supplier.order-summary-block .consignment .heading .supplier {
    text-transform: lowercase;
}
.page-GuestOrderThankYouPage #order_details .collection-section .consignment .heading .ready p {
    font-size: 15px;
    color: #616161;
    margin-top: 5px;
    display: block;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .delivery-date {
    margin-bottom: 20px;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .delivery-date .message {
    color: #616161;
    font-size: 14px;
    line-height: 20px;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .delivery-date .date {
    font-size: 18px;
    line-height: 20px;
    display: block;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
.page-GuestOrderThankYouPage #order_details .supplier.order-summary-block .consignment .product:first-child,
.page-GuestOrderThankYouPage #order_details .standard.order-summary-block .consignment .product:first-child,
.page-GuestOrderThankYouPage #order_details .collection-section.order-summary-block .consignment .product:first-child {
    border-top: 1px solid #ccc;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product .product-info {
    width: 340px;
    vertical-align: top;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product .picture,
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product .product-info {
    display: inline-block;
    margin: 0;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product .product-info .quantity {
    display: block;
    font-size: 14px;
    color: #616161;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product .product-info .product-name {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product .picture {
    margin-right: 10px;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment .product .picture img {
    width: 50px;
    height: 50px;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment-instructions {
    width: 425px;
    display: inline-block;
    margin-left: 30px;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment-instructions .colum_wrapper {
    margin: 0;
    background: #fafafa;
    padding: 20px;
}
.page-GuestOrderThankYouPage #order_details .consignment-instructions .CO_collumLeft,
.page-GuestOrderThankYouPage #order_details .consignment-instructions .CO_collumRight {
    width: auto;
}
.page-GuestOrderThankYouPage #order_details .CO_collumLeft p,
.page-GuestOrderThankYouPage #order_details .CO_collumLeft a {
    font-size: 14px;
}
.page-GuestOrderThankYouPage #order_details .CO_collumRight p:first-child {
    font-size: 14px;
}
.page-GuestOrderThankYouPage .contact_wrap a {
    font-size: 14px;
}
.page-GuestOrderThankYouPage #order_details .consignment-instructions .colum_wrapper .headings {
    color: #616161;
    font-size: 14px;
    margin-top: 15px;
}
.page-GuestOrderThankYouPage #order_details .consignment-instructions .colum_wrapper .address_wrap .headings {
    margin-top: 0!important;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment-instructions .toggle-branch-details {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 15px;
    text-align: right;
}
.page-GuestOrderThankYouPage #order_details .order-summary-block .consignment-instructions .toggle-text {
    margin-top: 20px;
    font-size: 14px;
    cursor: pointer;
    color: #0f7258;
    padding-left: 0px!important;
}
.page-GuestOrderThankYouPage #order_details .consignment-instructions .colum_wrapper .toggle-text::after {
    font-family: fontawesome;
    position: relative;
    left: 5px;
    margin-right: 5px!important;
}
.page-GuestOrderThankYouPage #order_details .consignment-instructions .colum_wrapper.expanded .toggle-text::after {
    content: '\f106';
}
.page-GuestOrderThankYouPage #order_details .consignment-instructions .colum_wrapper.collapsed .toggle-text::after {
    content: '\f107';
}
.page-GuestOrderThankYouPage .consignment-instructions .colum_wrapper.collapsed .contact_wrap,
.page-GuestOrderThankYouPage .consignment-instructions .colum_wrapper.collapsed .CO_collumRight {
    display: none;
}
.page-GuestOrderThankYouPage #order_details .consignment-instructions .expanded #view-more-btn,
.page-GuestOrderThankYouPage #order_details .consignment-instructions .collapsed #view-less-btn {
    display: none;
}
.page-GuestOrderThankYouPage .delivery-instructions-wrapper .heading {
    font-size: 18px;
}
.page-GuestOrderThankYouPage .delivery-instructions-wrapper .delivery-steps .step {
    margin-top: 20px;
    line-height: 20px;
}
.page-GuestOrderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .number {
    font-size: 24px;
    color: #fff;
    background: #0f7258;
    font-weight: bold;
    width: 26px;
    height: 40px;
    border-radius: 50%;
    padding-left: 14px;
    display: inline-block;
    margin-right: 20px;
    line-height: 40px;
}
.page-GuestOrderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .step-content {
    display: inline-block;
    width: 365px;
}
.page-GuestOrderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .name {
    font-size: 16px;
    color: #232323;
}
.page-GuestOrderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .description {
    font-size: 14px;
    color: #616161;
}

/* Guest Order Thank You Page END */

/* Logged in Order Thank You Page START */

.page-orderThankYouPage #order_details .CO_collumLeft p,
.page-orderThankYouPage #order_details .CO_collumRight p {
    font-size: 14px;
}
.page-orderThankYouPage .order_success_wrapper {
    width: 940px;
}
.page-orderThankYouPage #payment_wrapp #content {
    margin: 10px 0 30px 10px;
}
.page-orderThankYouPage #collectionHeader,
.page-orderThankYouPage #deliveryHeader {
    position: static;
}
.page-orderThankYouPage #collectionHeader {
    margin-bottom: 20px;
}
.page-orderThankYouPage #order_details .order-summary-block {
    background: #fff;
    margin: 20px 0;
    padding: 30px;
    font-size: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.page-orderThankYouPage #order_details .order-summary-block div {
    vertical-align: top;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment,
.page-orderThankYouPage #order_details .delivery-section .what-happens-next {
    width: 425px;
    display: inline-block;
}
.page-orderThankYouPage #order_details .delivery-info .tp_delivery:first-child {
    margin-top: 0;
}
.page-orderThankYouPage #order_details .delivery_information_block .content {
    display: inline-block;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .heading {
    font-size: 18px;
    margin-bottom: 20px;
}
.page-orderThankYouPage #order_details .supplier.order-summary-block .consignment .heading .supplier {
    text-transform: lowercase;
}
.page-orderThankYouPage #order_details .collection-section .consignment .heading .ready p {
    font-size: 15px;
    color: #616161;
    margin-top: 5px;
    display: block;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .delivery-date {
    margin-bottom: 20px;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .delivery-date .message {
    color: #616161;
    font-size: 14px;
    line-height: 20px;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .delivery-date .date {
    font-size: 18px;
    line-height: 20px;
    display: block;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .product {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
.page-orderThankYouPage #order_details .supplier.order-summary-block .consignment .product:first-child,
.page-orderThankYouPage #order_details .standard.order-summary-block .consignment .product:first-child,
.page-orderThankYouPage #order_details .collection-section.order-summary-block .consignment .product:first-child {
    border-top: 1px solid #ccc;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .product .product-info {
    width: 340px;
    vertical-align: top;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .product .picture,
.page-orderThankYouPage #order_details .order-summary-block .consignment .product .product-info {
    display: inline-block;
    margin: 0;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .product .product-info .quantity {
    display: block;
    font-size: 14px;
    color: #616161;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .product .product-info .product-name {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .product .picture {
    margin-right: 10px;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment .product .picture img {
    width: 50px;
    height: 50px;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment-instructions {
    width: 425px;
    display: inline-block;
    margin-left: 30px;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment-instructions .colum_wrapper {
    margin: 0;
    background: #fafafa;
    padding: 20px;
}
.page-orderThankYouPage #order_details .consignment-instructions .CO_collumLeft,
.page-orderThankYouPage #order_details .consignment-instructions .CO_collumRight {
    width: auto;
}
.page-orderThankYouPage #order_details .CO_collumLeft p,
.page-orderThankYouPage #order_details .CO_collumLeft a {
    font-size: 14px;
}
.page-orderThankYouPage #order_details .CO_collumRight p:first-child {
    font-size: 14px;
}
.page-orderThankYouPage #order_details .consignment-instructions .colum_wrapper .headings {
    color: #616161;
    font-size: 14px;
    margin-top: 15px;
}
.page-orderThankYouPage #order_details .consignment-instructions .colum_wrapper .address_wrap .headings {
    margin-top: 0!important;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment-instructions .toggle-branch-details {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 15px;
    text-align: right;
}
.page-orderThankYouPage #order_details .order-summary-block .consignment-instructions .toggle-text {
    margin-top: 20px;
    font-size: 14px;
    cursor: pointer;
    color: #0f7258;
    padding-left: 0px!important;
}
.page-orderThankYouPage #order_details .consignment-instructions .colum_wrapper .toggle-text::after {
    font-family: fontawesome;
    position: relative;
    left: 5px;
    margin-right: 5px!important;
}
.page-orderThankYouPage #order_details .consignment-instructions .colum_wrapper.expanded .toggle-text::after {
    content: '\f106';
}
.page-orderThankYouPage #order_details .consignment-instructions .colum_wrapper.collapsed .toggle-text::after {
    content: '\f107';
}
.page-orderThankYouPage .consignment-instructions .colum_wrapper.collapsed .contact_wrap,
.page-orderThankYouPage .consignment-instructions .colum_wrapper.collapsed .CO_collumRight {
    display: none;
}
.page-orderThankYouPage #order_details .consignment-instructions .expanded #view-more-btn,
.page-orderThankYouPage #order_details .consignment-instructions .collapsed #view-less-btn {
    display: none;
}
.page-orderThankYouPage .delivery-instructions-wrapper .heading {
    font-size: 18px;
}
.page-orderThankYouPage .delivery-instructions-wrapper .delivery-steps .step {
    margin-top: 20px;
    line-height: 20px;
}
.page-orderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .number {
    font-size: 24px;
    color: #fff;
    background: #0f7258;
    font-weight: bold;
    width: 26px;
    height: 40px;
    border-radius: 50%;
    padding-left: 14px;
    display: inline-block;
    margin-right: 20px;
    line-height: 40px;
}
.page-orderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .step-content {
    display: inline-block;
    width: 365px;
}
.page-orderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .name {
    font-size: 16px;
    color: #232323;
}
.page-orderThankYouPage .delivery-instructions-wrapper .delivery-steps .step .description {
    font-size: 14px;
    color: #616161;
}
/* Logged in Order Thank You Page END */


/* HEADER BUTTONS START*/
.header_buttons {
    overflow: hidden;
    display: table;
    border-collapse:separate;
    position: relative;
    width: 300%;
    left: -100%;
    top: -16px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 100%;
    background: #f5f5f5;
}
.header_buttons .highlightedMessagesBar {
    display: table-cell;
    height: 57px;
    font-size: 12px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px;
}

.header_buttons .top-banner {
    display: table;
    height: 100%;
    margin: 0 auto;
    color: #616161;
}

.header_buttons .top-banner img {
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 5px 10px 5px 5px;
    outline: none;
    border-radius: 50%;
    border: 1px solid #616161;
    padding: 5px;
}

.header_buttons .top-banner .text {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5em;
    font: inherit;
    color: inherit;
}

.top-banner:hover {
    text-decoration: none;
}

.top-banner .highlighted {
    font-weight: bold;
    font-size: 13px;
}

.top-banner:hover .highlighted {
    color: #f6b112;
}

.top-banner.price-item {
    position: relative;
    left: 8px;
}

.top-banner.product-item {
    float: right;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .ccButton,
.page-QuotePage.feature-design .tpQlpProductPanelComponent .tpQ_button  {
    display: inline-block;
    width: 250px;
}
.page-QuotePage.feature-design .tpQlpProductPanelComponent .tpQ_button {
    float: right;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .tpQ_button {
    float: right;
}
.page-QuotePage.feature-design .tpQlpProductPanelComponent #addToCartButton.btn-disabled {
    min-width: 245px!important;
}
.page-QuotePage.feature-design .tpQlpProductPanelComponent .ccButton input,
.page-QuotePage.feature-design .tpQlpProductPanelComponent .tpQ_button input {
    background-size: 20px;
    background-position: 10px;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    font-weight:normal!important;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
    min-height: 39px;
    width: 250px;
    padding: 0 !important;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .change-postcode {
    display: inline-block;
    float: right;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .price_error_message_holder .price-message p {
    width: 120px;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .baskt_item .price_error_message_holder {
    width: 100%;
}

.page-QuotePage.feature-design .tpQlpProductPanelComponent .price_error_message_holder .info-tooltip-icon {
    margin-left: 0;
}

.tpProductInfo  .productPrice .price_from {
    float: left;
    padding-top: 5px;
}

.feature-design #ProductDetail span.productPrice .includedVAT{
    font-size: 20px;
}
.feature-design .tpInfoWrapper .productPrice .price_info_holder .price_inc_vat{
    font-size: 12px;
}
.productPrice .price_inc_vat_section .price_info_holder {
    padding-bottom: 4px;
}
.productPrice .price_inc_vat_section{
    margin-top: 5px;
}
.tpInfoWrapper .productPrice .price_inc_vat_section,
.feature-design .tpInfoWrapper .productPrice .product_price_section {
    display: table;
    width: 100%;
}
.feature-design .tpInfoWrapper .productPrice .uom_value {
    display: block;
    line-height: 14px;
    width: auto;
    padding-top: 5px;
}

/* SEO Bottom Text Block */

.seoPageInfo .content a {
    color: #1A3B69;
}
.seoPageInfo .content {
    float: left;
    text-align: justify;
    color: #737373;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    padding: 20px 0;
}

/* SEO Bottom Text Block End */

/*Mailing List Sign Up Section BEGIN*/

#mailingListSignUpSection_holder {
    background-color: #0A4F38;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 15px;
}

#mailingListSignUpSection_holder .icon_holder {
    height: 40px;
}

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

#mailingListSignUpForm {
    display: inline-block;
    position: relative;
}

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

#mailingListSignUpSection_holder span, #mailingListSignUpSection_holder p {
    color: #FFF;
    font-size: 18px;
    display: block;
    margin: 15px 0;
}

#mailingListSignUpSection_holder p {
    margin: 20px 10px 0;
    font-size: 12px;
    line-height: 18px;
}

#mailingListSignUpSection_holder p a {
    color: #FFF;
    text-decoration: underline;
}

#mailingListSignUpSuccess {
    display: none;
}

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

#mailingListSignUpSuccess span {
    margin-top: 40px;
}

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

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

#mailingListSignUpForm input[type=submit] {
    border-radius: 0 4px 4px 0;
    background-color: #f6b112;
    border-color: #f6b112;
    cursor: pointer;
    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 Promotions START */

.inspirational_container {
    width: 950px;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    position: relative;
    margin: 10px 0;
    flex-wrap: wrap;
}
.inspirational_container:before {
    content: '';
    display: block;
    position: absolute;
    width: 3000px;
    top: 0;
    left: -1000px;
    height: 100%;
    background: #fafafa;
}
.inspirational_section {
    font-size: 0;
    flex-wrap: wrap;
    align-content: flex-end;
    display: flex;
    position: relative;
    width: 443px;
    margin: 20px 0;
}
.inspirational_section .headline {
    height: 20px;
    width: 443px;
    margin-bottom: 5px;
}
.inspirational_section .headline p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.inspirational_items_block {
    align-self: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 443px;
    height: 443px;
}
.header p, .imageParagraphText h4 {
    line-height: 20px;
    font-size: 14px;
    padding: 0;
    margin: 0;
}
.inspiration_item {
    font-size: 0;
}
.inspiration_item .product_link:hover {
    text-decoration: none;
}
.inspiration_item .product {
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
    width: 209px;
    height: 134px;
}
.inspiration_item .product:hover {
    border-bottom: 2px solid #f6b112;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    transition: all 0.2s;
    text-decoration: none;
}
.inspiration_item .product * {
    color: #616161;
}
.inspiration_item .product .picture,
.inspiration_item .product .price_info {
    display: inline-block;
}
.inspiration_item .product .text_info {
    position: relative;
}
.inspiration_item .product .price_info {
    float:right;
    margin-top: 5px;
    position: absolute;
    top: -75px;
    right: 0;
}
.inspiration_item .product .price_info span {
    display: block;
    line-height: 20px;
}
.inspiration_item .product .picture img {
    width: 68px;
    height: 68px;
}
.inspiration_item .product .price_info .price_value {
    font-size: 18px;
    color: #232323;
    text-align: right;
    margin-bottom: 5px;
}
.inspiration_item .product .price_info .uom,
.inspiration_item .product .price_info .vat_info {
    line-height: 15px;
    font-size: 13px;
    text-align: right;
}
.inspiration_item .product .product_name {
    height: 40px;
    margin-top: 5px;
}
.inspiration_item .product .product_name p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.inspirational_container .inspirational_section:nth-child(even) .headline p {
    text-align: right;
}
/* Inspirational Promotions END */

/* Home Page only -  Sign up and Branch Locator section start */

.sign_up_branch_locator_holder {
    width: 950px;
    height: 300px;
    box-sizing: border-box;
    align-self: flex-end;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    position: relative;
}

.signUpBranchLocator_section {
    display: table;
}

.sign_up_branch_locator_holder .leftColumn {
    width: 456px;
    margin-right: 20px;
    display: table-cell;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    background: white;
}

.sign_up_branch_locator_holder .leftColumn .header {
    height: 80px;
    padding: 10px;
    font-size: 18px;
    box-sizing: border-box;
    text-align: center;
    background: #0a4f38;
    color:#fff;
    padding-top: 19px;
}

.sign_up_branch_locator_holder .rightColumn {
    width: 350px;
    margin-right: 20px;
    display: table-cell;
    vertical-align: middle;
}

.sign_up_options .sign_up_option, .sign_up_options .sign_up_link_holder {
    display: inline-flex;
    width: 206px;
    height: 180px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ececec;
}

.sign_up_options .sign_up_link_holder {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 216px;
    height: 190px;
    left: 5px;
    top: 85px;
    opacity: 0;
    text-align: center;
}

.sign_up_options .sign_up_link_holder .sign_up_link a {
    color: #000;
    height: 190px;
    width: 216px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sign_up_options .sign_up_link_holder .sign_up_link {
    text-align: center;
    width: 100%;
}

.sign_up_option:nth-of-type(2) .sign_up_link_holder {
    left: 233px;
}

.compact_branch_locator_holder {
    margin: 10px;
    margin-left: 30px;
}

#compactBranchLocatorForm input[type=text] {
    border-radius: 4px 0 0 4px;
    width: 185px;
    color: rgba(0,0,0,0.6);
    padding: 9px;
}

#compactBranchLocatorForm input[type=submit] {
    border-radius: 0 4px 4px 0;
    background-color: #f6b112;
    border-color: #f6b112;
    cursor: pointer;
    outline: none;
    padding: 10px;
}

#compactBranchLocatorForm input {
    margin-bottom: 0;
    border: 1px 0 0 0 solid;
}

.compact_branch_locator_holder .header {
    margin-bottom: 25px;
    font-size: 20px;
}

.compact_branch_locator_holder .picture {
    bottom: 25px;
    right: 0px;
    position: absolute;
}

.sign_up_options .sign_up_link_holder:hover {
    opacity: 1;
    background: rgba(246, 177, 18, 0.9);
}

.sign_up_options .sign_up_option .sign_up_option_content li:before {
    font-family: FontAwesome;
    content: "\f058";
    font-size: 12px;
    color: #616161;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 15px;
    margin-top: 2px;
}

.sign_up_options .sign_up_option:nth-child(2) .sign_up_option_content li:before {
    left: 240px;
}

.sign_up_options .sign_up_option .sign_up_option_content li {
    margin-bottom: 10px;
    margin-left: 20px;
}

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

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

#compactBranchLocatorForm .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;
}

.sign_up_option .sign_up_option_content strong span {
    font-weight: bold !important;
}

/* End - Home Page only -  Sign up and Branch Locator section start */

.store_locator #map_canvas {
    width: 400px;
    float:left;
    margin-top: 25px !important;
}
.store_locator #map_canvas.full_map {
    float: none;
    width: auto;
}
.store_locator .nearest_branches {
    width: 530px;
    float:left;
    margin-right: 20px;
}
.store_locator .str_loc_heading {
    background-color: #FFFFFF !important;
}
.store_locator .cnt_mn_heading, .str_loc_heading p {
    color: #000 !important;
}
.store_locator .store_filter .store_filter_wrap, .post_code_search {
    border:none !important;
}
.store_locator .branch .distance, .branch .branch_info, .branch .address, .branch .branch_services {
    width: 93% !important;
}
.store_locator input.search_cta {
    margin-top: 0 !important;
}
.store_locator .branch .distance a.secondary_cta {
    float:left;
    width:120px;
    height: 4px;
    padding-top: 3px;
    padding-bottom:13px;
}
.store_locator .branch .distance span {
    float:left;
    width:20%;
    font-size: 14px !important;
    margin-top: 3px;
}
.store_locator .branch .distance {
    margin-left: 0 !important;
}
.store_locator .branch .branch_services {
    margin-left: 50px;
    margin-top: 20px;
}
.store_locator .branch {
    height: 200px !important;
}
.store_locator .branch .options {
    height: initial !important;
    padding-top: 0 !important;
    margin-right: 13px;
    margin-top: 2px;
}
.store_locator .branch .branch_services h4 {
    font-weight: bold;
    margin-bottom: 10px;
}
.store_locator .branch h4.info_heading {
    display: none;
}
.store_locator .branch .branch_info {
    margin-left: 50px;
}
.store_locator #content_full_w .promos {
    border:none !important;
}
.store_locator .branch span[class*="reslt"] {
    position: absolute;
}
.store_locator .branch_services li img {
    width: 20px;
    height: 20px;
}
.store_locator .store_filter_wrap label.visible {
    display: block !important;
}
.store_locator .store_filter_wrap label {
    display: none !important;
}
.store_locator .store_filter .cnt_sb_heading, .store_locator .branch .contact_details,
.store_locator .branch_info > .info_heading + span.section_info {
    display: none !important;
}

/* Top Products START */
.product_tabs_group {
    margin: 15px 0;
}
.tabs_group_headlines {
    font-size: 0;
    height: 30px;
    margin-bottom: 10px;
}
.tabs_group_headlines .headline {
    display: inline-block;
    width: 50%;
}
.tabs_group_headlines .headline.right {
    text-align: right;
}
.tabs_group_headlines .headline p {
    margin: 0;
    line-height: 30px;
    font-size: 14px;
}
.product_tabs_group ul {
    font-size: 0;
    background-color: #fafafa;
}
.product_tabs_group li {
    display: inline-block;
    background-color: #fafafa;
    width: 158px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}
.product_tabs_group li:hover {
    background-color: #eee;
}
.product_tabs_group 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 a:first-child .tab_title {
.border-left: none;
}
.product_tabs_group a:last-child .tab_title {
.border-right: none;
}
.product_tabs_group li .tab_title p {
    font-size: 14px;
    color: #616161;
    line-height: 30px;
    text-decoration: none;
}
.product_tabs_group li.active .tab_title p {
    color: #000;
}
.products_tab {
    font-size: 0;
}
.products_tab.invisible {
    display: none;
}
.product_tabs_group .inspiration_item {
    display: inline-block;
    vertical-align: top;
}
.product_tabs_group .product {
    width: 158px;
    padding: 0 10px 10px;
    margin-top: 10px;
    height: 260px;
    box-shadow: none !important;
    position: relative;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.products_tab .inspiration_item:first-child .product {
    border-left: none;
}
.products_tab .inspiration_item:last-child .product {
    border-right: none;
}
.product_tabs_group .product:hover {
    z-index: 99;
}
.product_tabs_group .product .picture img {
    width: 135px;
    height: 135px;
}
.product_tabs_group .product .text_info {
    display: flex;
    flex-direction: column-reverse;
    width: 135px;
}
.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;
}
/* Top Products END */
/* Social Media Links START */
.travis-perkins-footer .social-media-links{
    display: flex;
    justify-content: flex-end;
    height: 0;
}

.travis-perkins-footer .social-media-links .simple_disp-img{
    position: relative;
    top: 43px;
    margin-left: 18px;
    margin-right: 7px;
}
/* Social Media Links END */

/* Top Products START */
.product_tabs_group {
    margin: 15px 0;
}
.tabs_group_headlines {
    font-size: 0;
    height: 30px;
    margin-bottom: 10px;
}
.tabs_group_headlines .headline {
    display: inline-block;
    width: 50%;
}
.tabs_group_headlines .headline.right {
    text-align: right;
}
.tabs_group_headlines .headline p {
    margin: 0;
    line-height: 30px;
    font-size: 14px;
}
.product_tabs_group ul {
    font-size: 0;
    background-color: #fafafa;
}
.product_tabs_group li {
    display: inline-block;
    background-color: #fafafa;
    width: 158px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}
.product_tabs_group li:hover {
    background-color: #eee;
}
.product_tabs_group 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 a:first-child .tab_title {
.border-left: none;
}
.product_tabs_group a:last-child .tab_title {
.border-right: none;
}
.product_tabs_group li .tab_title p {
    font-size: 14px;
    color: #616161;
    line-height: 30px;
    text-decoration: none;
}
.product_tabs_group li.active .tab_title p {
    color: #000;
}
.products_tab {
    font-size: 0;
}
.products_tab.invisible {
    display: none;
}
.product_tabs_group .inspiration_item {
    display: inline-block;
}
.product_tabs_group .product {
    width: 158px;
    padding: 0 10px 10px;
    margin-top: 10px;
    height: 260px;
    box-shadow: none !important;
    position: relative;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.products_tab .inspiration_item:first-child .product {
    border-left: none;
}
.products_tab .inspiration_item:last-child .product {
    border-right: none;
}
.product_tabs_group .product:hover {
    z-index: 99;
}
.product_tabs_group .product .picture img {
    width: 135px;
    height: 135px;
}
.product_tabs_group .product .text_info {
    display: flex;
    flex-direction: column-reverse;
    width: 135px;
}
.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;
}
/* Top Products END */
/* Social Media Links START */
.travis-perkins-footer .social-media-links{
    display: flex;
    justify-content: flex-end;
    height: 0;
}

.travis-perkins-footer .social-media-links .simple_disp-img{
    position: relative;
    top: 43px;
    margin-left: 18px;
    margin-right: 7px;
}
/* Social Media Links END */

/* Diverted Delivery PDP START */

.supplier_delivery_lead_time_message_holder {
    font-size: 0;
    background-color: #f5f5f5;
    margin-top: 25px;
    padding: 10px;
    color: #333;
}

.supplier_delivery_lead_time_message_holder .supplier_delivery_message_icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.supplier_delivery_lead_time_message_holder .supplier_delivery_message_text {
    display: inline-block;
    width: 220px;
    line-height: 1.5;
    font-weight: normal;
    font-size: 14px;
}

.supplier_delivery_lead_time_message_holder .supplier_delivery_message_text .delivered_within {
    height: 50px;
}

.supplier_delivery_lead_time_message_holder img {
    height: 50px;
    width: 50px;
}

.always_in_stock_message_text::before {
    font-family: FontAwesome;
    content: "\f058";
    font-size: 16px;
    color: #0f7258;
    margin-right: 2px;
}

/* Diverted Delivery PDP END */

/* US30213 */
.template-pages-CheckoutPageTemplate.feature-design .delivery-details-left-block .title {
    text-transform: lowercase;
}
.template-pages-CheckoutPageTemplate.feature-design .delivery-details-left-block .title::first-letter {
    text-transform: uppercase;
}
/*  fixes for spacing between comonents on homepage  */
.page-TPHomePage #content .yCmsComponent.tpCarousel {
    padding-bottom: 20px;
}
.page-TPHomePage #content > .yCmsContentSlot,
.page-TPHomePage #content > .yCmsComponent{
    padding-bottom: 40px;
}
.yCmsContentSlot.inspirational_container {
    margin: 0;
}
#mailingListSignUpSection_holder {
    margin-top:20px;
}
/* plp page resizing to 33% fixed */
/* TO REMOVE? STRANGE COMMENT ABOVE */
/*.page-spotLightPage.feature-design .list_view #products .row .prod .prod_info {*/
/*width: 513px;*/
/*}*/
/* Account area and branch locator component styling and spacing when resizing*/
.signUpBranchLocator_section .yCmsComponent.rightColumn:before {
    content: '';
    display: block;
    width: 3000px;
    height: calc(100% - 80px);
    top: 40px;
    background: #f5f5f5;
    position: absolute;
    left: -1000px;
    z-index: -1;
}
.signUpBranchLocator_section .sign_up_options {
    display: flex;
}
.signUpBranchLocator_section .sign_up_option p span strong {
    font-weight: normal;
}
.compact_branch_locator_holder .picture img{
    height: 290px;
    position: relative;
    left: 35px;
}
#compactBranchLocatorForm {
    display: flex;
}
#compactBranchLocatorForm > input[type=submit] {
    margin-top: 7px;
}
/* Remove white spacing above the carousel on homepage*/
.page-TPHomePage .tpCarousel {
    margin-top: -26px;
}
/* Big and Bulky popup */
span.yCmsContentSlot.BigAndBulkyProductIcon {
    z-index: 3;
}
.pageType-CategoryPage .grid_view span.yCmsContentSlot.BigAndBulkyProductIcon {
    right: 0px;
}
.pageType-CategoryPage .list_view span.yCmsContentSlot.BigAndBulkyProductIcon .info-tooltip {
    position: relative;
    text-align: right;
    left: 50px;
}
.BigAndBulkyProductIcon span.info-tooltip-message {
    background: white;
    border: 2px solid #0a4f38;
    padding: 15px;
    position: absolute;
    width: 200px;
    font-size: 13px;
    text-align: center;
    top: 50px;
    left: 20px;
    z-index: 2;
}
.pageType-CategoryPage .grid_view .info-tooltip {
    text-align: right!important;
}
.page-productDetails span.yCmsContentSlot.BigAndBulkyProductIcon {
    position: absolute!important;
    width: 100px;
    margin-top: -54px;
}
.page-productDetails span.yCmsContentSlot.BigAndBulkyProductIcon .info-tooltip {
    top: -58px;
}
.page-cartPage span.yCmsContentSlot.BigAndBulkyProductIcon img {
    position: absolute!important;
    top: -10px!important;
    transform: scale(0.8);
}
.feature-design .baskt_item .itm_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}
/* Credit Limit overlap fix */
.page-OrderPaymentPage.feature-design .paymentDetails_text .credit li.limit .valueAlign {
    width: auto;
    margin-right: 5px;
}

/* wesco landjng page fix */
.pageLabel--wescopowertools tr:hover > td strong div,
.pageLabel--wescopowertools tr:hover > td span,
.pageLabel--wescopowertools tr:hover > td p{
    font-weight:  normal !important;
}
.baskt_item span.yCmsContentSlot.BigAndBulkyProductIcon {
    z-index: 3;
    width: 40px;
    height: 40px;
}

/* Power Reviews START */
.feature-design .stars-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 5px;
    margin-bottom: 5px;
}

.feature-design .prod .stars.large {
    background: url(../images/rating_sprite_power_review.png) -5px -5px no-repeat scroll;
    margin: 0 5px 0 0;
    width: 75px;
}
.feature-design .average-rating {
    display: inline-block;
    padding: 1px;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 9px;
    line-height: 10px;
}
.feature-design  .stars.large span {
    background: url("../images/rating_sprite_power_review.png") -5px -28px no-repeat scroll;
    display: block;
    height: 14px;
}
.feature-design  .row .prod .prod_info h4 .stars-block a {
    margin:0 0 0 1px;
    font-size:12px;
}

.feature-design .reviews-count {
    line-height: 14px !important;
}
/* Power Reviews END */

/* Toolhire START */
.page-TPToolHirePage #cboxContent {
    border: none!important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
}
.page-TPToolHirePage #cboxClose {
    right: 15px;
    top: 18px;
}
.page-TPToolHirePage #colorbox,
.page-TPToolHirePage #cboxWrapper {
    width: auto !important;
}
.page-TPToolHirePage div#cboxLoadedContent {
    margin-bottom: 0px;
}
.toolhire.request-call-back .request-button,
#toolhire-callback-popup .toolhire-button,
.toolhire.request-call-back.request-button{
    background-color: #F6B112;
    width: 200px;
    margin: 30px auto 20px;
    line-height: 50px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
.toolhire.request-call-back.request-button {
    display: inline-block;
}
.feature-design .list_view #products .row .prod.hireableproduct .prod_info h4 .product_price_holder .price_from{
    margin: 0 -5px 2px 0;
}
.feature-design.feature-can-collect .list_view #products .prod.hireableproduct{
    overflow: hidden;
}
.feature-design .list_view #products .row .prod.hireableproduct .prod_info{
    padding:0;
}
.feature-design.feature-can-collect .list_view .labeled-phone-number p {
    font-size:14px;
    line-height: 17px;
}
.feature-design.feature-can-collect .list_view .labeled-phone-number-phone{
    font-weight: bold;
}
.page-productGrid.feature-design.feature-can-collect .grid_view .hirableOpeningHoursMessage{
    display: none;
}
.page-search.feature-design.feature-can-collect .grid_view .hirableOpeningHoursMessage{
    display: none;
}
.feature-design.feature-can-collect .grid_view .toolhire.request-call-back,
.feature-design.feature-can-collect .grid_view .labeled-phone-number{
    display:none;
}
.hirableOpeningHoursMessage {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
}
#toolhire-callback-popup .submit-button {
    position: relative;
    margin-top: 20px;
}
#toolhire-callback-popup .toolhire-thank-you-component-description-button a {
    display: inline-block;
    text-decoration: none;
    color: #232323;
    line-height: 35px;
    margin: 0;
    margin-top: 20px;
}
#toolhire-callback-popup .toolhire-thank-you-title {
    font-size: 25px;
    text-align: left;
}
#toolhire-callback-popup .toolhire-thank-you-contact-info,
#toolhire-callback-popup .toolhire-thank-you-component {
    margin-top: 20px;
}
#toolhire-callback-popup .toolhire-thank-you-component {
    background-color: #f2f2f2;
    padding: 20px;
}
#toolhire-callback-popup label.error {
    display: block;
    background: transparent;
    border: none;
    padding: 0;
    color: red;
    float: right;
    margin-right: 270px;
}
#toolhire-callback-popup input.error,
#toolhire-callback-popup textarea.error {
    color: #232323;
    background: #fff;
    border-bottom: 2px solid #ED1C24;
}
#toolhire-callback-popup .caption {
    background-color: #0a4f38;
    font-size: 18px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
}
#toolhire-callback-popup #toolhire-callback-form-wrapper {
    padding: 20px;
}
#toolhire-callback-popup #toolhire-callback-thank-you-wrapper {
    display: none;
    padding: 30px;
}
form[name='toolhire-callback'] .form-content {
    font-size: 13px;
}
form[name='toolhire-callback'] .required-fields-info {
    text-align: right;
    margin-bottom: 15px;
    font-size: 12px;
}
form[name='toolhire-callback'] .contact-info {
    margin-bottom: 15px;
}
form[name='toolhire-callback'] .form-content .input {
    margin-top: 10px;
}
form[name='toolhire-callback'] .form-content .label {
    color: #232323;
    font-size: 14px;
}
form[name='toolhire-callback'] .form-content textarea {
    width: 407px;
    height: 130px;
    border: 1px solid #e0e0e0;
    padding: 3px;
    max-width: 100%;
}
form[name='toolhire-callback'] .form-content input {
    width: 290px;
    height: 25px;
    border: 1px solid #e0e0e0;
    padding: 3px;
}
form[name='toolhire-callback'] .form-content .input-description {
    display: inline-block;
    font-size: 13px;
    margin-left: 15px;
    width: 200px;
    vertical-align: middle;
}
#toolhire-callback-popup .toolhire-thank-you-component > div {
    display: inline-block;
    vertical-align: top;
}
#toolhire-callback-popup .toolhire-thank-you-component-image,
#toolhire-callback-popup .toolhire-thank-you-component-image img {
    max-width: 170px;
    height: auto;
}
#toolhire-callback-popup .toolhire-thank-you-component-description-block {
    width: 304px;
    margin-left: 20px;
}
#toolhire-callback-popup .toolhire-thank-you-component-description-text {
    line-height: 18px;
}
#toolhire-callback-popup .toolhire-thank-you-component-description-text p {
    margin-bottom: 0;
    font-size: 14px;
}
/*Toolhire right panel*/
#toolhire-right-panel {
    text-align: center;
}
#toolhire-right-panel .labeled-phone-number-label,
#toolhire-right-panel .labeled-phone-number-label p {
    font-size: 14px;
    line-height: 17px;
    font-family: 'Arial Regular', 'Arial';
    color: #333333;
}
#toolhire-right-panel .labeled-phone-number-label p {
    line-height: 7px;
}
#toolhire-right-panel .labeled-phone-number-phone .fa-phone-square {
    font-size: 28px;
}
#toolhire-right-panel .labeled-phone-number-phone,
#toolhire-right-panel .labeled-phone-number-phone p {
    margin-top: 11px;
    color: #333333;
    font-size: 28px;
    font-weight: 700;
    font-family: 'Arial Bold', 'Arial';
}
#toolhire-right-panel .labeled-phone-number-phone p {
    display: inline;
}
#toolhire-right-panel .request-button {
    width: 198px;
    height: 40px;
    line-height: 41px;
    margin: 0 auto;
}
#toolhire-right-panel .content {
    line-height: 7px;
}
#toolhire-right-panel .toolhire-right-panel-login-for-account-link {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: right;
}
#toolhire-right-panel .tpVariantsWrapper .dropdown ul {
    text-align: left;
}
.page-productDetails.feature-design .tpProductView .tpProductInfo #toolhire-right-panel  .tpVariantsWrapper label {
    margin-left: 35px;
}
#toolhire-right-panel .tpVariantsWrapper .dropdown {
    float: initial !important;
}
#toolhire-right-panel .tpVariantsWrapper .dropdown-opener {
    text-align: left;
}
.page-productDetails.feature-design .tpProductInfo.hireable {
    width: 334px;
}
#colorbox.toolhire #cboxClose {
    top: 19px;
}
#toolhire-right-panel .toolhire-ppe-section {
    padding: 10px;
    background: #f5f5f5;
}
#toolhire-right-panel .toolhire-ppe-title {
    padding: 0 10px;
    line-height: 22px;
}
#toolhire-right-panel .toolhire-ppe-title p {
    margin: 0;
    font-size: 14px;
}
#toolhire-right-panel .toolhire-ppe-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#toolhire-right-panel .toolhire-ppe-icons a {
    margin: 5px;
}
#toolhire-right-panel .toolhire-ppe-link {
    text-align: right;
    margin-top: 10px;
}
#toolhire-right-panel .toolhire-ppe-link a {
    font-size: 12px;
}
#toolhire-right-panel .info-tooltip {
    position: relative;
}
#toolhire-right-panel .info-tooltip .info-tooltip-message {
    background: #FFFFFF;
    border: 2px solid #0A4F38;
    color: #232323;
    display: none;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0 -87px;
    padding: 10px;
    position: absolute;
    width: 150px;
    font-size: 12px;
    z-index: 999;
    left: 50%;
    top: 10px;
}
#toolhire-right-panel .info-tooltip .info-tooltip-message:before,
#toolhire-right-panel .info-tooltip .info-tooltip-message:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-width: 7px;
    border-left-color: #0A4F38;
    left: 50%;
    top: -16px;
    margin-left: -7px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
#toolhire-right-panel .info-tooltip .info-tooltip-message:after {
    border-left-color: #ffffff;
    top: -13px;
}
/*Toolhire right panel END*/


/*Toolhire prices START*/

.toolhire-price-tabs-group {
    width:336px;
    margin:0 0 20px;
    font-size:13px;
}
.toolhire-price-tabs-group ul {
    font-size: 0;
}
.toolhire-price-tabs-group .ui-tabs .ui-tabs-nav .caption {
    display: inline-block;
    font-size: 13px;
    padding:3px 28px;
    background-color: #FFF;
}
.toolhire-price-tabs-group .ui-tabs .ui-tabs-nav .caption.ui-state-active,
.toolhire-price-tabs-group .ui-tabs .ui-tabs-panel{
    background-color: #F5F5F5;
}
.toolhire-price-tabs-group .ui-tabs .ui-tabs-nav .caption.ui-state-active a {
    font-weight: bold;
}
.toolhire-price-tabs-group .ui-tabs .ui-tabs-panel{
    outline:none;
}
.toolhire-price-tabs-group .including-vat,
.toolhire-price-tabs-group .excluding-vat{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.toolhire-price-tabs-group .price-holder {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
}
.toolhire-price-tabs-group .price-holder .period {
    padding: 5px 15px 7px 0;
}
.toolhire-price-tabs-group .other-prices-item{
    display:flex;
    justify-content:flex-start;
    padding:6px 0;
    align-items: center;
}
.toolhire-price-tabs-group .other-prices-item .period{
    padding: 0 5px 0 0;
}
.toolhire-price-tabs-group .price-value{
    font-size:25px;
    padding: 0 5px;
}
.toolhire-price-tabs-group .price-holder .price-value{
    padding: 0;
    text-align:left;
}
.toolhire-price-tabs-group .other-prices-item .price-value{
    font-size:13px;
}
.toolhire-price-tabs-group .ui-tabs-hide{
    display: none;
}

.toolhire-price-tabs-group #tabs .caption {
    padding: 0;
}
.toolhire-price-tabs-group #tabs .caption a {
    padding: 0 20px;
    line-height: 20px;
    color: #212121;
}
.toolhire-price-tabs-group #tabs .caption a:hover {
    text-decoration: none;
}

.toolhire-price-tabs-group #tabs.tabs-extended {
    background-color: #F5F5F5;
    padding: 1em 1.4em 0 1.4em;
}
.toolhire-price-tabs-group #tabs > span {
    display: block;
    background-color: #F5F5F5;
    padding: 10px 0 20px 0;
}

#toolhire-right-panel .loggedOutToolTipOnProductPage {
    display: flex;
}
.one-week-holder{
    display: flex;
    align-items: baseline;
    width: 100%;
    justify-content: center;
}
.one-week-holder .period,
.one-week-holder .price-value{
    text-align:left;
    padding:0;
    font-size:14px;
}
.one-week-holder .price-value{
    font-weight:bold;
    padding:0 0 0 5px;
}
.one-week-holder span {
    padding: 0 0 0 5px;
}
/*Toolhire prices END*/

/* Toolhire END */

/* Add to basket button START */

#tpPdpRightPanelComponent .tpActionWrapper .add_to_cart_form .add_to_basket_button_disabled input,
#tpPdpRightPanelComponent .tpActionWrapper .add_to_cart_form .add_to_basket_button input {
    width: 300px!important;
    height: 50px;
    font-size: 14px!important;
    border: none;
    margin: 30px auto 20px;
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    border-radius:4px!important;
    background-image: none!important
}

#tpPdpRightPanelComponent .tpActionWrapper .add_to_cart_form .add_to_basket_button input:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
    background-color: #f4a91f;
    transition: 0.2s all;
    border: none;
    color: black;
    background-image: none!important
}

#tpPdpRightPanelComponent .tpActionWrapper .add_to_cart_form .add_to_basket_button input{
    background-color: #F6B112;
    cursor: pointer;
}

#tpPdpRightPanelComponent .tpActionWrapper .add_to_cart_form .add_to_basket_button_disabled input{
    background-color: #eee;
}

#tpPdpRightPanelComponent .tpActionWrapper .add_to_cart_form .add_to_basket_button_disabled input:focus{
    outline: none;
}

/* Add to basket button END */

/* New Nav START*/
.navigation_bar_categories .category-title{
    margin: 0 0 30px;
}
.navigation_bar_categories .category-title .category-title-text{
    font-size: 24px;
    margin: 0 0 10px;
    font-weight:bold;
    line-height: 26px;
    padding: 0;
    color: #333;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
.feature-design #tp_nav_main li.tp_nav2level_category .nav2level_Title a{
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
    position: relative;
    color: #073828;
    height: auto;
    width: auto;
    line-height: 20px;
    min-height: 40px;
}
#tp_nav_main .nav3level li a,
#tp_nav_main .nav3level li span{
    line-height: 20px;
}
#tp_nav_main li .tp_top_nav2level_viewAll a{
    border: none;
    display: inline-block;
    color: #073828;
    height: auto;
    line-height: 20px;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
#tp_nav_main li .tp_top_nav2level_viewAll a:hover {
    text-decoration: underline;
}
/* New Nav END*/

/* New Nav START A-Z Listing*/
#tp_nav_main .flyout#a-z-menu{
    padding: 0 30px 30px 30px;
    width: 910px;
}
#tp_nav_main .category-title.a-z-title-area{
    text-align: center;
    margin: 30px 0 30px 0;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
#tp_nav_main .flyout#a-z-menu #a-z-quick-links {
    display: inline-flex;
    justify-content: space-around;
}
#tp_nav_main .flyout#a-z-menu .a-z-quick-link{
    background: none;
}
#tp_nav_main .flyout#a-z-menu #a-z-quick-links li a{
    font-size: 18px;
    color:#333;
    font-weight: 600;
    display: block;
    padding:5px 10px 5px 9px;
    border: none;
    background: none;
    height: auto;
    min-width: auto;
}
#tp_nav_main .flyout#a-z-menu #a-z-quick-links li a:hover{
    color: #0d6648;
}
#tp_nav_main .flyout#a-z-menu .a-z-search{
    width: 455px;
    margin: 0 auto 30px;
    position: relative;
}
#tp_nav_main .flyout#a-z-menu #a-z-search-box{
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #bdbdbd;
    padding:9px;
    width: 100%;
    height: 20px;
    font-size: 14px;
    text-indent: 30px;
    color: #333;
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
#tp_nav_main .flyout#a-z-menu #a-z-search-box:focus{
    outline: none;
    border-bottom-color: #F6B112;
}
#tp_nav_main .flyout#a-z-menu .fa-search{
    position: absolute;
    top: 16px;
    left: 5px;
    font-size: 20px;
    color: #707070;
}
#tp_nav_main #all-a-z-list .letter-section div{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #eee;
}
#tp_nav_main #all-a-z-list .letter-section div a{
    height: auto;
    border: none;
    min-width: auto;
    font-size: 18px;
    font-weight: 800;
    padding: 0;
    cursor: default;
}
#tp_nav_main #all-a-z-list .letter-section ul.row{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px 30px -10px!important;
}
#tp_nav_main #all-a-z-list .letter-section ul.row li{
    width: 220px;
    background: none;
    padding: 0px 10px;
    box-sizing: border-box;
}
#tp_nav_main #all-a-z-list .letter-section ul.row li a{
    height: auto;
    border: none;
    min-width: auto;
    font-size: 14px;
    color: #707070;
    padding: 0 0 10px 0;
    line-height: 20px;
    text-align: left;
}
#tp_nav_main #all-a-z-list .letter-section ul.row li a:hover{
    color: #073828;
    text-decoration: underline;
}
#tp_nav_main #all-a-z-list {
    height:354px;
    overflow-y: scroll;
    padding: 0 15px 0 0;
}
#tp_nav_main #a-z-menu .hide {
    display: none!important;
}
#tp_nav_main #all-a-z-list::-webkit-scrollbar {
    width: 5px;
}
#tp_nav_main #all-a-z-list::-webkit-scrollbar-thumb {
    background: #0d6648;
}
#tp_nav_main #all-a-z-list::-webkit-scrollbar-track {
    background: #e0e0e0;
}
#tp_nav_main #all-a-z-list #no-results-found{
    margin: 30px 0;
}
#tp_nav_main #all-a-z-list #no-results-found div{
    color: #333;
    font-size: 18px;
    font-weight: 600;
}
#tp_nav_main .flyout#a-z-menu #a-z-quick-links li a.inactive {
    cursor: default;
    color: #bdbdbd;
}
#tp_nav_main ul > li.top-menu .inactive {
    color: #bdbdbd !important;
}
/* New Nav END A-Z Listing*/

/* New Nav START Promoted categories*/
#tp_nav_main .promoted-product a.product_link {
    display: block;
    height: auto;
    border: none;
    padding: 0;
}
#tp_nav_main .flyout#promoted-category{
    padding: 0 30px 30px 30px;
    width: 910px;
}
#promoted-category-menu,
#promoted-non-taxonomy-menu {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
#promoted-category *,
#promoted-non-taxonomy * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#promoted-category .flyout h3 {
    margin: 0;
    padding: 30px 0 30px;
    font-size: 24px;
}
#promoted-category .row:before,
#promoted-non-taxonomy .row:before {
    display: table;
    content: " ";
}
#promoted-category .row:after,
#promoted-non-taxonomy .row:after {
    display: table;
    content: " ";
    clear: both;
}
#promoted-category .col-md-3,
#promoted-non-taxonomy-menu .col-md-3 {
    width: 23.33333333%;
    float: left;
    position: relative;
    padding: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    min-height: 393px;
}
#promoted-category .promoted-product.view-all a:hover, #promoted-non-taxonomy .promoted-product.view-all a:hover {
    text-decoration: underline;
}
#promoted-category .col-md-3:hover,
#promoted-non-taxonomy-menu .col-md-3:hover {
    border-bottom: 3px solid #e09b12;
    transition: 0.2s all;
    margin-bottom: -2px;
}
#promoted-category .promoted-product.view-all.col-md-3,
#promoted-non-taxonomy-menu .promoted-product.view-all.col-md-3 {
    border: none;
}
#promoted-category .promoted-product.view-all.col-md-3 {
    background: #0A4F38;
}
#promoted-non-taxonomy-menu .promoted-product.view-all.col-md-3 {
    background: #D41B2D;
}
#promoted-category .col-md-3:nth-child(4),
#promoted-non-taxonomy-menu .col-md-3:nth-child(4) {
    margin-right: 0;
}
#promoted-category .promoted-product.view-all a span {
    color: #F6B112;
}
#promoted-category .promoted-product-image,
#promoted-non-taxonomy-menu .promoted-product-image {
    display: block;
    height: auto;
    border: none;
    padding: 0;
    margin-bottom: 7px;
}
#promoted-category .promoted-product-image img,
#promoted-non-taxonomy-menu .promoted-product-image img {
    max-height: 180.5px;
    max-width: 100%;
}
#promoted-category .promoted-product-info .prod_title,
#promoted-non-taxonomy-menu .promoted-product-info .prod_title {
    border: none;
    line-height: 22px;
    font-size: 14px;
    text-align: left;
    padding: 0;
    width: auto;
    height: auto;
    min-height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#promoted-category .promoted-product-info .price_info_holder,
#promoted-non-taxonomy-menu .promoted-product-info .price_info_holder {
    margin-top: 10px;
    text-align: center;
    min-height: 94px;
    background: #f5f5f5;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    color: #707070;
    line-height: 20px;
    position: relative;
}
#promoted-category .promoted-product-info .price_info_holder .rrp_price_ex_vat,
#promoted-non-taxonomy-menu .promoted-product-info .price_info_holder .rrp_price_ex_vat {
    display: inline;
    text-decoration-line: line-through;
    margin-left: 4px;
}
#promoted-category .promoted-product-info .price_info_holder .price_value,
#promoted-non-taxonomy-menu .promoted-product-info .price_info_holder .price_value {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    color: #000 !important;
}
#promoted-category .promoted-product-info .price_info_holder .price_ex_vat,
#promoted-non-taxonomy-menu .promoted-product-info .price_info_holder .price_ex_vat {
    display: inline;
    margin-left: 4px;
}
#promoted-category .promoted-product-info .price_info_holder .price_UOM,
#promoted-non-taxonomy-menu .promoted-product-info .price_info_holder .price_UOM {
    display: block;
}
#promoted-category .promoted-product-info .price_info_holder .rrp_price_ex_vat:after,
#promoted-non-taxonomy-menu .promoted-product-info .price_info_holder .rrp_price_ex_vat:after {
    content: '\A';
    white-space: pre;
}
/* New Nav END Promoted categories*/

/* New Nav START Promoted Non Taxonomy*/
#tp_nav_main .flyout#promoted-non-taxonomy{
    padding: 0 30px 30px 30px;
    width: 910px;
}
#promoted-non-taxonomy .flyout h3 {
    margin: 0;
    padding: 30px 0 30px;
    font-size: 24px;
}
#promoted-category .promoted-product.view-all a,
#promoted-non-taxonomy .promoted-product.view-all a {
    height: auto;
    width: 100%;
    color: white;
    line-height: 24px;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#promoted-category .price_content,
#promoted-non-taxonomy .price_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
#promoted-non-taxonomy .promoted-product-banner{
    color: #FFFFFF;
    background: #D41B2D;
    display: inline-block;
    padding: 2px 10px 2px 17px;
    position: absolute;
    top: -13px;
    right: -10px;
    font-size: 13px;
    line-height: 24px;
}
#promoted-non-taxonomy .promoted-product-banner:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: rotate(0deg);
    width: 0px;
    height: 0px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 8px solid white;
}
#promoted-non-taxonomy .promoted-product-banner:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -9px;
    right: 4px;
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-right: 7px solid #791922;
    transform: rotate(45deg);
}
/* New Nav END Promoted non taxonomy*/

.order_payment_block #billing_address .privacy_links a {
    text-decoration: underline;
}
.feature-design.page-cartPage.feature-oos-collection .delivery-entry-button .headInfo {
    margin-left: 0;
}
.guestCheckoutContainer .privacy_links {
    margin-top: 20px;
}
.guestCheckoutContainer .privacy_links a {
    text-decoration: underline;
}
.feature-simplified-billing-address #billing_address .section-heading {
    font-size: 18px;
    line-height: 21px;
}

.page-GuestOrderPaymentPage.feature-simplified-billing-address #billing_address .section-heading{
    margin-bottom: 15px;
}

.page-OrderPaymentPage.feature-simplified-billing-address .tp_paymentCards #billingForm .tp_orderContinued .tp_OrderButton.cont_to_pay {
    width: 165px!important;
}

.category_page_label {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.contact_details__email {
    float: left;
}
.store_info__content {
    max-height: 165px;
    overflow: auto;
    padding-right: 10px;
}

.nearest_branches+.map_search .store_info .address,
.nearest_branches+.map_search .store_info .contact_details{
    width: 49%;
}

.nearest_branches+.map_search .store_info__content {
    max-height: 140px;
}
.page-AddDeliveryAddressPage .address-form__postcode .error {
    padding-top: 0;
    padding-bottom: 0;
}

.address-form__postcode .error {
    background: transparent;
}

.feature-design.page-AddDeliveryAddressPage .delivery-details-form .find-address-error {
    position: static;
}

#billingForm .find-address-error {
    display: none;
    color: red;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-left: 134px;
    padding-right: 41px;
}
#billingForm .label-and-input .input select {
    width: 265px;
    height: 30px;
}

#requestQuoteForm .postcode-block .label-and-input:first-of-type {
    display: none !important;
}

.page-GuestOrderDeliveryDetailsPage .address-form .input-wrap:first-child .error_message_wr,
.page-OrderDeliveryDetailsPage .address-form .input-wrap:first-child .error_message_wr {
    padding: 5px 0 0 135px;
}
form .error_message_wr {
    display: none;
}
form .error_message_wr .errorMessage {
    color: #ED1C24;
}
.page-GuestOrderPaymentPage form .error_message_wr,
.page-OrderPaymentPage form .error_message_wr {
    padding-left: 135px;
    margin-top: -20px;
    margin-bottom: 15px;
}
form input.text.error {
    background-color: #fadadd;
}
.page-AddDeliveryAddressPage form input.error {
    padding-top: 0;
    padding-bottom: 0;
}
.feature-design.page-AddDeliveryAddressPage .input input.error:focus {
    background-color: #fadadd;
    border-bottom: 2px solid #ED1C24!important
}
.feature-design.page-AddDeliveryAddressPage .error_message_wr {
    margin-top: -5px;
}

.vat_exempt_message {
    display: block;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.free_delivery_info {
    background-color: #f5f5f5;
    padding: 15px 15px 20px;
    text-align: center;
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
}

.free_delivery_info img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 90%;
    z-index: -1;
    max-width: 100%;
}

.free_delivery_message {
    color: #232323;
    font-size: 14px;
    font-family: Helvetica Neue;
    font-weight: 600;
    padding: 0 45px;
    line-height: 1.5;
}

.free_delivery_ex_vat {
    font-size: 12px;
    font-weight: 500;
    color: #707070;
}
.free_delivery_inc_vat {
    margin-top: 10px;
    font-size: 14px;
    color: #707070;
    font-weight: 500;
}

/* START PLP refactor */

/* List view + Grid view */

.list_view .tpPlpProductPanelComponent .prod_img img:focus,
.grid_view .tpPlpProductPanelComponent .prod_img img:focus,
.list_view .tpPlpProductPanelComponent .prod_img a:focus img,
.grid_view .tpPlpProductPanelComponent .prod_img a:focus img{
    outline: none;
}
.list_view .tpPlpProductPanelComponent .prod_img img,
.list_view .tpPlpProductPanelComponent .prod_img a,
.grid_view .tpPlpProductPanelComponent .prod_img img,
.grid_view .tpPlpProductPanelComponent .prod_img a{
    display: inline-block;
    text-align: center;
}
.list_view .tpPlpProductPanelComponent .price_error_message_holder,
.grid_view .tpPlpProductPanelComponent .price_error_message_holder{
    display: -webkit-box;display: -ms-flexbox;display: flex;
    float: none;
    margin: 0;
    position: relative;
}
.list_view .tpPlpProductPanelComponent .product_price_holder,
.grid_view .tpPlpProductPanelComponent .product_price_holder {
    text-align: right;
}
.list_view .BigAndBulkyProductIcon .info-tooltip-icon,
.grid_view .BigAndBulkyProductIcon .info-tooltip-icon{
    display: inline-block;
}
/* List view */

.list_view .tpPlpProductPanelComponent {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    position: relative;
}
.list_view .tpPlpProductPanelComponent .prod_img {
    display: flex;
    justify-content: center;
    width: 140px;
    height: 140px;
    text-align: initial;
    -ms-flex-negative: 0;flex-shrink: 0;
    margin-right: 15px;
}
.list_view .tpPlpProductPanelComponent .prod_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
.list_view .tpPlpProductPanelComponent .prod_img a:focus {
    border: none;
    outline: none;
}
.list_view .tpPlpProductPanelComponent .prod_right_side {
    width: 100%;
}
.list_view .tpPlpProductPanelComponent .prod_info_wr {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    margin-bottom: 35px;
}
.list_view .tpPlpProductPanelComponent .prod_info {
    width: 100%;
    max-width: 340px;
    background: none;
    padding: 0 15px 0 0;
    -ms-flex-negative: 0;flex-shrink: 0
}
.list_view .tpPlpProductPanelComponent .prod_name a {
    font-weight: normal;
    font-size: 14px;
    color: #232323;
}
.list_view .tpPlpProductPanelComponent .prod_price_info {
    margin-left: auto;
}
.list_view .tpPlpProductPanelComponent .product_code {
    display: inline-block;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    color: #757575;
}
.list_view .tpPlpProductPanelComponent .price_value {
    color: #000;
    font-size: 18px;
}
.list_view .tpPlpProductPanelComponent .price-message,
.list_view .tpPlpProductPanelComponent .info-tooltip{
    display: initial;
}
.list_view .tpPlpProductPanelComponent .price_UOM {
    font-size: 12px;
    color: #616161;
}
.list_view .tpPlpProductPanelComponent .price_from {
    font-size: 14px;
    color: #616161;
}
.list_view .plp_add_to_cart_form {
    padding-bottom: 25px;
    width: 100%;
}
.list_view .plp_add_to_cart_form .prod_qty_variant {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
    margin-bottom: 15px;
}
.list_view .plp_add_to_cart_form .tpQ_Text {
    font-size: 14px;
    margin-right: 10px;
    color: #616161;
    line-height: 42px;
}
.list_view .plp_add_to_cart_form .tpQ_input {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    position: relative;
}
.list_view .plp_add_to_cart_form .tpQ_input>input {
    width: 72px !important;
    margin: 0 !important;
    text-align: left !important;
    height: 42px;
    padding: 5px 15px 5px 5px;
    -webkit-box-sizing: border-box;box-sizing: border-box;
    border: 1px solid #e0e0e0;
}
.list_view .plp_add_to_cart_form .ui-spinner {
    position: relative;
    right: 17px;
    width: 0;
}
.list_view .prod .variant_select {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    margin-right: 10px;
    position: relative;
}
.list_view .prod .variant_select label {
    margin-right: 10px;
    color: #616161;
}
.list_view .plp_add_to_cart_form .tpQ_button>input,
.list_view .plp_add_to_cart_form .ccButton>input {
    width: 250px;
    background-color: #eee;
    background-size: 20px;
    background-position: 10px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    line-height: 37px;
}
.list_view .plp_add_to_cart_form .prod_form_btn_wr {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
    position: relative;
}
.list_view .plp_add_to_cart_form .prod_form_btn_wr input:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.list_view .plp_add_to_cart_form .prod_form_btn_wr div:first-of-type~div {
    margin-left: 15px;
}
.list_view .plp_add_to_cart_form .prod_form_btn_wr #addForCollectButtonDisabled[value^="Not"] {
    color: #616161;
    background-image: url(../images/ccmouse.png)!important;
    -webkit-box-shadow: none;box-shadow: none;
    background-color: transparent;
    border: none;
    cursor: initial;
}
.list_view .prod_price_info div.price_value {
    text-align: right;
    margin-top: 5px;
}
.list_view .prod_right_side .request-button {
    margin: 0;
    width: 230px;
}
.list_view .hireableproduct .prod_right_side .prod_cta_wr {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    margin-bottom: 20px;
}
.list_view .prod_right_side .labeled-phone-number {
    width: 250px;
}
.list_view .prod_right_side .labeled-phone-number p {
    margin: 0 0 2px;
}
.list_view .prod_right_side .prod_hiretype_wr {
    width: 100%;
}
.list_view .yCmsContentSlot+.prod_hiretype_wr .variant_select {
    -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
    margin: 0 0 25px;
}
.list_view .yCmsContentSlot+.prod_hiretype_wr .yCmsContentSlot {
    text-align: right;
}
.list_view  .hireableproduct .prod_info_wr {
    margin-bottom: 30px;
}
.list_view .prod .change-postcode {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    color: #0a4f38;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
}
.list_view .prod  #addToCartButton.plp_add_to_cart_button_disabled {
    background-image: url(../images/cctruck.png)!important;
    color: #616161;
    margin-left: -10px;
    cursor: initial;
    padding: 0 10px 0 31px;
    text-align: right;
    box-sizing: border-box;
}
.list_view .prod  input[type='text']#addToCartButton.plp_add_to_cart_button_disabled {
    text-align: center;
}
.list_view .CmsContentSlot.BigAndBulkyProductIcon {
    z-index: 3!important;
}

/*errors message*/

.list_view .prod_right_side .variant_select.form_field_error {
    position: relative;
    margin-right: 10px;
}
.list_view .prod_right_side .dropdown+.tpVariantsErrorMsg,
.list_view .prod_cta_wr .tpQ_input .moqErrorMsg,
.list_view .prod_cta_wr .tpQ_input .noStockErrorMsg {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 5px;
    color: #d9262a;
    font-size: 14px;
}

.list_view .prod_cta_wr .tpQ_input .moqErrorMsg{
    width: 112px;
}

.list_view .tpPlpProductPanelComponent .prod_price_info .price_error_message {
    width: auto;
}

/* Grid View */

.grid_view .tpPlpProductPanelComponent .prod_img {
    width: auto;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
}
.grid_view .tpPlpProductPanelComponent .prod_img img {
    width: 180px;
    height: 180px;
}
.grid_view .tpPlpProductPanelComponent .prod_info {
    width: auto;
    padding: 0;
    margin-bottom: 10px;
}
.grid_view .tpPlpProductPanelComponent .prod_name {
    overflow-wrap: break-word;
}
.grid_view .tpPlpProductPanelComponent .prod_name a {
    line-height: 20px;
}
.grid_view .tpPlpProductPanelComponent .product_code {
    font-weight: normal;
    font-size: 14px;
    color: #757575;
}
.grid_view .tpPlpProductPanelComponent .info-tooltip-icon {
    margin: 0;
}

/* END PLP refactor */