@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700italic,700);
/* RESET STYLES */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
form,
input,
select,
option {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
* {
    margin: 0;
    padding: 0;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
html,
body {
    height: 100%;
}
body,
p {
    font-family: Helvetica, arial, sans-serif;
}
ul {
    list-style: none;
}
span {
    display: block;
}
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/UbuntuR.eot');
    /* IE fix */
    src: url('../fonts/UbuntuR.eot') format('embedded-opentype'), url('../fonts/UbuntuR.woff') format('woff'), url('../fonts/UbuntuR.ttf') format('truetype'), url('../fonts/UbuntuR.svg#UbuntuR') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'Roboto', sans-serif;  font-weight:700;
    /* Ubuntu Bold */
    src: url('../fonts/ubuntu-b.eot');
    /* IE fix */
    src: url('../fonts/ubuntu-b.eot') format('embedded-opentype'), url('../fonts/ubuntu-b.woff') format('woff'), url('../fonts/ubuntu-b.ttf') format('truetype'), url('../fonts/ubuntu-b.svg#ubuntu-b') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'Roboto', sans-serif; font-weight:500;
    /* Ubuntu Medium */
    src: url('../fonts/ubuntu-m.eot');
    /* IE fix */
    src: url('../fonts/ubuntu-m.eot') format('embedded-opentype'), url('../fonts/ubuntu-m.woff') format('woff'), url('../fonts/ubuntu-m.ttf') format('truetype'), url('../fonts/ubuntu-m.svg#ubuntu-m') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'Roboto', sans-serif; font-weight:300;
    /* Ubuntu Light */
    src: url('../fonts/ubuntu-l.eot');
    /* IE fix */
    src: url('../fonts/ubuntu-l.eot') format('embedded-opentype'), url('../fonts/ubuntu-l.woff') format('woff'), url('../fonts/ubuntu-l.ttf') format('truetype'), url('../fonts/ubuntu-l.svg#ubuntu-l') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
}

/* GLOBAL */

.clear {
    clear: both;
}
.selected {
    background-color: #eaeaea;
}
.invisible {
    display: none !important;
}
.capitalize {
    text-transform: capitalize;
}
.ui-overlay-a {
    background-color: #fff;
}

/* STRUCTURE */

#wrapper {
    width: 100%;
    float: right;
    height: 100%;
    position: relative;
    left: 0;
    text-shadow: none;
}
#page {
    overflow-x: hidden;
    min-height: inherit;
    position: relative;
}
#content {
    position: relative;
    margin-top: 63px;
}
.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
    margin-left: -1px;
}
.ui-page-theme-a .ui-panel-wrapper {
    background-color: #fff;
}

/* COOKIE MESSAGE START */

#cookie-policy {
    background: #002d5d;
    min-height: 156px;
    z-index: 9999;
    position: fixed;
    bottom: 0;
}
#cookie-policy .cookie-policy-holder {
    color: #fff;
    font-size: 12px;
    text-shadow: none;
    padding: 20px 10px;
    padding-right: 10px;
    position: relative;
}
#cookie-policy .cookie-policy-holder .title {
    color: #fff;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}
#cookie-policy .cookie-policy-holder p {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin: 10px 10px 0 0;
    line-height: 100%;
}
#cookie-policy .cookie-policy-holder span {
    display: inline;
}
#cookie-policy .cookie-policy-holder .ui-btn {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 2px;
    right: 2px;
}
#cookie-policy .cookie-policy-holder .ui-btn:after {
    border-radius: 5px;
    height: 25px;
    width: 25px;
    background-color: rgba(0, 0, 0, 0);
}
#cookie-policy .cookie-policy-holder > a.ui-btn-home span.ui-icon {
    margin: 10px;
    box-shadow: none;
}
#cookie-policy .cookie-policy-holder p a {
    color: #FFFFFF;
    text-decoration: underline;
}

#accept-cookie-policy {
	margin: 20px 0 0;
	width: 100%;
	box-sizing: border-box;
}

.btn {
	border: 1px solid transparent;
	border-radius: 0;
	text-transform: capitalize;
	outline: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	font-weight: 700;
	transition: box-shadow 0.5s;
	color: #333;
	font-family: 'Roboto', sans-serif;
	padding: 8px 16px;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

.btn-lg {
	font-size: 16px;
	padding: 10px 16px;
	line-height: 1.3333333;
}

.btn-primary {
	background: #EC9B0C;
	border-color: #EC9B0C;
	transition: background-color 0.5s;
}

.btn:focus, .btn.focus, .btn:hover, .btn:active {
	outline: none;
	text-decoration: none;
}

.btn:hover {
    color: #333;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.5s;
}

.btn-primary:hover, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .btn-primary.focus, .btn-primary:focus {
    color: #333;
    background: #E09B12;
}

/* COOKIE MESSAGE END */


/* HEADER START */

#header {
    width: 100%;
    z-index: 1;
    positioN: relative;
}
.pageLabel-storefinder #header {
    height: auto;
}
#header .tpHeaderContent_holder {
    width: 100%;
    overflow: hidden;
    border-bottom: 3px solid #1A3B69;
    position: fixed;
    z-index: 99999;
}
#header .tpHeaderContent_holder > li {
    float: left;
    width: 20%;
    background-color: #fff;

    position: relative;
    z-index: 9999;
    height: 60px;
    cursor: pointer;
    display: block;
}
#header #headerItem0 {
    width: 18%;
}
#header #headerItem1 {
    width: 22%;
}
#header .ui-widget .ui-widget,
#header .ui-widget input {
    font-family: Helvetica, arial, sans-serif;
    font-size: 16px;
}
#header .ui-widget-content {
    border: 0;
}
#header .ui-menu .ui-menu-item {
    font-family: 'Roboto', sans-serif;
}
#header .tpHeaderContent_holder .tpHeaderLinks:active,
#header .tpHeaderContent_holder .tpHeaderLinks .ui-btn-active {
    background-color: #1A3B69;

}

#header #headerItem1 {
    width: 22%;
}
#header #headerItem0 .ui-link,
#header #headerItem1 .ui-link {
    text-align: center;

    box-shadow: none;
}
#header #headerItem1 img {
    width: 45px;
    vertical-align: middle;
    margin:6px auto 0;
    display:block;
}
#header .tpHeaderLinks a:after {
    display: none;
}
#header .tpHeaderContent_holder .spotlight a {
    display: block;
    height: 60px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 35%;
}
#header #headerItem0 a {
    background-size: 22px;
}
#header .tpHeaderContent_holder .spotlight a:after {
    content: '';
    width: 100%;
    min-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: none;
    font-family: 'FontAwesome';
    font-size: 26px;
    color: #616161;
    text-align: center;
    border-radius: 0;
    margin: 0;
    padding-top: 10px;
}
#header .tpHeaderContent_holder .spotlight a.ui-btn-active:after {
    color: #fff;
}
#header #headerItem0 .spotlight a:after {
    content: '\f0c9';
}
#header #headerItem2 .spotlight a:after {
    content: '\f002';
    font-size: 24px;
}
#header #headerItem3 .spotlight a:after {
    content: '\f041';
}
#header #headerItem4 .spotlight a:after {
    content: '';
    background: url(../images/quote-list-icon-sprite.svg) 50% 13px no-repeat;
    background-size: 48px;
    left: 2px;
}
#header #headerItem4 .spotlight a.ui-btn-active:after {
    background-position: 10px 33px;
}
#header #headerItem2 #tabs ul li:first-child a {
    background-size: 25px;
}
#header #headerItem2 #tabs ul li:last-child a {
    background-size: 26px;
}
#header .tpHeaderLinks a {
    background-size: 24px;
    font-weight: normal;
    text-decoration: none;
    text-indent:0!important;
}
#header .tpSearchBox {
    position: relative;
    z-index: 88888;
}
#header .product_added {
    display: block;
    position: absolute;
    bottom: 8px;
    right: 50%;
    margin-right: -23px;
    background: #f3b018;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #000;
    line-height: 20px;
    font-weight: bold;
    text-indent: 0;
    font-size: 12px;
    text-align: center;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

/* HEADER END*/


/* SUB HEADER START*/

#header .siteSearch {
    width: 90.6%;
    padding: 15px 4.7%;
    display: none;
    position: fixed;
    top: 63px;
    z-index: 99999;
}
#header .siteSearch form {
    position: relative;
}
#header .siteSearch label.skip {
    display: none;
}
#header .siteSearch .ui-input-text,
#header .siteSearch .ui-input-text input {
    border: 0;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    background: none;
    text-shadow: none;
    box-shadow: none;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
#header .siteSearch .ui-input-text input {
    padding: 8px 80px 8px 10px;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    background: #fff;
    line-height: 18px;
    border: 1px solid #f0f0f0;
}
#header .siteSearch .ui-input-text input:focus {
    background: #f0f0f0;
}
#header .siteSearch .button {
    /*position: absolute;*/
    /*top: 5px;*/
    /*left: 10px;*/
    /*width: 25px;*/
    display: none;
    visibility: hidden;
    height: 0;
    width: 0;
    opacity: 0;
}

/* SUB HEADER START*/


/* BREADCRUMBS START */

.tp_breadcrumbs {
    position: relative;
    width: 90%;
    padding: 5px 5%;
    border-bottom: 1px solid #ededed;
}
.tp_breadcrumbs .tp_bread_link {
    display: block;
    position: relative;
    min-height: 16px;
    margin: 0;
    padding: 10px 21px;
    color: #1a3b69 !important;
    line-height: 16px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;  font-weight:700;
    font-size: 16px;
}
.tp_breadcrumbs .tp_bread_link:hover {
    color: #0a4e37;
}
.tp_breadcrumbs .tp_bread_link:before {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 12px;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px 0px;
    background-size: 18px;
}

/* BREADCRUMBS END */


/* SLIDE MENU START */

.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head+body .ui-btn.ui-btn-a:focus,
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus,
html head+body .ui-btn-a.ui-focus,
html head+body .ui-body-a.ui-focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#slide_menu {
    position: fixed;
    top: 0;
    width: 17em;
    height: 100%;
    background: #232323;
    overflow-y: auto;
    z-index: 99999;
    text-shadow: none;
}
#slide_menu .ui-btn {
    white-space: normal;
}
#slide_menu .ui-panel-inner {
    padding: 0;
}
#slide_menu ul {
    width: 100%;
    display: block;
}
#slide_menu li.L1,
#slide_menu li.L3 > a {
    border-bottom: 1px solid #454444;
}
#slide_menu li.L1 h2 a,
#slide_menu li.L1 > a {
    border-bottom: 1px solid #262626;
}
#slide_menu li.includesSubMenu a.ui-icon-minus,
#slide_menu li.L2 {
    border-bottom: 1px solid #515050;
}
#slide_menu li.L2 h2 a,
#slide_menu li.L2 > a {
    border-bottom: 1px solid #292929;
}
#slide_menu li.L3 {
    border-bottom: 1px solid #605f5f;
}
#slide_menu li.L2:last-child,
#slide_menu li.L2:last-child h2 a,
#slide_menu li.L3:last-child,
#slide_menu li.L3:last-child > a {
    border-bottom: none;
}
#slide_menu ul li a {
    font-family: 'Roboto', sans-serif;  font-weight:700;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    display: block;
    padding: 5.5% 15% 5.5% 5.5%;
    background: #302f2f;
    background-size: 16px;
    position: relative;
}
#slide_menu ul li > a:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 6%;
    background: url(../images/menu_arrow_white.png) no-repeat 90% center transparent;
    background-size: 16px;
    margin-top: -11px;
}
#slide_menu .content:first-child {
    background: url(../images/external/tp_dark_logo.png) no-repeat 6% center;
    background-size: 42px;
    border-bottom: 1px solid #454444;
}
#slide_menu .content:first-child h3 {
    color: #fff;
    padding: 8% 0px 7% 23%;
    font-size: 20px;
    font-weight: normal;
}
#slide_menu .content:last-child {
    font-size: 12px;
    color: #ffffff;
    padding: 6% 0% 7% 6%;
    background: #404041;
}
#slide_menu .ui-collapsible-content {
    padding: 0;
}
#slide_menu .ui-collapsible-themed-content .ui-collapsible-content,
#slide_menu .ui-btn,
label.ui-btn {
    border: none;
}
#slide_menu .ui-collapsible {
    margin: 0;
}
#slide_menu .includesSubMenu h2 a {
    background-image: none;
    text-shadow: none;
}
#slide_menu .includesSubMenu ul li,
#slide_menu .includesSubMenu ul li a {
    background-color: #3d3c3c;
    background-position: 8% 50%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-shadow: none;
}
#slide_menu .includesSubMenu ul li a {
    padding-left: 9%;
    background-size: 12px;
    font-weight: normal;
}
#slide_menu .includesSubMenu .ui-icon-plus:after {
    background: url(../images/external/menu_plus_white.png) no-repeat 90% center transparent;
    background-size: 16px;
    right: 6%;
}
#slide_menu .includesSubMenu .ui-icon-minus:after {
    background: url(../images/external/menu_minus_white.png) no-repeat 90% center transparent;
    background-size: 16px;
    right: 6%;
}
#slide_menu .includesSubMenu .L3 a {
    padding-left: 15%;
    background: #575656;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 14px;
}
#slide_menu .includesSubMenu .L3 a:after {
    background: #333334 url(../images/menu_arrow_white.png) no-repeat 90% center;
    background-size: 16px;
    right: 6%;
    background-color: transparent;
}

/* SLIDE MENU END */


/* CATEGORY AND PRODUCT LIST PAGE START */

.tp_prod_listing .tp_stepsWrapper {
    width: 90%;
    position: relative;
    padding: 24px 5%;
    height: 85px;
    font-size: 18px;
}
.tp_prod_listing .tp_stepsWrapper .tp_stepsIcon {
    position: absolute;
    left: 5%;
    width: 100px;
    height: 100px;
}
.tp_prod_listing .tp_stepsWrapper .tp_stepsIcon img {
    display: block;
    width: 85px;
}
.tp_prod_listing .tp_stepsWrapper .tp_stepsInfo {
    position: relative;
    padding: 20px 25px 20px 95px;
    height: 45px;
}
.tp_prod_listing .tp_stepsWrapper .tp_stepsInfo:after {
    content: '';
    position: absolute;
    top: 27px;
    right: 0;
    width: 20px;
    height: 33px;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -133px;
}
.tp_prod_listing .tp_stepsWrapper .tp_stepsInfo h3 {
    font-size: 18px;
    color: #0a4e37;
    line-height: 20px;
    padding: 0 0 5px 0;
}
.tp_prod_listing .tp_stepsWrapper .tp_stepsInfo p {
    line-height: 20px;
}
.tp_prod_listing .tp_stepsWrapper ul.stepsCounter {
    display: block;
    position: absolute;
    width: 76px;
    height: 14px;
    bottom: 10px;
    left: 50%;
    margin: 0 0 0 -38px;
}
.tp_prod_listing .tp_stepsWrapper ul.stepsCounter li {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border: 2px solid #cbcbd0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 0 0 3px;
    padding: 0;
}
.tp_prod_listing .tp_stepsWrapper ul.stepsCounter li.active {
    border-color: #f3b018
}
.tp_prod_listing .tp_infoWrapper,
.tp_prod_category .tp_infoWrapper {
    position: relative;
    width: 90%;
    padding: 15px 5%;
    border-bottom: 1px solid #ededed;
    font-size: 18px;
    line-height: 26px;
}
.tp_prod_listing .tp_infoWrapper h1,
.tp_prod_category .tp_infoWrapper h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #000;
}
.tp_prod_listing .tp_infoWrapper,
.tp_prod_category .tp_infoWrapper {
    word-wrap: break-word;
}
.feature-design .tp_prod_listing .tp_infoWrapper h1 {
    font-weight: normal;
}
.tp_prod_listing .tp_sortWrapper .tp_sortAction {
    padding: 15px 0;
    min-height: 32px;
    line-height: 32px;
}
.tp_prod_listing .tp_sortWrapper .tp_total p {
    font-size: 14px;
    color: #6d6d72;
    font-family: 'Roboto', sans-serif;
}
.tp_prod_listing .tp_sortWrapper .tp_sortAction {
    text-align: right;
    height: 32px;
    padding: 20px 0 0 0;
}
.tp_prod_listing .tp_sortWrapper .tp_sortAction > a {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/tp_icn_licting_sort2.jpg) no-repeat 0px 0px;
    background-size: 27px;
}
.feature-design .tp_prod_listing .tp_sortWrapper .tp_sortAction > a {
    background: none;
    text-decoration: none;
    width: 30px;
    height: 30px;
    text-align: center;
}
.tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_grid {
    margin-right: 10px;
}
.feature-design .tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_grid:after,
.feature-design .tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_list:after{
    content: '\f00a';
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #616161;
    font-weight: normal;
}
.tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_list {
    margin-right: 10%;
    background-position: 0px -77px;
}
.feature-design .tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_list:after {
    content: '\f0c9';
    font-size: 22px;
}
.tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_grid.active {
    background-position: 0px -36px;
}
.tp_prod_listing .tp_sortWrapper .tp_sortAction .tp_sort_list.active {
    background-position: 0px -113px;
}
.feature-design .tp_prod_listing .tp_sortWrapper .tp_sortAction .active {
    background-color: #296C96;
}
.feature-design .tp_prod_listing .tp_sortWrapper .tp_sortAction .active:after {
    color: #fff;
}
.tp_prod_listing .tp_filtersWrapper {
    border-left: none;
    border-right: none;
}
.tp_prod_listing .tp_filtersWrapper .tp_filterSearchBtnWrapper a {
    display: block;
    position: relative;
    width: 79%;
    height: 55px;
    line-height: 55px;
    padding: 0 10%;
    text-decoration: none;
    font-weight: normal;
}
.tp_prod_listing .tp_filtersWrapper .tp_filterSearchBtnWrapper {
    width: 100%;
    padding: 0 15px;
    margin: 0.5em 0 0 0;
    text-align: center;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
}
.tp_prod_listing .tp_filtersWrapper .tp_filterSearchBtnWrapper a.tp_filterSearch {
    color: #000;
    background: #ec9b0c;
    border: 1px solid #d88b0f;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.1em;
}
.tp_prod_listing .tp_filtersWrapper a.tp_filterClear {
    color: #86868a;
    border-left: 1px solid #dddddd;
}
.tp_prod_listing .tp_filtersWrapper a.tp_filterClear:after {
    width: 22px;
    height: 23px;
    background-position: 0px -150px;
    background-size: 18px;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView,
.tp_prod_category .tp_catViewWrapper {
    position: relative;
    width: 100%;
}
.tp_prodView.list .bundle {
    border: 2px solid #d41b2d;
    margin-bottom: 15px;
    text-align: center;
    padding: 5px;
}
.tp_prodView.list .bundle p {
     padding: 0 !important;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_category .tp_stepsWrapper .tp_stepsInfo h3 {
    color: #002d5d;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid .login_button_list_view,
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list .login_button_grid_view {
    display: none;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView:after,
.tp_prod_category .tp_catViewWrapper .tp_catView:after {
    content: '';
    display: table;
    clear: both;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView li,
.tp_prod_category .tp_catViewWrapper .tp_catView li {
    position: relative;
    display: block;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView li a,
.tp_prod_category .tp_catViewWrapper .tp_catView li a {
    display: block;
    position: relative;
    border-bottom: 1px solid #ededed;
    text-decoration: none;
    color: #232323;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView li img,
.tp_prod_category .tp_catViewWrapper .tp_catView li img {
    display: block;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView li p,
.tp_prod_category .tp_catViewWrapper .tp_catView li p {
    font-size: 14px;
    font-weight: normal;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -8px;
    width: 16px;
    height: 25px;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -201px;
    background-size: 18px;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li:after {
    background-position: 0px -132px;
    background-size: 12px;
    right: 2%;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li img {
    position: absolute;
    left: 5%;
    width: 60px;
    max-height: 60px;
    top: 50%;
    margin-top: -30px;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li img {
    border: 1px solid #EFEFEF;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li p {
    vertical-align: middle;
    position: relative;
    padding: 0px 25px 0px 70px;
    word-wrap: break-word;
    font-family: 'Roboto', sans-serif;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li span {
    padding: 0px 25px 0px 70px;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li span {
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    padding: 0;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price > span {
    padding: 4px 25px 0px 87px;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price span {
    display: inline-block;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price,
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .product_price {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder span {
    display: inline-block;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price_holder,
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .product_price div  {
    text-align: center;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper  li .price_value,
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li .price_from,
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView li .product_price div {
    padding: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .login_button_list_view,
.feature-design .tp_prod_category .tp_catViewWrapper .tp_catView.list li .login_button_list_view {
    padding: 0;
    position: relative;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li .login_button_list_view a,
.feature-design .tp_prod_category .tp_catViewWrapper .tp_catView.list li .login_button_list_view a{
    padding: 0;
    min-height: 20px;
    position: absolute;
    bottom: 15px;
    left: 70px;
    border: none;
    font-size: 12px;
    color: #1A3B69;
    margin-left: 5%;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li,
.tp_prod_category .tp_catViewWrapper .tp_catView.grid li {
    width: 50%;
    min-height: 200px;
    float: left;
    padding-top: 10px;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li {
    border-bottom: none;
    border-top: 1px solid #ededed;
    padding-bottom: 10px;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li.login_button_grid_view,
.feature-design .tp_prod_category .tp_catViewWrapper .tp_catView.grid li.login_button_grid_view {
    height: 40px !important;
    min-height: 40px;
    padding: 0;
    background: #F6F6F6;
    width: 100%;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li a,
.tp_prod_category .tp_catViewWrapper .tp_catView.grid li a {
    position: relative;
    border: none;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 80%;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li a {
    padding-bottom: 8px;
    position: static;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li.login_button_grid_view a,
.feature-design .tp_prod_category .tp_catViewWrapper .tp_catView.grid li.login_button_grid_view a {
    padding: 0;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #1A3B69;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li img,
.tp_prod_category .tp_catViewWrapper .tp_catView.grid li img {
    width: 80%;
    height: auto;
    max-height: 75%;
    top: 0px;
    left: 10%;
    position: absolute;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li img {
    border: 1px solid #EFEFEF;
    top: 10px;
}
.tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li p,
.tp_prod_category .tp_catViewWrapper .tp_catView.grid li p {
    padding: 12px 0;
    font-size: 14px;
    vertical-align: middle;
    word-wrap: break-word;
    color: #000;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 14px;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.grid li p,
.feature-design .tp_prod_category .tp_catViewWrapper .tp_catView.grid li p,
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li p {
    font-size: 12px;
}
.feature-design .tp_prod_listing .tp_prodViewWrapper .tp_prodView.list li p {
    padding-bottom: 10px;
}
.tp_prod_listing .spinner {
    margin-left: 45%;
}
.tp_branch_locator .tp_showMore,
.tp_branch_locator .tp_showMore.ui-link,
.tp_prod_listing #show_more {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #1a3b69;
    font-weight: normal;
    width: 90%;
    padding: 15px 5%;
    height: 25px;
    line-height: 25px;
}
.tp_branch_locator .tp_showMore:visited,
.tp_branch_locator .tp_showMore:hover,
.tp_branch_locator .tp_showMore.ui-link:visited,
.tp_branch_locator .tp_showMore.ui-link:hover {
    color: #1a3b69;
}

/* CATEGORY AND PRODUCT LIST PAGE END */


/* FACETS BEGIN */

#tpFilterSearch {
    width: 100%;
    visibility: hidden;
}
#tpFilterSearch-screen.ui-popup-screen {
    opacity: 0.5;
    background: #333;
}
#tpFilterSearch-popup .ui-popup {
    background: #fff;
}
.ui-popup-container.in #tpFilterSearch {
    visibility: visible;
    border-radius: 20px 20px 0 0;
}
#tpFilterSearch-popup .ui-header,
#tpFilterSearch-popup .ui-footer {
    padding: 5px 20px;
    overflow: hidden;
    background: #fff;
    border-color: #d7d6db;
}
#tpFilterSearch-popup .ui-header {
    padding: 0;
    height: 50px;
    border-radius: 40px 40px 0 0;
}
#tpFilterSearch-popup .ui-header .tpCloseLnk {
    position: relative;
    float: right;
    padding-right: 40px;
    background: transparent url("../images/icon-remove-transparent.png") right center no-repeat;
    color: #1a3b69;
    font-size: 1.1em;
    font-weight: normal;
    text-shadow: none;
    border: none;
    font-family: 'Roboto', sans-serif;
}
#tpFilterSearch-popup .ui-checkbox label {
    font-size: 14px;
}
#tpFilterSearch-popup .ui-collapsible-heading .ui-checkbox a {
    padding: 0;
}
#tpFilterSearch .ui-content {
    padding: 0;
}
#tpFilterSearch .ui-content {
    margin: 0;
}

.feature-design #tpFilterSearch-popup .ui-header .tpCloseLnk {
    background: none;
    padding-right: 0;
    position: absolute;
    top: 18px;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    left: calc(100% - 30px);
}
.feature-design #tpFilterSearch-popup .ui-header .tpCloseLnk:after,
.feature-design #tpFilterSearch-popup .ui-header .tpCloseLnk:before {
    position: absolute;
    left: 7px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #000;
}

.feature-design #tpFilterSearch-popup .ui-header .tpCloseLnk:after {
    transform: rotate(45deg);
}
.feature-design #tpFilterSearch-popup .ui-header .tpCloseLnk:before {
    transform: rotate(-45deg);
}
#tpFilterSearch-popup .ui-content>ul>li a {
    border-bottom: 1px solid #ddd;
}

#tpFilterSearch-popup .ui-content>ul>li ul li:last-child {
    border-bottom: 1px solid #ddd;
}

#tpFilterSearch-popup {
    width: 100%;
    max-width: 100% !important;
    top: 60px !important;
    left: 0 !important;
    border-radius: 20px 20px 0 0;
}

#tpFilterSearch-popup .ui-header .tpApplyFilter,
#tpFilterSearch-popup .ui-footer .tpApplyFilter {
    width: 100% !important;
    margin-top: 10px;
    left: 0;
    color: #000;
    border: none;
    position: relative;
    height: 55px;
    background: #ec9b0c;
    border: 1px solid #d88b0f;
    border-radius: 5px;
    text-shadow: none;
    margin-bottom: 1em;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
#tpFilterSearch-popup .ui-collapsible,
#tpFilterSearch-popup .ui-checkbox label,
#tpFilterSearch-popup .ui-btn {
    background: transparent;
    color: #333;
    font-weight: normal;
    text-shadow: none;
}
#tpFilterSearch-popup .ui-listview {
    margin: 0;
}
#tpFilterSearch ul {
    margin: 0;
}
.feature-design #tpFilterSearch-popup .ui-listview {
    background: #f5f5f5;
}
#tpFilterSearch-popup .treeFacet,
#tpFilterSearch-popup .notTreeFacet {
    background: #efefef;
}
#tpFilterSearch-popup .treeFacet.ui-collapsible-collapsed,
#tpFilterSearch-popup .notTreeFacet.ui-collapsible-collapsed {
    background: #f6f6f6;
}
.feature-design #tpFilterSearch-popup .notTreeFacet {
    background: #fff;
}
.feature-design #tpFilterSearch-popup .treeFacet, {
    background-color: #f5f5f5;
}
#tpFilterSearch-popup .ui-collapsible {
    padding: 0;
    margin: 0;
}
#tpFilterSearch-popup .ui-collapsible a {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#tpFilterSearch-popup .ui-collapsible .ui-collapsible a,
#tpFilterSearch-popup .ui-collapsible .ui-collapsible .ui-checkbox {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#tpFilterSearch-popup .ui-collapsible .ui-collapsible.singleSelectItem a {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    display: inline-block;
    position: static;
}
.feature-design #tpFilterSearch-popup .ui-collapsible .ui-collapsible-heading-collapsed .ui-btn-icon-right:after,
.feature-design #tpFilterSearch-popup .ui-collapsible .ui-collapsible-heading .ui-icon-minus:after{
    content: '';
    border: 2px solid #000;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    background: none;
    border-radius: 0;
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    right: 16px;
}
.feature-design #tpFilterSearch-popup .ui-collapsible .ui-collapsible-heading .ui-icon-minus:after {
    transform: rotate(135deg);
    background: none;
    top: 60%;
}
#tpFilterSearch-popup .ui-collapsible.treeFacet .ui-collapsible-content .ui-btn-icon-right:after {
    background: transparent url(../images/external/menu_arrow_down_black.png) no-repeat center;
    background-size: 18px;
    right: 15px;
}
#tpFilterSearch-popup .ui-collapsible.treeFacet .ui-collapsible-content .ui-collapsible-heading-collapsed .ui-btn-icon-right:after {
    background: transparent url(../images/external/menu_arrow_black.png) no-repeat center;
    background-size: 18px;
    right: 15px;
}
.feature-design #tpFilterSearch-popup .ui-collapsible.treeFacet .ui-collapsible-content .ui-btn-icon-right:after,
.feature-design #tpFilterSearch-popup .ui-collapsible.treeFacet .ui-collapsible-content .ui-collapsible-heading-collapsed .ui-btn-icon-right:after {
    background: none;
}
#tpFilterSearch-popup .ui-collapsible.lastitem .ui-btn-icon-right:after,
#tpFilterSearch-popup .ui-collapsible input[type="checkbox"] {
    display: none;
}
#tpFilterSearch-popup .ui-collapsible .ui-collapsible-heading {
    margin: 0;
    border: 0;
}
#tpFilterSearch-popup li.ui-last-child {
    border: none;
}
#tpFilterSearch-popup .ui-collapsible-heading a {
    border: none;
    padding: 15px 20px;
    color: #1a3b69;
    text-decoration: none;
    font-weight: normal;
    white-space: normal;
    font-family: 'Roboto', sans-serif;
    background-color: #f5f5f5;
    font-size: 14px;
}
#tpFilterSearch-popup .ui-listview li a {
    background: #fff;
}
#tpFilterSearch-popup .ui-last-child .ui-collapsible-heading {
    border: none;
}
#tpFilterSearch-popup ul ul .ui-collapsible-heading a {
    border: none;
}
#tpFilterSearch-popup .ui-collapsible .ui-collapsible-heading a label {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: #000;
}
#tpFilterSearch-popup .ui-collapsible .ui-collapsible-heading .ui-checkbox label {
    padding: 12px 15px 12px 30px;
}
#tpFilterSearch-popup .ui-checkbox label
#tpFilterSearch-popup .ui-collapsible .ui-collapsible-heading a label:after {
    left: 0;
}
#tpFilterSearch-popup .ui-collapsible.selectedFacet > .ui-collapsible-heading a,
#tpFilterSearch-popup .ui-collapsible.selectedFacet > .ui-collapsible-heading a label {
    font-weight: bold;
}
#tpFilterSearch-popup .ui-collapsible .ui-collapsible-content {
    background: transparent;
    border: 0;
    padding: 0;
}
/*#tpFilterSearch-popup .ui-collapsible .ui-collapsible-content li {*/
/*    background: #fff;*/
/*}*/
#tpFilterSearch-popup .ui-collapsible .ui-collapsible-content li {
    padding-left: 10px;
    background: #fff;
}
#tpFilterSearch-popup .ui-collapsible .showMoreLinkWrapper a {
    display: inline-block;
    padding: 0.7em 1em;
    color: #1a3b69;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-decoration: underline;
    font-size: 14px;
}
#tpFilterSearch-popup .ui-collapsible .singleSelectionFacetLink.selectedFacet {
    font-weight: bold;
}
.tp_appliedFiltersWrapper {
    width: 100% !important;
}
.tp_appliedFiltersWrapper ul {
    overflow: hidden;
    list-style: none;
    padding: 5px 15px;
    border-bottom: 1px solid #ededed;
}
.tp_appliedFiltersWrapper ul li {
    float: left;
    margin: 0.5em 0.7em 0.5em 0;
    width: auto;
    max-width: 99%;
    padding: 0;
    background: #296C96;
    border: 1px solid #cccbd1;
    border-radius: 7px;
    position: relative;
}
.tp_appliedFiltersWrapper ul li:nth-child(even) {
    /*float: left;*/
}
.tp_appliedFiltersWrapper ul li.tpClearAllFiltersItem {
    background: #ededed;
    float: left;
    border: 1px solid #7cb7d8;
    margin-right: 0;
}
.tp_appliedFiltersWrapper ul li a {
    color: #000;
    display: block;
    width: auto;
    padding: 10px 40px 10px 20px;
    font-weight: normal;
    font-size: 1em;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;  font-weight:700;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tp_filtersWrapper .tp_appliedFiltersWrapper ul li a {
    position: relative;
    color: #fff;
}
.tp_filtersWrapper .tp_appliedFiltersWrapper ul .tpClearAllFiltersItem a {
    color: #000;
}

.tp_appliedFiltersWrapper ul li.tpClearAllFiltersItem a {
    padding: 10px 20px;
}
.tp_filtersWrapper .tp_appliedFiltersWrapper ul li a span {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.tp_filtersWrapper .tp_appliedFiltersWrapper ul li a span:before,
.tp_filtersWrapper .tp_appliedFiltersWrapper ul li a span:after {
    position: absolute;
    left: 7px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #fff;
}
.tp_filtersWrapper .tp_appliedFiltersWrapper ul li a span:before {
    transform: rotate(45deg);
}
.tp_filtersWrapper .tp_appliedFiltersWrapper ul li a span:after {
    transform: rotate(-45deg);
}

/* FACETS END */


/*********************Product Details Page***************************/

.tp_prod_detail {}
.tp_prod_detail.ui-content {
    padding: 0;
}
.tp_prod_detail .tp_prodName {
    width: 90%;
    padding: 15px 5%;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.tp_prod_detail .tp_prodName h3 {
    color: #000;

}
.tp_prod_detail .tp_prodName p {
    color: #6d6d72;
    font-family: 'Roboto', sans-serif;
    padding:5px 0px 0px;
}
.tp_prod_detail .tp_prodImage {
    width: 90%;
    padding: 10px 5%;
    position: relative;
    padding-bottom: 50px;
    background: #eee;
}
.tp_prod_detail .tp_prodImage img {
    display: block;
    width: 100%;
}
.tp_prod_detail .tp_prodDetailTabs {
    position: relative;
    width: 90%;
    margin: 0 auto;
    clear: both;
}
.tp_prodDetailTabs .tp_detSpec .tp_specificationTable {
    width: 100%;
}
.tp_prodDetailTabs .tp_detSpec .tp_specificationTable td {
    width: 45%;
    padding-right: 10px;
}
.tp_prodDetailTabs .tp_detData .ui-link,
.tp_prodSimiliar .ui-link,
.tp_prodSimiliar .ui-link:visited {
    font-weight: normal;
    color: #333;
    font-size: 15px;
}
.tp_prod_detail .featureClass ul {
    list-style: disc outside none;
    padding: 0 0 0 35px;
    padding-top: 5px;
}
.tp_prod_detail .featureClass ul li {
    list-style: disc outside none;
    padding-left: 0;
}
.tp_prod_detail .tp_detailsInfo .ui-collapsible-content .featureClass {
    padding-top: 12px
}
.tp_prod_detail .tp_detailsInfo {
    width: 100%;
    position: relative;
    display: block;
}
.tp_prod_detail .tp_detailsInfo .ui-btn-active {
    background-color: initial;
    border: initial;
    text-shadow: none;
}
.tp_prod_detail .tp_detailsInfo .ui-collapsible-heading-toggle {
    width: 90%;
    padding: 0 5%;
    height: 50px;
    line-height: 50px;
    color: #333333;
    border:none;
    font-weight: bold;
    border-radius: 0;
    box-shadow: initial;
    font-family: 'Roboto', sans-serif;
    background-color:#EDEDED!important;
    text-shadow:none;
}
.tp_prod_detail .tp_detailsInfo .ui-icon-plus:hover {
    background: #f6f6f6;
}
.tp_prod_detail .tp_detailsInfo .ui-icon-minus {
    background: #ededed;
}
.tp_prod_detail .tp_detailsInfo .ui-collapsible-content {
    width: 90%;
    padding: 10px 5%;
    background: #F4F4F4;
    border:none;

}
.tp_prod_detail .tp_detailsInfo .ui-collapsible-heading-toggle:after {
    background: none;
    width: 25px;
    height: 25px;

    margin-top: -8px;
    color: #333333;
    font-size: 16px;
    line-height:16px;
    font-family:FontAwesome;
}
.tp_prod_detail .tp_detailsInfo .ui-icon-plus:after {
    content: "\f078";

}
.tp_prod_detail .tp_detailsInfo .ui-icon-minus:after {
    content: "\f077";

}
.tp_prod_detail .tp_branchWrapper {
    display: none;
}
.tp_prod_detail .tp_branchWrapper,
.tp_prodSimiliar {
    width: 90%;
    padding: 10px 5%;
}
.tp_prod_detail .tp_branchWrapper li {
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
}
.tp_prod_detail .tp_branchWrapper h3,
.tp_prod_detail .tp_branchWrapper p {
    position: relative;
    float: left;
    line-height: 30px;
    min-height: 30px;
    color: #232323;
}
.tp_prod_detail .tp_branchWrapper h3 {
    display: block;
    float: none;
    border-bottom: 1px solid #ededed;
}
.tp_prod_detail .tp_branchWrapper p {
    display: block;
    float: none;
    margin-left: 30px;
    word-wrap: break-word;
}
.tp_prod_detail .tp_branchWrapper .tp_brachIcon {
    max-height: 23px;
    margin-top: 3px;
    float: left;
}
.tp_prod_detail .tp_branchWrapper a.tp_branchContact {
    margin-top: 15px;
    border: 1px solid #e99b0b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f6b112;
    padding: 5px 30px;
    font-weight: bold;
;
}
.tp_prod_detail .tp_branchWrapper a.tp_branchContact:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 10px;
    width: 15px;
    height: 20px;
    background: url(../images/tp_icn_branchContact.png) no-repeat 0px 0px;
    background-size: 14px;
}

/******* QUOTE PROCESS *************/

.tp_prod_detail .tp_prodQuoteProcess {
    width: 90%;
    padding: 0px 5%;
    position: relative;
}
.tp_quoteFormsWrapper {
    padding: 5px 0;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}
.tp_quoteFormsWrapper:after {
    content: '';
    clear: both;
    display: table;
}
.tp_quoteFormsWrapper .tp_formLabel {
    float: left;
    padding: 0 10px 0 0;
    width: 30%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 45px;
}
.ui-select .ui-btn>span:not(.ui-li-count) {
    text-align: left;
    color: #6d6d72;
    font-weight: normal;
}
.tp_quoteFormsWrapper .ui-input-text,
.tp_quoteFormsWrapper .ui-select {
    width: 70%;
    box-sizing: border-box;
    margin: 0;
    float: left;

    border-color: #e0e0e0;
    color: #6d6d72;
    border-radius: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tp_quoteFormsWrapper .ui-select .ui-btn.ui-focus,
.tp_quoteFormsWrapper .ui-select .ui-btn:hover,
.tp_quoteFormsWrapper .ui-select .ui-btn.ui-btn-active {
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border-color: #cacacf;
}
.ui-icon-carat-d:after {
    background-image: url(../images/tp_icn_drop_down.png);
    background-color: #fff;
}
.tp_quoteFormsWrapper .ui-input-text input {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    padding: 0px 10px;
    line-height: 45px;
}

.tp_quoteFormsWrapper .ui-btn select {
    font-family: 'Roboto', sans-serif;
}
.tp_prodQuoteProcess .tp_prodMessage {
    padding: 10px 8px;
    margin: 10px 0;
    text-align: center;
    border: 1px solid #000;
    min-height: 20px;
    position: relative;
}
.tp_prodQuoteProcess .tp_prodMessage.error {
    border: none;
    padding: 5px 8px 10px 30%;
    color: #e91c28;
    font-size: 14px;
    text-align: left;
    margin: -10px 0 0;
}
.tp_prodQuoteProcess .tp_prodMessage.error.validation {
    display: none;
}
.tp_prodQuoteProcess .tp_prodMessage.error img {
    display: none !important;
}
.tp_prod_detail .tp_quoteFormsWrapper .ui-select .ui-btn.error {
    border-color: #e91c28;
    color: #e91c28;
}
.tp_prod_detail .tp_quoteFormsWrapper .ui-select .ui-btn.error>span:not(.ui-li-count) {
    color: #e91c28;
}
.tp_prod_detail .tp_quoteFormsWrapper .ui-select .ui-btn.error.ui-icon-carat-d:after {
    background-image: url(../images/tp_icn_drop_down_error.png);
}
.tp_prodQuoteProcess .tp_prodMessage.added {
    border:none;
    border-width:2px;
    background-color:#e8f5e9;
    color:#1b5e20!important;
}
.tp_prodQuoteProcess .tp_prodMessage.added p {
    padding: 0 5px;
    font-size: 14px;
}
.tp_prodQuoteProcess .tp_prodMessage.added p img {
    vertical-align: text-bottom;
    margin: 0 5px 0 0;
    height:0px;
    width:0px;
    position: absolute;
}
.tp_prodQuoteProcess .tp_prodMessage.added a {
    font-size: 14px;
    color: #1a3b69;
    font-weight: normal;
    line-height: 20px;
    display:block;
}
.tp_prodQuoteProcess a.tp_buttons span {
    font-size: 18px;
    display: inline;
}
.tp_prodQuoteProcess a.tp_buttons.add2Quote {
    background-color: #EC9B0C;
    border:none;
    border-radius:0;
    margin-top: 0;

    display:inline-block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    text-align:center;
    color:#333333;
    width: 100%;
    padding: 0px;
    line-height: 47px;
    height: 47px;
}
.tp_prodQuoteProcess a.tp_buttons.add2Quote img {
    width: 17px;
    vertical-align: text-bottom;
    margin: 0px 0 0 5px;
}
.tp_prodQuoteProcess .tp_buttons.check_stock {
    border:none;
    background-color:#296C96;
    text-align: center;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    padding:0px;
    text-align:center;
    border-radius: 0;
    height:45px;
    line-height:45px;
    margin-top:10px;
}
.tp_prodQuoteProcess .tp_buttons.check_stock a {
    color: #232323;
    text-decoration: initial
}
.tp_prod_detail .tp_prodImage .tp_notifyPopUpBG {
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    height: 20%;
    position: absolute;
    top: 40%;
    z-index: 99;
}
.tp_prod_detail .tp_prodImage .tp_notifyPopUpBG .tp_notifyPopUp {
    display: table;
    position: relative;
    background: #eaeaea;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 70%;
    margin: 0 15%;
}
.tp_prod_detail .tp_prodImage .tp_notifyPopUpBG .tp_notifyPopUp h3 {
    display: table-cell;
    padding: 10px 5px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}
.tp_prod_detail .tp_branchWrapper .tp_branchContactLink a {
    border: 1px solid #d88b0f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ec9b0c;
    padding: 5px 30px;
    font-weight: bold;
    display: block;
    position: relative;
    color: #000;
    text-decoration: none;
    line-height: 30px;
    height: 30px;
}
.tp_prod_detail .tp_branchWrapper .tp_branchContactLink a:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 10px;
    width: 15px;
    height: 20px;
    background: url(../images/tp_icn_branchContact.png) no-repeat 0px 0px;
    background-size: 14px;
}

/********QUOTE PROCESS END***********/


/* STOCK CHECK START */

.page-mobile-productDetails .ui-popup-screen.in {
    opacity: .8;
}
#stockCheckPopupDialog h4,
#stockCheckPopupDialog h3,
#stockCheckPopupDialog h2,
#stockCheckPopupDialog h1 {
    color: #232323;
    font-weight: normal
}
#stockCheckPopupDialog .tp_stockHeader {
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
    text-shadow: none;
}
#stockCheckPopupDialog .tp_stockHeader h3 {
    line-height: 20px;
    min-height: 20px;
    font-size: 18px;
    padding-right: 25px;
}
#stockCheckPopupDialog .tp_stockHeader .popup_close {
    width: 20px;
    height: 20px;
    position: absolute;
    left: auto;
    top: 1em;
    right: 1em;
    border: none;
    padding: 0;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -155px;
    background-size: 18px;
}
#stockCheckPopupDialog .tp_branchSearch {
    padding: 15px 0 15px 0;
}
#stockCheckPopupDialog .tp_brancAhction .tp_buttons {
    padding: 0;
    color: #000;
    font-weight: normal;
    text-align: center;
    background: #ec9b0c;
    border: 1px solid #d88b0f;
    font-family: 'Roboto', sans-serif; font-weight:500;
}
.tp_branchView_wrapp .tp_branchView_actions > a.tp_viewMap {
    color: #000;
}
#stockCheckPopupDialog .tp_brancAhction .tp_buttons.branchDirection {
    background: #96cff5;
    border: 1px solid #7cb7d8;
}
#stockCheckPopupDialog .tp_branchSearch .tp_productName {
    font-size: 21px;
    line-height: 30px;
}
#stockCheckPopupDialog .tp_branchSearch .tp_productCode {
    font-size: 16px;
    color: #232323;
}
#stockCheckPopupDialog .tp_branch_findNear {
    background: none;
    padding: 15px 0 0 0;
    width: auto;
}
#stockCheckPopupDialog .tp_findNear_form input {
    font-family: 'Roboto', sans-serif;
    border-color: #d88b0f;
}
#stockCheckPopupDialog .tp_findNear_form .ui-btn.ui-input-btn {
    font-family: 'Roboto', sans-serif;
    position: relative;
    color: #000;
    text-shadow: none;
}
#stockCheckPopupDialog .tp_branch_findNear .tp_branch_mylocation {
    padding: 0;
}
#stockCheckPopupDialog .tp_searchFilter {
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
}
#stockCheckPopupDialog #nonSingleResultTopBlock .tp_branchMathes .ui-link.ui-btn {
    display: none;
}
html.page-mobile-productDetails .ui-body-b label.ui-btn:hover,
html .ui-body-b label.ui-btn:hover,
#stockCheckPopupDialog .ui-body-b label.ui-btn,
.page-mobile-productDetails .ui-page-theme-a .tp_branch_locator label.ui-btn {
    background: none;
    border: none;
    color: #232323;
    padding: 0 0 0 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
}
.tp_branchSearch_result .ui-checkbox {
    margin: 0;
}
#stockCheckPopupDialog .ui-checkbox input {
    width: 20px;
    height: 20px;
    left: 0;
}
#stockCheckPopupDialog .ui-btn-icon-left:after {
    display: none;
}
#stockCheckPopupDialog .tp_branchItem {
    position: relative;
}
#stockCheckPopupDialog .tp_branchItem li {
    width: 100%;
    position: relative;
    padding: 0px 0;
    border-bottom: 1px solid #ededed;
}
.feature-design-for-tp3.feature-can-collect #stockCheckPopupDialog  .tp_branchItem li:after {
    background: none;
}
.feature-design-for-tp3.feature-can-collect #stockCheckPopupDialog.tp_branch_locator .tp_branchView_wrapp {
    border-bottom: 1px solid #ededed;
}
.feature-design-for-tp3.feature-can-collect #stockCheckPopupDialog .tp_branchItem .tp_branch_details {
    height: 40px;
    font-weight: bold;
    line-height: 40px!important;
}
.feature-design-for-tp3.feature-can-collect #stockCheckPopupDialog .tp_branchItem .tp_branch_details {
    width: 37%;
    padding-left: 0;
    display: block;
    bottom: 15px;
    text-align: center;
    right: 0;
    color: #232323;
    text-decoration: none;
    font-size: 14px;
    background: #ec9b0c;
    box-sizing: border-box;
    border: 1px solid #d88b0f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 3;
    overflow:hidden;
    position: relative;
    float: left;
    top: 10px;
}
.feature-design-for-tp3.feature-can-collect .tp_prod_category .flexslider ol.flex-control-nav li a.flex-active {
    border-color: #d88b0f;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchAvail {
    line-height: 23px;
    padding: 0 0 10px 30px;
    color: #1a3b69;
    position: relative;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchAvail:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    position: absolute;
    background: url(../images/tp_icon_stockCheck.png) no-repeat 0px 0px;
    background-size: 22px;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchAvail.call:before {
    background-position: 0 -25px;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchName {
    padding-right: 20px;
    color: #232323;
    font-weight: bold;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchAdress {
    padding-right: 20px;
    color: #232323;
    font-size: 14px;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchAdress p {
    font-family: 'Roboto', sans-serif;
}
#stockCheckPopupDialog .tp_branchItem .tp_branch_call {
    width: 37%;
    padding-left: 25px;
}
#stockCheckPopupDialog .tp_branchPagination {
    display: block;
    color: #0a4f38;
    padding: 15px 0;
    text-align: center;
}
#onlyWithStock {
    z-index: 1000;
}
.tp_searchFilter .ui-checkbox > label:hover {
    text-shadow: none;
}
#stockCheckPopupDialog-popup {
    width: 95%;
    max-width: 500px !important;
}
.stock_product_info,
.product_stock_check {
    padding: 15px 5%;
}
.stock_product_name {
    margin-bottom: 10px;
}
#stockCheckPopupDialog .branch_details .tp_branch_distance {
    font-weight: normal;
}
#stockCheckPopupDialog .branch_details .tp_bracnhLoc,
#stockCheckPopupDialog .branch_details .stock_product_name {
    font-weight: bold;
}
#stockCheckPopupDialog .branch_details .tp_branchInfo_name h3,
#stockCheckPopupDialog .branch_details .tp_branchInfo_hours h3,
#stockCheckPopupDialog .branch_details .tp_branchInfo_adress h3,
#stockCheckPopupDialog .branch_details .tp_branchInfo_services h3 {
    font-weight: bold;
    overflow: hidden;
}
#stockCheckPopupDialog .branch_details .product_stock_check .stock_amount {
    color: #1a3b69;
    background: url(../images/tp_icon_stockCheck.png) no-repeat 0 0 transparent;
    background-size: 20px;
    padding-left: 35px;
}
#stockCheckPopupDialog .map_popup {
    height: auto;
    padding-bottom: 28px;
}
#stockCheckPopupDialog .map_popup .tp_bracnhLoc {
    font-size: 14px;
}
#stockCheckPopupDialog .map_popup .tp_popup_address {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
}
#stockCheckPopupDialog .map_popup .tp_popup_address .tp_branch_distance {
    position: inherit;
}
#stockCheckPopupDialog .map_popup .tp_popup_map_buttons {
    position: absolute;
    height: 28px;
    left: 0;
    right: 0;
    bottom: 0;
}
#stockCheckPopupDialog .gm-style-iw > div {
    padding-right: 25px;
}
#stockCheckPopupDialog .gm-style-iw > div > div {
    margin-right: -25px;
}
.tp_branch_in_stock {
    padding-left: 25px;
    background: url(../images/tp_icon_stockCheck.png) no-repeat 0 0 transparent;
    background-size: 16px;
    clear: both;
}
#stockCheckPopupDialog .tp_branch_call_stock_availability {
    padding-left: 25px;
    background: url(../images/tp_icon_stockCheck.png) no-repeat 0 -20px transparent;
    background-size: 16px;
    clear: both;
    font-size: 14px;
    white-space: nowrap;
}
#stockCheckPopupDialog .tp_branch_distance {
    font-size: 13px;
}
#stockCheckPopupDialog .tp_branch_postcode {
    font-size: 12px;
}

/* STOCK CHECK END */


/* FOOTER START*/

.travis-perkins-footer {
    width: 100%;
    background: #0a4f38;
    overflow: hidden;
}
.travis-perkins-footer #footerNavigation .ui-collapsible-inset,
.travis-perkins-footer #footerNavigation .ui-collapsible-set {
    margin: 0;
}
.travis-perkins-footer #footerNavigation li {
    overflow: hidden;
    width: 100%;
    margin: 0;
}
#footerNavigation ul.L2 li:first-child a {
    -webkit-box-shadow: inset 0px 1px 3px 0px #bab9b9;
    -moz-box-shadow: inset 0px 1px 3px 0px #bab9b9;
    box-shadow: inset 0px 1px 3px 0px #bab9b9;
}
.travis-perkins-footer #footerNavigation li a {
    float: left;
    padding: 0 0 0 5%;
    margin: 0;
    width: 100%;
    border-width: 0 0 1px;
    border-color: #d9d9d9;
    border-style: solid;
    background-color: #f3f3f3;
    font-size: 16px;
    font-weight: bold;
    color: #002d5d;
}
.travis-perkins-footer #footerNavigation li:last-child a {
    border: none;
}
.travis-perkins-footer #footerNavigation .ui-icon-plus:after {
    background: url(../images/external/menu_plus_blue.png) no-repeat 90% center transparent;
    background-size: 14px;
    right: 10%;
}
.travis-perkins-footer #footerNavigation .ui-icon-minus:after {
    background: url(../images/external/menu_minus_blue.png) no-repeat 90% center transparent;
    background-size: 14px;
    right: 10%;
}
.travis-perkins-footer #footerNavigation .ui-collapsible-content {
    border: none;
    padding: 0;
}
.travis-perkins-footer #footerNavigation .ui-collapsible-content li a {
    background-color: #e2e1e1;
    border-bottom: 1px solid #bfbebe;
    font-size: 0.9em;
    color: #002d5d;
    text-decoration: none;
    padding-left: 8%;
    position: relative;
}
.travis-perkins-footer #footerNavigation .ui-collapsible-content li a:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 16px;
    right: 13.5%;
    top: 15px;
    background: url(../images/external/tp_icn_listing_main_blue.png) no-repeat 0px 0px;
    background-size: 8px;
}
.travis-perkins-footer #footerNavigation a,
.travis-perkins-footer #footer {
    line-height: 40px;
}
.travis-perkins-footer #footer {
    position: relative;
    background-color: #002d5d;
    overflow: hidden;
}
.travis-perkins-footer p,
.travis-perkins-footer a,
.travis-perkins-footer #footer a:visited {
    color: #fff;
    font-size: 0.7em;
    font-weight: normal;
    float: left;
    margin-left: 5%;
}
.travis-perkins-footer a {
    float: right;
    margin: 0 5% 0 0;
}

/* FOOTER END*/


/* TP BUTTONS START */
.branch_details .tp_brancAhction .tp_buttons{
    padding:0px!important;
    text-align:center;
}
.feature-design-for-tp3.feature-can-collect .branch_details .tp_brancAhction .tp_buttons {
    color: #002d5d;
}
.tp_buttons {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 0 0 60px;
    text-decoration: none;
    color: #000;
    background-color: #ec9b0c;
    font-weight: bold;
    border: 1px solid #d88b0f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#content button.button {
    text-shadow: none;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif;  font-weight:700;
}
#content button.button.next {
    background: #ec9b0c;
    border:none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    border-radius:0;
    margin-bottom: 1em;
}
#content button.button.previous {
    background: #296C96;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    border-radius:0;
    border:none;
    color:#fff;
}

/* TP BUTTONS END */


/* PROGRESS BAR START */

.progress-bar-container {
    overflow: hidden;
    padding-bottom: 15px;
}
.progress-bar {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}
.progress-step {
    background-color: #EDEDED;
    border-right: 1px solid #232323;
    display: table-cell;
    font-size: 32px;
    font-weight: bold;
    position: relative;
    text-align: center;
}
.steps-2.progress-bar .progress-step {
    width: 50%;
}
.steps-3.progress-bar .progress-step {
    width: 33%;
}
.steps-4.progress-bar .progress-step {
    width: 25%;
}
.progress-bar .progress-step a {
    cursor: pointer;
    display: block;
    height: 100%;
    text-decoration: none;
}
.progress-bar .progress-step a:hover .name {
    text-decoration: underline;
}
.progress-bar .progress-step .name {
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 7px;
}
.progress-bar .progress-step .number {
    border: 2px solid #1a3b69;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 10px;
    padding: 10px 23px;
    vertical-align: middle;
}
.progress-bar .progress-step:last-child {
    border: 0;
}
.progress-bar .visited.progress-step a {
    background-color: #ededed;
    color: #1a3b69;
}
.progress-bar .visited.progress-step a .number {
    border-color: #1a3b69;
}
.progress-bar .active.progress-step a {
    background-color: #1a3b69;
    color: #fff;
}
.progress-bar .active.progress-step a .number {
    border-color: #fff;
}
.progress-bar .disabled.progress-step {
    color: #999999;
    cursor: default;
}
.progress-bar .disabled.progress-step,
.progress-bar .disabled.progress-step .number {
    border-color: #999999;
}

/* PROGRESS BAR END */

.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
    width: 16px;
    height: 16px;
    border-radius: 0;
    border: 1px solid #000;
    background: none;
    text-shadow: none;
    margin: 0;
    top: 12px;
    left: 0;
}
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-on:after {
    content: '\f00c';
    font-family: 'FontAwesome';
    background: none;
    color: #ec9b0c;
    transform: translateY(-50%);
    border: 1px solid #ec9b0c;
}
#tpFilterSearch-popup .ui-checkbox label.ui-btn.ui-checkbox-off,
#tpFilterSearch-popup .ui-checkbox label.ui-btn.ui-checkbox-on {
    margin-left: -10px;
    padding: 12px 15px 6px 30px;
}
#tpFilterSearch-popup .ui-footer {
    border: none;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
}

#tpFilterSearch-popup .ui-footer a,
#tpFilterSearch-popup .ui-footer .tpApplyFilter {
    width: 100%;
    max-width: 45%;
    flex-shrink: 0;
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
#tpFilterSearch-popup .ui-footer a {
    border: none;
    background: #ddd;
    font-size: 1.1em;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
#sort_by {
    padding: 10px;
}


    /*  Open An Acount START    */

.button_copy_head .tpButtonCopyTitle {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-bottom: 25px;
}
.button_copy_head .tpButtonCopyDescption {
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.button_copy_content .buttons_holder {
    width: 100%;
}

/*  Open An Acount END  */


/* No Result Found Page Template Start */

#header .siteSearch ul:not(#ui-id-1) {
    display: none !important;
}
.no-result {
    margin: 15px 5% 0 5%;
    border-bottom: 1px solid #ededed;
}
.no-result h1 {
    font-weight: normal;
    padding: 15px 5%;
    font-size: 1em;
    line-height: 22px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.no-result .content_holder {
    padding: 20px 0;
    font-size: 0.8em;
    overflow: hidden;
}
.no-result .title_holder {
    text-align: center;
    background: #f5f5f5;
    padding: 20px 15px;
}
.no-result .title_holder .subtitle {
    font-size: 14px;
    padding: 15px 15px 0 15px;
}
.no-result .content_holder .gallery_paragraph_component h2,
.no-result .content_holder .gallery_paragraph_component .content {
    margin-bottom: 5%;
}
.no-result .content_holder .gallery_paragraph_component h2 {
    font-size: 1.1em;
}
.no-result .content_holder .gallery_paragraph_component h4 {
    float: left;
    margin-right: 1%;
}
.no-result .content_holder ul {
    float: left;
    list-style: disc;
    margin: 5% 0 5% 15px;
}
.no-result .content_holder li a {
    color: #1a3b69;
    font-weight: normal;
}
.no-result .siteSearch {
    background: none;
    display: block !important;
}
.no-result .siteSearch form {
    position: relative;
    margin-bottom: 15%;
}
.no-result .siteSearch label {
    display: none;
}
.no-result .siteSearch .ui-input-text {
    border: 2px solid #EC9B0C;
    text-shadow: none;
    box-shadow: none;
    margin: 0;
    border-radius: 20px;
    background: none;
    overflow: hidden;
    height: 32px;
}
.no-result .siteSearch input {
    height: 32px;
    background-color: #fff;
    width: calc(100% - 36px);
    font-family: 'Roboto', sans-serif;
    padding: 5px 10px;
}
.no-result .siteSearch .button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    padding: 10px 15px;
    background-color: #EC9B0C;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 20px;
}
.no-result .content_holder > .content ul {
    margin: 0;
    padding: 5px 0;
}
.no-result .content_holder > .content li {
    position: relative;
    list-style: none;
    padding: 0 0 5px 12px;
}
.no-result .content_holder > .content li:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #002d5d;
    border-radius: 50%;
}

/* No Result Found Page Templates End */


/*  BRANCH LOCATOR - list view
    ===================================
 */

.tp_branchView_wrapp .tp_branchView {
    display: block;
    width: 100%;
}
.tp_branchView_wrapp .tp_branchView li {
    display: block;
    position: relative;
    width: 100%;
    border-top: 2px solid #ededed;
}
.feature-design-for-tp3.feature-can-collect .tp_branchView_wrapp .tp_branchView li:first-child {
    border-top:none;
}
#stockCheckPopupDialog > .ui-content {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
#stockCheckPopupDialog .tp_branchItem li:after,
.tp_branchView_wrapp .tp_branchView li:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 25px;
    top: 10px;
    right: 0;
    background: url(../images/icn_branch_1.png) no-repeat 0px -193px;
    background-size: 30px;
    z-index: 1;
}
#stockCheckPopupDialog .tp_branchItem li:after {
    top: 48px;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchShow,
.tp_branchView_wrapp .tp_branchView li a.tp_branchShow {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 15px 0 55px 0;
    z-index: 2;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchShow,
.feature-design-for-tp3.feature-can-collect #stockCheckPopupDialog .tp_branchItem .tp_branchShow {
    padding-bottom: 90px;
}
.feature-design-for-tp3.feature-can-collect #stockCheckPopupDialog .tp_branchItem .tp_branchShowButtonsHolder {
    position: absolute;
}
.tp_branchView_wrapp .tp_branchView li h3.tp_bracnhLoc {
    padding-right: 25px;
    line-height: 21px;
    color: #232323;
    font-weight: normal;
}
.tp_branchView_wrapp .tp_branchView li p {
    padding-right: 25px;
    font-size: 15px;
    line-height: 18px;
    color: #6d6d72;
    font-weight: normal;
}
.tp_branchView_wrapp .tp_branchView li p span {
    display: inline;
}
#stockCheckPopupDialog .tp_branchItem .tp_branchShowButtonsHolder {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
}
#stockCheckPopupDialog .tp_branchItem .tp_branch_call,
#stockCheckPopupDialog .tp_branchItem .tp_branch_distance,
.tp_branchView_wrapp .tp_branchView.list .tp_branch_distance,
.tp_branchView_wrapp .tp_branchView .tp_branch_call {
    display: block;
    width: 125px;
    position: absolute;
    bottom: 15px;
    height: 28px;
    line-height: 28px;
    text-align: left;
}
#stockCheckPopupDialog .tp_branchItem .tp_branch_distance,
.tp_branchView_wrapp .tp_branchView.list .tp_branch_distance {
    width: 50%;
    left: 0px;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
}
#stockCheckPopupDialog .tp_branchItem .tp_branch_distance {
    bottom: 55px
}
.tp_branchView_wrapp .tp_branchView .tp_branch_distance {
    position: relative;
    float: right;
    width: 50%;
    left: 0px;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    text-align: right;
    height: auto;
    min-height: 18px;
    line-height: 18px;
}
.tp_branch_locator.branch_details .tp_branch_distance {
    font-weight: normal;
}
.tp_branchView_wrapp .tp_branchView .tp_branch_postcode {
    width: 50%;
    float: left;
    height: auto;
    min-height: 18px;
    line-height: 18px;
}
#stockCheckPopupDialog .tp_branchItem .tp_branch_call,
.tp_branchView_wrapp .tp_branchView .tp_branch_call,
#stockCheckPopupDialog .tp_branchItem .setStockCheckBranch {
    right: 0;
    padding-left: 35px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    background: #ec9b0c;
    box-sizing: border-box;
    border: 1px solid #d88b0f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 3;
    line-height:35px;
    height:35px;
    overflow: hidden;
}
#stockCheckPopupDialog .tp_branchView_wrapp .tp_branchView .tp_branch_call{
    width: 42%;
    line-height: 28px;
    height: 28px;
}
#stockCheckPopupDialog .tp_branchItem .setStockCheckBranch {
    display: block;
    position: absolute;
    left: 0;
    bottom: 15px;
    padding: 0;
    line-height: 26px;
    text-align: center;
    width: 60%;
}
#stockCheckPopupDialog .tp_branchItem .tp_branch_call:before,
.tp_branchView_wrapp .tp_branchView .tp_branch_call:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 13px;
    width: 15px;
    height: 16px;
    background: url(../images/icn_branch_1.png) no-repeat 0px -176px;
    background-size: 32px;
}
#stockCheckPopupDialog .tp_branchView_wrapp .tp_branchView .tp_branch_call:before{
    top:6px;
}
.tp_branchView_wrapp .tp_branchView .branchDirection {
    height: 28px;
    padding: 0;
    margin: 0;
    background-color: #96cff5;
    box-sizing: border-box;
    border: 1px solid #7cb7d8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 55%;
    z-index: 3;
    font-family: 'Roboto', sans-serif;
}

/*.tp_branch_shevron*/

.tp_branch_shevron {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.tp_branch_shevron:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: -2px;
    top: 0px;
    z-index: 10002;
    background: #fff url(../images/icn_branch_1.png) no-repeat 5px -211px;
    background-size: 32px;
    /*display: none;*/
}
.tp_branchView_wrapp .gm-style-iw + div img[src*="mapfiles"] {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -2px;
    top: 0px;
    z-index: 10002;
    /*background: #fff url(../images/icn_branch_1.png) no-repeat 11px -*/
    background-size: 32px;
    display: none !important;
}
.tp_branchView_wrapp .gm-style-iw,
.tp_branchView_wrapp .gm-style-iw > div,
.tp_branchView_wrapp .gm-style-iw > div > div {
    overflow: inherit !important;
}
.tp_branchView_wrapp .gm-style-iw + div,
.tp_branchView_wrapp .gm-style-iw + div + img {
    display: none !important;
}
.no-result-services {
    text-align: justify;
    padding: 10px;
}

/*  Store Locator Map View START  */

.store_map {
    width: 100%;
    height: 50vmax !important;
    margin-bottom: 10px;
}
.map_popup {
    height: 110px;
    width: 235px;
}
.map_popup .tp_bracnhLoc {
    padding-right: 1.5em;
    margin-top: 5px;
    color: #232323;
    font-weight: normal;
    font-family: 'Roboto', sans-serif; font-weight:500;
    font-size: 16px;
    min-height: 21px;
    line-height: 21px;
    line-height: 21px;
    font-weight: normal;
}
.tp_branch_locator.branch_details li > h3.tp_bracnhLoc {
    font-weight: bold;
}
.tp_branchView_wrapp .tp_branchView .map_popup .tp_branch_call {
    bottom: 0;
}
.map_popup .tp_popup_address {
    font-family: 'Roboto', sans-serif; font-weight:300;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 18px;
    color: #6d6d72;
    font-weight: normal;
}
.map_popup .tp_popup_address:after {
    content: '';
    display: table;
    clear: both;
}
.tp_branchView_wrapp .tp_branchView .map_popup .tp_branch_distance {
    font-family: 'Roboto', sans-serif;  font-weight:700;
    font-size: 16px;
    font-weight: bold;
    height: 28px;
}
.tp_popup_address {
    margin-bottom: -10px;
}
#map_canvas .map_popup .tp_branch_call{
    padding: 0 26px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    height: 28px;
    width: 100px;
    line-height: 28px;
    padding-left: 45px;
}
#map_canvas .map_popup .tp_branch_call:before{
    top: 5px;
    left: 24px;
}
#map_canvas .map_popup .tp_branch_call span {
    display: none;
    background: url(../images/icn_branch_1.png) no-repeat 0px -176px;
    width: 16px;
    height: 16px;
    background-size: 32px;
}
.store_info {
    width: 268px;
    height: initial;
    padding: initial;
    height: initial;
    background: transparent;
    position: initial;
}
.store_info h3 {
    font-size: 14px;
    margin-bottom: 5px;
}
.store_info .info_heading {
    font-size: 12px;
    margin-bottom: 3px;
}
.store_info .section_info {
    font-size: 11px;
    line-height: 120%;
}
.map_popup a {
    text-decoration: none;
}

/*  Store Locator Map View END  */


/*
    bathroomShowroom Page START
*/


/*
    ========= Flex Slider ==============================
*/

.flexslider {
    background: #ededed;
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}
.flexslider .tp_stepsWrapper {
    width: 100%;
    padding: 0;
    height: 133px;
}
.flexslider .tp_stepsWrapper li {
    padding: 15px 0;
    margin: 0;
    position: relative;
}
.flexslider .tp_stepsWrapper .tp_stepsIcon {
    position: relative;
    left: 0px;
    float: left;
    margin-left: 15px;
}
.flexslider .tp_stepsWrapper .tp_stepsInfo {
    padding-left: 15px;
    box-sizing: border-box;
}
.flexslider .tp_stepsWrapper .tp_stepsInfo:after {
    display: none;
}
.flexslider .flex-control-nav {
    bottom: 5px;
}
.flexslider ol.flex-control-nav li {
    margin: 0 2px;
}
.flexslider ol.flex-control-nav li a {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #cbcbd0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 0 0 3px;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: none;
}
.flexslider ol.flex-control-nav li a.flex-active {
    border-color: #f3b018
}
.flexslider .flex-direction-nav a.flex-prev:before,
.flexslider .flex-direction-nav a.flex-next:before {
    content: '';
    width: 20px;
    height: 33px;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px 4px;
}
.flexslider .flex-direction-nav a.flex-next:before {
    background: url(../images/tp_icn_listing_main.png) no-repeat 0px -62px;
}
.flexslider .flex-direction-nav a {}
.tp_prodSimiliar .productreferenceslider .tp_prod_image img {
    border: 2px solid #CCCCCC;
}
.tp_prod_detail .productreferenceslider {
    text-align: center;
    margin: 10px 0;
}
.button_copy_content.bathroomShowroom .flexslider ol.flex-control-nav li a {
    display: inline-block;
    text-decoration: none;
    width: 70px;
    height: 15px;
    background: #9294ae;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
}
.button_copy_content.bathroomShowroom .flexslider ol.flex-control-nav li a.flex-active {
    background: #193a68;
}
.button_copy_content.bathroomShowroom .button_copy_head {
    display: none;
}
.button_copy_content.bathroomShowroom #homepage_slider {
    padding-bottom: 35px;
    position: relative;
}
.button_copy_content.bathroomShowroom #homepage_slider .flex-direction-nav {
    display: none;
    width: 100%;
    z-index: 333;
}
.button_copy_content.bathroomShowroom #homepage_slider .flex-direction-nav a {
    display: block;
    height: auto;
    width: 15%;
    position: absolute;
    top: 0;
    bottom: 35px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 0;
    text-align: left;
    text-indent: -9999px;
}
.tp_branchInfoWrapper .tp_branchInfo_services {
    width: 90%;
    padding: 10px 5% 15px 5%;
}
.button_copy_content.bathroomShowroom #homepage_slider .flex-direction-nav a:before {
    display: none;
}
.button_copy_content.bathroomShowroom #homepage_slider .flex-direction-nav a:after {
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    width: 75%;
    height: 23%;
    left: 12%;
}
.button_copy_content.bathroomShowroom #homepage_slider .flex-direction-nav a.flex-prev:after {
    background: url(../images/carousel_prev.png) no-repeat 0px 0px;
    -webkit-background-size: cover;
    background-size: cover;
}
.button_copy_content.bathroomShowroom #homepage_slider .flex-direction-nav a.flex-next:after {
    background: url(../images/carousel_next.png) no-repeat 0px 0px;
    -webkit-background-size: cover;
    background-size: cover;
}
.button_copy_content.bathroomShowroom .flexslider:hover .flex-prev {
    left: 0;
    opacity: 1;
}
.button_copy_content.bathroomShowroom .flexslider:hover .flex-next {
    right: 0;
    opacity: 1;
}
.button_copy_content.bathroomShowroom .buttons_holder {
    padding: 12px 7px;
    min-width: auto;
    box-sizing: border-box;
}
.button_copy_content.bathroomShowroom .buttons_holder .content {
    padding: 0 5px;
}
.button_copy_content.bathroomShowroom .buttons_holder .content,
.button_copy_content.bathroomShowroom .cpsShowroomParagraph {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #193b68;
    margin-bottom: 20px;
}
.button_copy_content.bathroomShowroom .cpsShowroomParagraph {
    padding: 0 12px 12px 12px;
    margin: 0;
}
.button_copy_content.bathroomShowroom .buttons_holder .content:last-child {
    margin-bottom: 0;
}
.button_copy_content.bathroomShowroom .buttons_holder .content[id*="CPSMobile"]:last-child {
    margin-bottom: 10px;
}
.button_copy_content.bathroomShowroom .buttons_holder [id*="CPSMobile"]:nth-of-type(1n) {}
.button_copy_content.bathroomShowroom .buttons_holder [id*="CPSMobile"] {
    float: left;
    width: 50%;
    height: 120px;
    margin-bottom: 10px;
    /*background: #eff0f0;*/
    box-sizing: border-box;
    padding: 0 5px;
}
.button_copy_content.bathroomShowroom .buttons_holder:after {
    content: '';
    display: table;
    clear: both;
}
.button_copy_content.bathroomShowroom .buttons_holder .content > .spotlight,
.button_copy_content.bathroomShowroom .buttons_holder .content > .spotlight a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.button_copy_content.bathroomShowroom .buttons_holder .content > .spotlight {
    background: #eff0f0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.button_copy_content.bathroomShowroom .buttons_holder .content > .spotlight a {
    position: relative;
    background: center 15px no-repeat;
    background-size: auto 50px;
}
.tp_branchInfoWrapper .tp_branchSevices a {
    display: block;
    width: 50%;
    padding: 5px 0;
    padding-bottom: 8px;
    margin: 0 auto;
    font-size: 13px;
    color: #000;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif; font-weight:500;
}
.feature-design-for-tp3.feature-can-collect .tp_branch_locator.branch_details .tp_branchView_wrapp .tp_branchView li {
    border-top: 2px solid #ededed;
}
.button_copy_content.bathroomShowroom .buttons_holder .content > .spotlight .inner {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}
.button_copy_content.bathroomShowroom .buttons_holder .content > .spotlight .inner h3 {
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif; font-weight:500;
    color: #20416d;
}
.button_copy_content.bathroomShowroom .cpsShowroomGallery .simple_disp-img img {
    width: 100%;
}
.tp_branchInfoWrapper .tp_branchSevices a img {
    display: block;
    width: 100%;
    margin: 0 auto 10px auto;
    border: none;
    overflow: hidden;
}
.tp_branchInfoWrapper .tp_branchSevices a span {
    display: none;
}
.tp_branchInfoWrapper .tp_branchSevices a span:after {
    content: '';
    display: table;
    clear: both;
}

/* TRADE CASH CARD FORM START */

.application_form_content {
    background: #fff;
    padding: 15px 20px;
}
.application_form_content .ui-input-text,
.application_form_content .ui-select,
.application_form_content .ui-grid-a {
    /* make sure input fit all available width even on wide screens  */
    width: 100% !important;
}
.application_form_content .ui-select .ui-btn {
    background: transparent;
}
.application_form_content .ui-select .ui-btn:after {
    background-image: url('../images/dropdown_arrow_icon.png');
    background-color: transparent;
}
.application_form_content .ui-select .ui-btn > span,
.application_form_content .ui-select .ui-btn > span:active {
    color: #333;
}
.application_form_content .ui-select .ui-btn > select {
    font-family: 'Roboto', sans-serif;
}
.application_form_content label {
    display: inline-block;
    width: auto;
    max-width: 85% !important;
    margin: 0 0 .4em;
}
.application_form_content .hidden {
    display: none;
}
.application_form_content .application_form .form_field {
    padding: 10px 0;
}
.application_form_content .application_form .form_field.mandatory label:after {
    content: "*";
    /*color: #f44336;*/
}
.application_form_content .application_form .form_fields_group {
    padding-bottom: 10px;
}
.application_form_content .application_form .form_fields_group .block_underlined_header {
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
    font-weight: normal;
}

.feature-design .supplier_delivery_lead_time_message_wrapper {
    width: 90%;
    padding: 0px 5%;
    position: relative;
    float: left;
    clear: both;
}
.feature-design .supplier_delivery_lead_time_message_holder {
    display: flex;
    justify-content: space-between;
    padding: 14px;
    margin-bottom: 14px;
    font-size: 14px;
    background-color: #ffffff;
    color: #333;
    border: 1px solid #bdbdbd;
}
.feature-design .supplier_delivery_lead_time_message_holder .supplier_delivery_message_icon {
    width: 34px;
    margin-right: 14px;
}
.feature-design .supplier_delivery_lead_time_message_holder img {
    height: 34px;
    width: 34px;
}
.feature-design .supplier_delivery_lead_time_message_holder .supplier_delivery_message_text {
    width: 95%;
    line-height: 1.5;
}

.feature-design .supplier_delivery_lead_time_message_holder .supplier_delivery_message_text .delivered_within {
    margin-bottom: 14px;
}
.feature-design .always_in_stock_message_holder span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
}

.feature-design .always_in_stock_message_holder .always_in_stock_message_icon:before {
    content: '\f058';
    font-family: 'FontAwesome';
    color: #1a3b69;
    font-size: 26px;
}

.feature-design div#addedItemsToQuoteListTextBlock {
    margin: 20px;
}

.application_form_content .application_form .more_details_link,
.create-login-email .more_details_link,
.feature-design .tpToolTip .more_details_link,
.create-login-psw .more_details_link,
#amendPasswordContainer #updatePasswordForm .more_details_link {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    border: 1px solid #1a3b69;
    background-color: #1a3b69;
    border-radius: 11px;
    margin-left: 5px;
    margin-top: -2px;
    width: 21px;
    height: 21px;
    line-height: 22px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    outline: none;
}

#amendPasswordContainer #updatePasswordForm label {
    display: inline-block;
}

#amendPasswordContainer #updatePasswordForm .label {
    display: inline-block;
}

.feature-design .tp_prod_detail .tpAddToQuoteList .tpToolTip .more_details_link,
.feature-design .tp_prod_detail .tp_prodPrice .tpToolTip .more_details_link {
    font-size: 19px;
    border-radius: 50%;
    margin-top: 0;
    width: 22px;
    height: 22px;
    line-height: 24px;
}

.feature-design-for-tp3.feature-can-collect .tp_prod_detail .ccButton.collection-disabled-btn .ui-btn {
    background-color: transparent;
    box-shadow: none;
    padding-left: 30px;
}

.application_popup .popup_head {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 20px;
    border-bottom: 1px solid #ededed;
}
.application_popup .popup_head.no_title {
    height: 0.5em;
    border-bottom: 0;
    position: absolute;
    top: -10px;
    right: 2px;
}
.application_popup .popup_head * {
    line-height: 1.5em;
}
.application_popup .popup_head h1 {
    font-size: 1.1em;
}
.application_popup .popup_head .popup_close_lnk {
    text-decoration: none;
    color: #bbb;
    position: absolute;
    top: 0.5em;
    right: 0.2em;
    padding: 4px;
    font-size: 20px;
    line-height: 20px;
    font-family: monospace;
}
.application_popup .popup_footer {
    margin-top: 1.2em;
    text-align: center;
}
.application_popup .popup_footer .popup_close_lnk {
    text-decoration: none;
    color: #333;
    font-family: 'Roboto', sans-serif; font-weight:500;
}
.application_popup .popup_body {
    margin-top: 5px;
}
.application_popup .popup_body p {
    font-family: 'Roboto', sans-serif;
}
.application_popup .popup_body ul,
.application_popup .popup_body ol {
    list-style: inherit;
    padding-left: 1.5em;
}
.application_form_content .application_form .ui-field-contain {
    border-width: 0;
}
.application_form_content .application_form .post_code_wrapper .ui-grid-a {
    /* fix jQuery Mobile grid to not cut off left/right borders of child elements */
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: content-box;
    overflow: visible;
}
.application_form_content .application_form .post_code_wrapper .ui-grid-a .ui-block-a .ui-input-text {
    margin: 0;
}
.application_form_content .application_form .post_code_wrapper .ui-grid-a .ui-block-a,
.application_form_content .application_form .post_code_wrapper .ui-grid-a .ui-block-c {
    width: 47%;
}
.application_form_content .application_form .post_code_wrapper .ui-grid-a .ui-block-b {
    width: 6%;
}
.application_form_content .application_form .post_code_wrapper .ui-grid-a .ui-block-c #postcodeLookupButton {
    margin-top: 1px;
    background-color: #296C96;
    border-radius:0;
    text-shadow: none;
    font-family: 'Roboto', sans-serif; font-weight:500;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    color:#fff;
    padding: 10px 0px;

}
.application_form_content .application_form .post_code_wrapper.postcode_optional .ui-grid-a .ui-block-a {
    width: 100%;
}
.application_form_content .application_form .post_code_wrapper.postcode_optional .ui-grid-a .ui-block-b,
.application_form_content .application_form .post_code_wrapper.postcode_optional .ui-grid-a .ui-block-c {
    display: none;
}
.application_form_content .application_form .form_buttons_wrapper {
    padding-top: 1em;
    color: #232323;
}
.application_form_content .application_form .form_buttons_wrapper #tradeCashCardSubmitButton,
.application_form_content .application_form .form_buttons_wrapper #loginSubmitButton,
.application_form_content .application_form .form_buttons_wrapper #forgottenPwd,
#verifyDetailsForm .verifyDetailsSubmit,
.create-login-form .create-login-submit {
    background: #ec9b0c;
    text-shadow: none;
    margin-bottom: 1em;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif; font-weight:500;
    border: none;
    border-radius:0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.application_form_content .application_form .form_field.once_validated .controller_validation_error,
.application_form_content .application_form .form_field .validation_error,
.application_form_content .application_form .form_field .empty_error {
    display: none;
}
.application_form_content .application_form .address_wrapper,
.application_form_content .application_form .account_trading_name_wrapper {
    /* fields are hidden by default */
    display: none;
}
.application_form_content .application_form .form_field.form_error_validation input,
.application_form_content .application_form .form_field.form_error_validation .ui-select .ui-btn,
.application_form_content .application_form .form_field.form_error_validation .ui-input-text,
.application_form_content .application_form .form_field.form_error_empty input,
.application_form_content .application_form .form_field.form_error_empty .ui-select .ui-btn,
.application_form_content .application_form .form_field.form_error_empty .ui-input-text {
    border-color: #f44336 !important;
}
.application_form_content .application_form .form_field .controller_validation_error,
.application_form_content .application_form .form_field.form_error_validation .validation_error,
.application_form_content .application_form .form_field.form_error_empty .empty_error {
    display: block;
    padding: 5px 5px 0 5px;
    clear: both;
    font-style: italic;
    color: #f44336;
}
.application_form_content .application_form .form_field.form_error.not_found_error .validation_error {
    display: none;
}
.application_form_content .application_form .form_field.form_error.not_found_error .not_found_error {
    display: block;
    padding: 5px 5px 0 5px;
    clear: both;
    font-style: italic;
    color: #f44336;
}
.application_form_content .application_form .form_field .ui-input-text {
    position: relative;
}
.application_form_content .application_form .form_field.mandatory.once_validated .ui-input-text:after,
#verifyDetailsForm .ui-input-text:after,
.create-login-form .ui-input-text:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    right: 10px;
    background: url("../images/green_tick_icon.png") no-repeat center;
}
.application_form_content .application_form .form_field.mandatory.form_error_validation.once_validated .ui-input-text:after,
.application_form_content .application_form .form_field.mandatory.form_error_empty.once_validated .ui-input-text:after {
    background: url("../images/red_cross_icon.png") no-repeat center;
}
.application_form {
    position: relative;
}
.application_form_content p {
    padding: 0px 0px;
    font-family: 'Roboto', sans-serif;
}
.application_form_content .terms-and-conditions {
    margin: 20px 0 0px;
}
.application_form_content .additional-info {
    margin: 20px 0 20px;
}
.application_form_content .application_form .mandatoryText {
    color: #999999;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
.application_form_content .page-title {
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #EDEDED;
    font-family: 'Roboto', sans-serif;  font-weight:700;
}
.application_form_content h3 {
    font-size: 18px;
    padding: 10px 0 15px;
}
.application_form_content .form_section h3 {
    font-size: 18px;
    padding: 10px 0 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid #EDEDED;
}
.application_form_content .form_section h3.title {
    font-size: 18px;
    padding: 0 0 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid #EDEDED;
}
.application_form_content .ui-checkbox .ui-btn {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;  font-weight:700;
}
.application_form_content .ui-input-text input,
.create-login-form .ui-input-text input {
    padding: 0.4em 2em 0.4em 0.4em;
    font-family: 'Roboto', sans-serif;
}
.ui-page-theme-a a:visited,
html .ui-bar-a a:visited,
html .ui-body-a a:visited,
html body .ui-group-theme-a a:visited {
    color: #1a3b69;
}

/* TRADE CASH CARD FORM END */


/* STEP COUNTER START */

ol.step-counter {
    list-style-type: none;
    counter-reset: step-counter;
    list-style-type: decimal !ie;
    /*IE 7- hack*/
    margin: 0;
    margin-left: 1em;
    padding: 0;
}
ol.step-counter > li {
    font-size: 13px;
    margin-bottom: 20px;
    min-height: 4em;
    padding: 0 0 0 50px;
    position: relative;
}
ol.step-counter > li:before {
    background-color: #1a3b69;
    border: 2px solid #1a3b69;
    border-radius: 50%;
    color: #FFFFFF;
    content: counter(step-counter);
    counter-increment: step-counter;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    left: -15px;
    padding: 7px 16px;
    position: absolute;
    top: 0;
}

/* STEP COUNTER END */


/*
Branch Filters
*/

.tp_branchFilter .ui-controlgroup-horizontal .ui-controlgroup-controls {
    display: block;
    text-align: center;
    padding: 10px 0;
}
.tp_branchFilter .tp_filterItems {
    position: relative;
    padding: 0px 0 10px 0;
}
.tp_branchFilter .tp_filterItems:after {
    content: '';
    display: block;
    clear: both;
}
.tp_branchFilter .tp_filterItems .ui-checkbox {
    position: relative;
    width: 100%;
}
.tp_branchFilter label.ui-btn.filter {
    display: block;
    position: relative;
    cursor: pointer;
    height: auto;
    line-height: 10px;
    margin: 2px 4px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 0;
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect .tp_branch_locator .tp_filtersWrapper a.tp_filterSearch {
    color: #1a3b69;
}
.tp_branchFilter label.ui-btn.filter.ui-checkbox-on {
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
}
.tp_branchFilter label.filter span {
    padding-top: 70px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
}
.tp_branchFilter label.filter img {
    width: auto;
    height: auto;
}
.tp_branchFilter input[type="checkbox"] {
    position: absolute;
    bottom: 3px;
    left: 25px;
    margin: 0;
}
.tp_branchFilter form button.tp_filterApply {
    width: 130px !important;
    margin: 32px 0px 0px 22px;
}
.tp_branchFilter form button.tp_filterApply::before {
    content: '';
    display: table;
    clear: both;
}
.tp_branchFilter .ui-btn.ui-input-btn {
    padding: 0;
    float: none;
    width: 140px !important;
    height: 35px;
    margin: 0 auto !important;
    line-height: 35px !important;
    background: #f6b112 !important;
    box-sizing: border-box !important;
    border: 1px solid #e99b0b !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}
.feature-design-for-tp3.feature-can-collect .tp_branchFilter .ui-btn.ui-input-btn {
    background: #ec9b0c !important;
    border: 1px solid #d88b0f !important;
}
.feature-design-for-tp3.feature-can-collect .ui-panel-inner .mobile-menu-link-item {
    background-color: #fff;
    border-bottom: 1px solid #D4D4D4;
    display: flex;
}
.feature-design-for-tp3.feature-can-collect .ui-panel-inner .mobile-menu-link-item img {
    padding: 4px 5px 6px 14px;
}
.feature-design-for-tp3.feature-can-collect .ui-panel-inner .mobile-menu-link-item a {
    color: #333;
    line-height: 30px;
}
.feature-design-for-tp3.feature-can-collect .ui-panel-inner .mobile-menu-link-item a:visited {
    color: #333;
}
.tp_branchFilter .tp_filterApply {
    display: block;
    width: 122px;
    color: #232323;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
}

/* M2 - MOBILE - Quote list - logged in */
.feature-design .basket_items .item-wrapper .baskt_item {
    position: relative;
    padding: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.feature-design .basket_items .item-wrapper .baskt_item .itm_img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 95px;
    height: 75px;
    border: 1px solid #ddd;
    margin-left: 12px;
    margin-bottom: 10px;
}
.feature-design .basket_items .item-wrapper .baskt_item .itm_img img {
    margin: 0;
}
.feature-design .basket_items .item-wrapper .baskt_item .itm_info {
    flex-grow: 1;
    width: 185px;
    min-height: 35px;
    margin-left: 8px;
    padding-right: 15px;
    padding-bottom: 50px;
}
.feature-design .basket_items .item-wrapper .baskt_item .itm_info h3 {
    margin: 0;
}
.feature-design .basket_items .item-wrapper .baskt_item .itm_info .item_code {
    margin: 0;
    color: inherit;
    font-size: 10px;
}
.feature-design .basket_items .item-wrapper .baskt_item .item_price {
    width: 200px;
    position: absolute;
    bottom: 60px;
    left: 117px;
}
.feature-design .basket_items .item-wrapper .baskt_item .item_price .price_ex_vat {
    font-size: 10px;
    color: #6d6d72;
}
.feature-design .itm_optns.quote_list_itm {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 7px 15px;
    flex-wrap: wrap;
}
.feature-design .itm_optns.quote_list_itm .qty_label {
    margin-right: 5px;
    font-size: 13px;
}
.feature-design .itm_optns.quote_list_itm .ui-input-text  {
    flex-grow: 1;
}
.feature-design .itm_optns.quote_list_itm .updateQuantityProductInQuoteList,
.feature-design .itm_optns.quote_list_itm .removeProductFromQuoteList {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 45px !important;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    flex-grow: 1;
}
.updateQuantityProductInQuoteList:before,
.removeProductFromQuoteList:before {
    content: '';
    position: absolute;
    left: 0;
    width: 35px;
    height: 35px;
    font-family: FontAwesome;
    text-align: center;
    background-color: #DBDBDB;
    margin-right: 10px;
    font-size: 18px;
    line-height: 2;
}
.feature-design .itm_optns.quote_list_itm .updateQuantityProductInQuoteList:before {
    content: "\f01e";
}
.feature-design .itm_optns.quote_list_itm .removeProductFromQuoteList:before {
    content: "\f1f8";
}
.feature-design #content .tp_basket .tpButtonArea .customerTypeAwareButton .ui-link {
    height: 40px;
    margin-top: 30px;
    background-color: #ec9b0c;
    font-size: 13px;
    line-height: 43px !important;
}
.feature-design #content .tp_basket .tpButtonArea #uid-TPMobileAddToBasketButton .ui-link {
    height: 40px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 43px !important;
}
/*  Branch Filters END  */


/* HEADER - LOG IN/OUT START */

.nav-user-header{
    color: #fff;
    font-weight: normal;
}
.ui-panel-inner .ui-link{
    text-decoration: none;
}
.nav-user-header .hello-m,
#slide_menu ul li #login_register-button{
    background: #1A3B69;
    padding: 7% 15% 7% 5.5%;
    font-size: 18px;
    line-height: normal;
}
#slide_menu ul li #login_register-button{
    font-weight: normal;
    position: relative;
    padding: 7% 15% 7% 17%;
}
#slide_menu ul li #login_register-button:before {
    content:'';
    width: 24px;
    height: 28px;
    position: absolute;
    left: 5.5%;
    top: 50%;
    margin-top: -10px;
    background: url(../images/cp-sprite-users.svg) -18px 0  no-repeat;
    background-size:38px 20px ;
}
#slide_menu ul li #login_register-button:after{
    border-color: #fff;
}
.nav-user-header .logout-m{
    background: #296C96;
    padding: 5.5% 15% 5.5% 5.5%;
}

/* HEADER - LOG IN/OUT END */


/*M2 - MOBILE - Quote List- log in link and Tool Tip*/
.feature-design .basket_items .item-wrapper .baskt_item .productPriceMessage {
    width: 200px;
    position: absolute;
    bottom: 46px;
    left: 117px;
}
.feature-design .basket_items .item-wrapper .baskt_item .productPriceMessage .ui-link {
    background: none;
    border: none;
    display: inherit;
    color: #1a3b69;
    font-size: 12px;
    text-align: left;
    margin: 0;
}
/* M2 - MOBILE - Side Bar Menu */
.feature-design #slide_menu .ui-panel-inner ul li {
    border-bottom: none;
}
.feature-design #slide_menu .ui-panel-inner ul li a{
    border-bottom: 1px solid #D4D4D4;
}
.feature-design #slide_menu li h2 a {
    font-weight: 400;
    color: #333;
}
.feature-design #slide_menu .L1 a {
    background: #fff;
}
.feature-design #slide_menu .L2 a,
.feature-design #slide_menu .your-account .your-account-content a {
    background: #fafafa;
    color: #333;
}
.feature-design #slide_menu .L3 a {
    background: #eeeeee;
    color: #333;
}
.feature-design #slide_menu .L1.includesSubMenu > h2 > a {
    border-bottom: 1px solid #EC9B0C;
}
.feature-design #slide_menu .L1.includesSubMenu.ui-collapsible-collapsed > h2 > a {
    border-bottom: 1px solid #D4D4D4;
}
.feature-design #slide_menu .includesSubMenu .ui-icon-plus:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: rotate(90deg);
    right: 16px;
    width: 20px;
    height: 3px;
    background-color: #696969;
}
.feature-design #slide_menu .includesSubMenu .ui-icon-plus:after,
.feature-design #slide_menu .includesSubMenu .ui-icon-minus:after {
    right: 16px;
    width: 20px;
    height: 3px;
    margin-top: 0;
    background-image: none;
    background-color: #696969;
    border-radius: 0;
}
.feature-design #slide_menu .L1.includesSubMenu > h2 > .ui-icon-minus:after {
    background-color: #EC9B0C;
}
.feature-design #slide_menu ul li > a:after,
.feature-design #slide_menu .includesSubMenu .L3 a:after,
.feature-design #slide_menu .your-account .your-account-content a:after {
    right: 23px;
    top: 50%;
    margin-top: -7px;
    transform: rotate(45deg);
    width: 12px;
    height: 12px;
    background-image: none;
    border-top: 3px solid #696969;
    border-right: 3px solid #696969;
    border-radius: 0;
}
.feature-design #slide_menu .ui-collapsible-content .your-account-content li a {
    border-top: none;
}
/* M2 - MOBILE - Log in/Register */
.feature-design .tp_breadcrumbs {
    padding: 10px 5%;
}
.feature-design .tp_breadcrumbs a.tp_bread_link {
    padding-left: 12px;
    font-size: 14px;
    font-weight: normal;
}
.feature-design .tp_breadcrumbs a.tp_bread_link::before {
    background-size: 16px;
}
.feature-design #loginSection .collapsibleLink {
    background-color: #1A3B69;
    padding: 0;
}
.feature-design #loginSection .collapsibleLabel {
    padding: 0 0 0 5%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
}
.feature-design #loginSection .collapsibleLink:after,
.feature-design #registerSection .collapsibleLink:after {
    top: 25px;
    right: 7%;
    width: 6px;
    height: 6px;
    margin-top: -11px;
    background-color: transparent;
    background-image: none;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.feature-design #loginSection .collapsibleLink.collapsible:after,
.feature-design #registerSection .collapsibleLink.collapsible:after  {
    top: 30px;
    transform: rotate(225deg);
}
.feature-design #loginSection .more_details_link {
    display: none;
}
.feature-design #loginSection #loginSubmitButton,
    padding: 10px;
    font-size: 16px;
}
.feature-design #loginSection .forgottenPassword {
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
}
.feature-design #loginSection .password-forgotten {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    color: #296C96 !important;
}
.feature-design #registerSection .collapsibleLink {
    padding: 0;
}
.feature-design #registerSection .collapsibleLabel {
    padding: 0 0 0 5%;
    background-color: #1A3B69;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
}
.feature-design #registerSection .register-description {
    padding: 20px 5%;
    background: #fff;
}
.feature-design #registerSection .collapsibleLink.collapsible .register-description {
    display: none;
}
.feature-design #verifyDetailsContainer {
    padding: 15px 5% 45px 5%;
}
.feature-design #registerSection .verifyDetailsHeader {
    width: 100%;
    font-size: 16px;
}

/* M2 - MOBILE - Forgotten Password */
.feature-design .min_height_content #forgottenPassword{
    padding: 0;
}
.feature-design #forgottenPassword .title-component{
    background: #1A3B69;
    border-top: 1px solid #d6d6da;
    border-bottom: 1px solid #d6d6da;
}
.feature-design #forgottenPassword .title-component .content{
    padding: 0 0 0 5%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}
.feature-design #forgottenPassword .yCmsComponent.page-description{
    padding: 0 5%;
}
.feature-design .application_form_content .application_form .form_buttons_wrapper #loginSubmitButton,
.feature-design .application_form_content .application_form .form_buttons_wrapper #forgottenPwd {
    font-size: 1em;
    padding: 10px;
    color: #232323;
}
.pageLabel-new-password-email-sent-page.feature-design #description_container{
    margin-bottom: 30px;
    font-size: 14px;
    color: #232323;
    font-weight: bold;
}
.feature-design #forgottenPassword .yCmsComponent.page-description{
    color: #232323;
    font-weight: bold;
}
.page-ResetPasswordCapturePasswordPageMobile #accountManagementOuterContainer{
    padding: 0;
}
.page-ResetPasswordCapturePasswordPageMobile #accountManagementOuterContainer .title-component{
    background: #1A3B69;
    border-top: 1px solid #d6d6da;
    border-bottom: 1px solid #d6d6da;
    margin-bottom: 0;
}
.page-ResetPasswordCapturePasswordPageMobile #accountManagementOuterContainer .content{
    padding: 0 0 0 5%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}
.page-ResetPasswordCapturePasswordPageMobile #accountManagementOuterContainer .content strong{
    font-weight: normal;
}
.page-ResetPasswordCapturePasswordPageMobile #accountManagementOuterContainer .mandatoryMessage{
    padding: 5px 5%;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color:#7f7f7f;
    font-weight: bold;
}
/* M2 - MOBILE - Dashboard CA and TCC */
.feature-design #accountDashBoardMessage {
    padding: 10px 5%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
    background-color: #1A3B69;
}
.feature-design #credit-thermometer {
    padding: 20px 5% 0 5%;
}
.feature-design #thermometer-header {
    margin-bottom: 15px;
}
.feature-design #thermometer-header .sub-header {
    display: flex;
    color: #616161;
}
.feature-design #thermometer-header .credit-limit-label {
    margin-right: 5px;
}
.feature-design #thermometer-chart .rounded-thermometer-chart {
    display: flex;
    border: 2px solid #EDEDED;
    padding: 10px;
}
.feature-design #thermometer-chart .chart-item {
    height: 25px;
}
.feature-design #thermometer-chart .invoiced-orders-color {
    background-color: #296c96;
}
.feature-design #thermometer-chart .orders-not-yet-invoiced-color {
    background-color: #bcbcbc;
}
.feature-design #thermometer-chart .remaining-credit-color {
    background-color: #1a3b69;
}
.feature-design #thermometer-chart .dial-scale {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    color: #616161;
    font-size: 14px;
}
.feature-design #thermometer-legend .legend-item {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 12px;
    padding-left: 5px;
}
@media screen and (min-width: 375px) {
    .feature-design #thermometer-legend .legend-item {
        padding-left: 40px;
    }
}
.feature-design #thermometer-legend .legend-item-label {
    color: #616161;
}
.feature-design #thermometer-legend .legend-item-label:before {
    content: "/";
    padding: 0 4px;
}
.feature-design #thermometer-legend .legend-item-value {
    font-weight: bold;
    display: flex;
}
.feature-design #thermometer-legend .legend-item-value:before {
    content: '';
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.feature-design #thermometer-legend .invoiced-orders-color .legend-item-value:before {
    background-color: #296c96;
}
.feature-design #thermometer-legend .orders-not-yet-invoiced-color .legend-item-value:before {
    background-color: #bcbcbc;
}
.feature-design #thermometer-legend .remaining-credit-color .legend-item-value:before {
    background-color: #1a3b69;
}
.feature-design .dashboard-box,
.feature-design .dashboard-box-acc {
    margin: 15px 5%;
    border: 2px solid #EDEDED;
    display: flex;
}
.feature-design .dashboard-benefit-button,
.feature-design .dashboard-mobile-benefit-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px ;
}
.feature-design .account-dashboard-button-link,
.feature-design .account-mobile-dashboard-button-link {
    display: flex;
    margin-right: 30px;
}
.feature-design #account-dashboard-button-image img.icon,
.feature-design #account-mobile-dashboard-button-image img.icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.feature-design #account-dashboard-button-image img.hover-icon,
.feature-design #account-mobile-dashboard-button-image img.hover-icon {
    display: none;
}
.feature-design .item-content .account-dashboard-button-link,
.feature-design .item-content .account-mobile-dashboard-button-link {
    color: #232323;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}
.feature-design #account-mobile-dashboard-button-description {
    font-weight: normal;
}

/*  Amend Login*/

.feature-design .changeYourLogin{
    padding: 0 0 0 5%;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
    background: #1A3B69;
    height: 40px;
    line-height: 40px;
}
.feature-design .amendDetails label{
    font-family: 'Roboto_b', sans-serif;
    font-size: 0.875em;
    font-weight: bold;
}
.feature-design .amendDetails .valueBold {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #7b7b7b;
}
.feature-design .amendContainer{
    border-bottom: 1px solid #d4d4d4;
    margin: 0 1%;
    padding: 3%;
    overflow: hidden;
}
.feature-design .amendDetails .form_buttons_wrapper{
    margin: 4% 0;
}
.feature-design .amendDetails #amendChangePassword,
.feature-design .amendDetails #amendChangeLogin,
.feature-design #content .amendDetails .changeButton.button{
    background: #ec9b0c;
    text-shadow: none;
    font-size: 1em;
    font-family: 'Roboto', sans-serif; font-weight:500;
    border: none;
    border-radius:0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.feature-design .amendDetails #goToDashboard{
    margin: 9% 4% 15%;
}
.feature-design .amendDetails #goToDashboardButton,
.feature-design .amendDetails #ammendPasswordBackButton,
.feature-design .amendDetails #ammendLoginBackButton{
    background: #296c96;
    text-shadow: none;
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    border: none;
    border-radius:0;
    color:#fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    font-weight: normal;
}
.feature-design .amendDetails #goToDashboardButton{
    padding: 1em;
}
.feature-design #updatePasswordForm,
.feature-design #amendLoginContainer{
    margin: 0 1%;
    padding: 3%;
    overflow: hidden;
}
.feature-design #updatePasswordForm .inputSection,
.feature-design #updateEmailForm .inputSection{
    padding: 10px 0;
}
.feature-design #updatePasswordForm .label,
.feature-design #updateEmailForm .label {
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
}
.feature-design #updatePasswordForm .label span,
.feature-design #updateEmailForm .label span{
    display: inline;
}
.feature-design #updatePasswordForm .ui-body-inherit,
.feature-design #updateEmailForm .ui-body-inherit{
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.feature-design #updatePasswordForm input,
.feature-design #updateEmailForm input{
    padding: 0.4em 2em 0.4em 0.4em;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #ddd;
}
.feature-design #updateEmailForm #formerEmailLabel{
    font:bold 1.125em 'Roboto', sans-serif;
    color: #333;
    padding: 0 0 5px;
}
.feature-design #updateEmailForm #formerEmailValue{
    font:0.875em 'Roboto_b', sans-serif;
    color: #7b7b7b;
    padding: 0 0 20px;
}
.feature-design .pstrength-minchar{
    display: none;
}
.feature-design .buttonControl{
    display: flex;
    flex-direction: column;
}
.feature-design .buttonControl .amendButton.changeButton{
    order: -1;
}
.feature-design .amendDetails .amendContainer.hidden{
    display: none;
}
.feature-design .amendDetails .email_error_message{
    color: #ed1c24;
}
.feature-design #updatePasswordForm .input-error input,
.feature-design #updateEmailForm .input-error input {
    border: 1px solid #ed1c24;
}
.feature-design .amendDetails #globalAmendMessage{
    background: #f5f5f5;
    border: 1px solid #f0f0f0;
    margin:3% 4%;
    padding: 15px 25px;
    text-align: center;
    font-weight: bold;
}
span.insufficient_balance_brand {
    display: inline;
}

/* End Amend Login*/

/* BEGIN collection popup */
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .text_input {
    margin-right: 0;
    outline: none;
    font-style: italic;
    text-transform: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 3px 3px 4px #eee;
    -webkit-box-shadow: inset 3px 3px 4px #eee;
    box-shadow: inset 3px 3px 4px #eee;
    border: 1px solid #BBB;
    padding: 3px !important;
    height: 28px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-data {
    overflow: hidden;
    margin: 20px 10px 10px 10px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .search-box .search-btn {
    width: 100%;
    margin: 0;
    background: none;
    border: none;
    float: left;
    border-radius: 10px;
    font-size: 14px;
    line-height: 102%;
    box-shadow: none;
    min-width: 100px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-price {
    font-weight: bold;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .view-container,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView {
    display: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .view-type-buttons {
    text-align: center;
    margin: 20px 0;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .stock,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .hours,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .operation {
    width: 44%;
    float: left;
    padding: 3%;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .message,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .hours-message-holder > span{
    font-size: 13px;
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .stock .image {
    background: url(../images/icon-stock-sprite.png) no-repeat 0 0 transparent;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    line-height: 18px;
    vertical-align: top;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .stock .image {
    background: url(../images/icon-stock-sprite.png) no-repeat 0 0 transparent;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    line-height: 18px;
    vertical-align: middle;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .stock .warning-stock-message .image,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .stock .warning-stock-message .image {
    background: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .stock .out-of-stock-message .image,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .stock .out-of-stock-message .image {
    background: url(../images/icon-stock-sprite.png) no-repeat 0 -19px transparent;
    background-size: 16px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .operation {
    width: 94%;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-name {
    font-weight: bold;
    line-height: 24px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-distance,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-link {
    font-size: 13px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-link {
    color: #1a3b69;
    text-decoration: underline;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .addForCollectionForm button {
    width: 60%;
    float: right;
    background-color: #EC9B0C;
    border: 1px solid #E99B0B;
    border-radius: 5px;
    line-height: 14px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination {
    width: 100%;
    float: none!important;
    margin: 20px 0 20px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination ul {
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li {
    vertical-align: top;
    line-height: 34px;
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li a {
    font-weight: bold;
    text-decoration: underline;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li.active {
    line-height: 32px;
    text-decoration: none;
    background-color: #1a3b69!important;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.prev,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.next {
    border: 1px solid #1a3b69;
    margin: 0 10px;
    position: relative;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li.active a {
    font-weight: normal;
    text-decoration: none;
    color: #fff;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination ul li {
    display: inline-block;
    border: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.prev a:after {
    top: 10px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.disable a:after {
    border-color: #757575!important;
    border-width: 2px 2px 0 0;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .spinner {
    text-align: center;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .closest-branch-message-template,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination-item-template {
    display: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-qty .ui-input-text input {
    display: inline;
    width: 60px;
    border: 1px solid #ccc;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-qty > div {
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .search-box {
    overflow: hidden;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .search-box > div {
    float: left;
    width: 70%;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock-filter .ui-checkbox input {
    margin: 0;
    position: static;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock-filter .ui-checkbox {
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock-filter .ui-checkbox input {
    width: auto;
    height: auto;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_stockHeader .popup_close {
    width: 20px;
    height: 20px;
    position: absolute;
    left: auto;
    top: 1em;
    right: 1em;
    border: none;
    padding: 0;
    background: url(../images/tp_icn_listing_main.png) no-repeat 0 -155px;
    background-size: 18px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_stockHeader {
    border-bottom: 1px solid #ededed;
    text-shadow: none;
}

.ui-popup-container#addForCollectionPopup-popup {
    top: 85px;
    margin: auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.13)!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_stockHeader h3 {
    font-size: 14px;
    font-weight: normal;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .ui-content{
    padding: 0px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #stockCheckPopupDialog .tp_stockHeader, #addForCollectionPopup .tp_stockHeader {
    padding: 15px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .search-box:before {
    display: inline-block;
    content: '';
    position: absolute;
    width: 100%;
    background: #f5f5f5;
    height: 100px;
    left: 0px;
    z-index: 0;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #postcodeCollection {
    display: block;
    top: 3px;
    position: relative;
    background: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    height: 40px;
    box-shadow: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .search-box .ui-btn {
    width: 25%;
    padding: 0;
    background-color: #EC9B0C;
    float: none;
    display: inline-block;
    position: relative;
    margin: 13px 0px 0px;
    height: 40px;
    border-radius: 0px;
    line-height: 40px;
    border: none;
    font-weight: normal;
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
    padding: 10px 0px 0px 10px;
    box-sizing: border-box;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock-filter {
    display: inline-block;
    position: relative;
    font-size: 13px;
    margin: 0px 0px 15px 0px;
    text-align: center;
    width: 100%;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock-info {
    margin: 5px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .closest-branch-list {
    display: block;
    padding: 10px;
    background: #f5f5f5;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item {
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    position: relative;
    padding: 10px!important;
    box-sizing: border-box;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .closest-branch-message {
    display: block;
    position: relative;
    margin: 10px 0px 20px 0px;
    padding: 0px;
    box-sizing: border-box;
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock-reservation-message {
    display: inline-block;
    position: relative;
    padding: 5px;
    border: 1px solid #1a3b69;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock-reservation-message:before {
    display: inline-block;
    position: relative;
    right: 4px;
    content: 'i';
    height: 16px;
    width: 16px;
    background: #616161;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 16px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .invalid-postcode-message {
    display: block;
    position: relative;
    margin: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #f44336;
    text-align: center;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .search-box .ui-btn:hover{
    text-shadow: none!important;
    color: #212121!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup img {
    display: inline-block;
    position: relative;
    width: 60px;
    margin-right: 10px;
    vertical-align: top;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .warning-stock-message img {
    width: 16px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #productName,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-code {
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-code{
    color: #616161;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-info {
    position: relative;
    width: 70%;
    box-sizing: border-box;
    padding: 0px;
    margin-top: 0px;
    float: none;
    display: inline-block;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-info > div {
    margin-bottom: 10px;
    font-weight: normal;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-info .product-qty {
    color: #616161;
    display: inline-block;
    position: relative;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .update-product-info {
    display: inline-block;
    position: relative;
    right: 0px;
    bottom: 0px;
    text-decoration: none;
    margin-left: 10px;
    font-size: 0px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .update-product-info:before {
    content: '\f01e';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    width: 20px;
    top: 2px;
    font-size: 20px;
    height:20px;
    color: #616161;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #stockCheckPopupDialog .tp_stockHeader,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_stockHeader {
    padding: 15px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .product-qty .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
    margin-left: 5px;
    display: inline-block;
    position: relative;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-details {
    float: none!important;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0px!important;
    width: 100%!important;
    margin-bottom: 35px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .operation {
    width: 100%!important;
    box-sizing: border-box;
    float: none!important;
    padding: 0px!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .stock,
.feature-design-for-tp3.feature-can-collect .ui-popup-container .hours {
    display: inline-block!important;
    position: absolute!important;
    width: auto!important;
    bottom: 0px;
    float: none!important;
    padding: 10px 0px!important;
    box-sizing: border-box;
    text-align: left;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .hours{
    max-width: 60%!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .hours img{
    width: 20px;
    height: 20px;
    margin-right: 0px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .addForCollectionForm button {
    float: none!important;
    width: 100%;
    position: relative;
    margin-top: 32px;
    margin-bottom: 2px;
    font-weight: normal;
    font-size: 14px;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    border-radius: 4px;
    color: #212121;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .hours {
    right: 10px;
    bottom: 50px;
}


.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-name,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .collection-branch-item .branch-details .branch-name {
    font-weight: normal;
    line-height: 24px;
    display: inline-block;
    position: relative;
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-distance,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .collection-branch-item .branch-details .branch-distance {

    font-size: 14px;
    display: inline-block;
    position: relative;
    color: #616161;
    margin-bottom: 5px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-link {
    display: block;
    position: relative;
    font-size: 14px;
    text-decoration: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-link:after {
    content: '\f105 ';
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    font-size: 16px;
    line-height: 20px;
}


.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .icon,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .message {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .ready-message {
    display: inline-block;
    position: relative;
    width: 120px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .in-stock-message .message,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .warning-stock-message .message {
    width: 80px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup {
    overflow: visible;
    border: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #listView {
    background: #f5f5f5;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .in-use-branch-list {
    padding: 10px 10px 0px 10px;}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .in-use-branch-message {
    margin: 10px 0px 20px 0px;
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .stock,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .hours  {
    position: relative!important;
    font-size: 13px;
    top: 0px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView {
    background: #f5f5f5;
    padding-bottom: 60px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView .branch-details{
    position:static!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView #branchDetailsMapViewContainer .branch-details .branch-link:before{
    content: "\f107";
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-color: #1a3b69;
    color: #fff;
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView #branchDetailsMapViewContainer .branch-details .branch-link{
    position: absolute;
    bottom: 90px;
    z-index: 999;
    width: 140px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 14px;
    text-align: center;
    color: #1a3b69;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView #branchMoreDetailsMapViewSection .header.headerInLine{
    display:none!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView .tp_branchInfoWrapper .tp_branchInfo_name,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView .tp_branchInfoWrapper .tp_branchInfo_adress,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView .tp_branchInfoWrapper .tp_branchInfo_hours{
    border-bottom: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView #branchMoreDetailsMapViewSection,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView #branchDetailsMapViewContainer{
    background-color: #fff;
    width: 95%;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 260px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #mapView #branchMoreDetailsMapViewSection {
    margin-bottom: 50px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .branch-details {
    margin-bottom: 0px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper h3 {
    background: none;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
    color: #616161;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .tp_branchInfo_name h3 {
    margin-top: 0px;
}


.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper {
    padding-top: 0px;
    font-size: 14px;
    line-height: 24px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .tp_branchInfo_name,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .tp_branchInfo_adress,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .tp_branchInfo_hours,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .info_extend,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .tp_branchInfo_services {
    padding: 0px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchSevices span {
    display: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .tp_branchSevices a {
    float: none!important;
    display: inline-block;
    position: relative;
    width: auto!important;
    height: auto!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper .tp_branchSevices img {
    width: 30px!important;
    height: 30px!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #branchDetailsMapViewContainer .operation .addForCollectionButton.ui-btn.ui-shadow.ui-corner-all {
    background: #EC9B0C;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    padding: 0px;
    border-radius: 4px;
    font-weight: normal;
    line-height: 40px;
    margin-top: 5px;
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchInfoWrapper ul.info_extend {
    position: relative;
    font-size: 14px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup #listView .in-stock-message {
    position: relative;
    bottom: 50px;
}

/* media query */

@media only screen and (min-width: 325px) {
    #addForCollectionPopup .ready-message {
        width: auto;
    }
    #addForCollectionPopup .in-stock-message .message {
        width: auto;
    }
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup {
    overflow: hidden;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination ul {
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination ul li {
    display: inline-block;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li {
    vertical-align: top;
    line-height: 34px;
    text-align: center;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li a {
    font-weight: bold;
    text-decoration: underline;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li.active {
    line-height: 32px;
    text-decoration: none;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.prev{
    margin: 0px 5px!important;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.prev a:after {
    top: 10px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.prev a:after,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.next a:after {
    border-color: #1a3b69;
    border-width: 2px 2px 0 0;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.disable a:after {
    border-color: #757575!important;
    border-width: 2px 2px 0 0;
}


.feature-design-for-tp3.feature-can-collect #addForCollectionPopup.ui-body-b .view-type-buttons a {
    color: #000;
    text-decoration: underline;
    margin-right: 30px;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup.ui-body-b .view-type-buttons a:active,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup.ui-body-b .view-type-buttons a:hover {
    color: #000;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .view-type-buttons a.active {
    font-weight: bold;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.disable {
    border: 1px solid #ededed;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .pagination.tp_branchList_pagination li.disable a:after {
    border-color: #ededed;
    border-style: solid;
    border-width: 4px 4px 0 0;
}

.feature-design-for-tp3.feature-can-collect #addForCollectionPopup-screen {
    height: auto !important;
}
/* END collection popup */
.travis-perkins-footer ul.fa {
    display: block;
    font: 16px/40px Roboto;
}
/* M3 Big and bulky guest icon */
.feature-design.feature-can-collect #content .tp_prod_detail .BigAndBulkyProductIcon,
.feature-design.feature-can-collect #content .tp_basket .BigAndBulkyProductIcon{
    display: block;
    position: absolute;
    width: 33px;
    height: 33px;
    top: 0px;
    cursor: pointer;
    background-size: 70px;
    z-index: 3;
}
.feature-design.feature-can-collect #content .tp_basket .BigAndBulkyProductIcon {
    width: 33px;
    height: 33px;
    left: 34px;
    top: 0px;
}
.feature-design.feature-can-collect #content .BigAndBulkyProductIcon .tpToolTip a:before {
    content: '';
    display: block;
    position: absolute;
    background: url('../images/bulky.png') no-repeat -2px -1px;
    background-size: 70px;
    width: 33px;
    height: 33px;
}
.feature-design.feature-can-collect #content .BigAndBulkyProductIcon .tpToolTip a:before {
    width: 27px;
    height: 27px;
    background-size: 60px;
}
.feature-design.feature-can-collect #content .tp_prod_detail .BigAndBulkyProductIcon .tpToolTip a:before {
    height: 47px;
    width: 47px;
    background-size: 100px;
}
.feature-design.feature-can-collect #content .tp_prod_detail .BigAndBulkyProductIcon {
    top: 10px;
    right: 17px;
    background-size: 100px;
    width: 47px;
    height: 47px;
}
.feature-design.feature-can-collect .list_view #products .BigAndBulkyProductIcon .tpToolTip,
.feature-design.feature-can-collect .tp_prod_detail .BigAndBulkyProductIcon .tpToolTip {
    background-color: transparent;
}
.feature-design.feature-can-collect #content .BigAndBulkyProductIcon .tpToolTip img {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    filter: blur(2px) opacity(0.1);
}
/* Guest Mobile Logged Out Guest quote list page and Collection popup pin on the map */
.feature-design.page-mobile-quotePage .baskt_items_wrap .item-wrapper .baskt_item .itm_info .item_code {
    margin-bottom: 50px;
}
.feature-design .itm_optns.quote_list_itm .updateQuantityProductInQuoteList,
.feature-design .itm_optns.quote_list_itm .removeProductFromQuoteList {
    color: #333333;
}
.map_labels {
    color: #FFF;
    background: url(../images/store_locator/results_pin.png) no-repeat center center;
    font-size: 16px;
    font-family: 'Roboto', sans-serif; font-weight:500;
    text-align: center;
    width: 32px;
    height: 37px;
    padding-left: 1px;
    padding-top: 8px;
    border: 0;
}
.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;
}
.noStockErrorMsg {
    color: #e91c28;
}
.page-mobile-cartPage .removed_order_lines {
    border: 2px solid #ea5d59;
    margin: 15px;
    padding: 10px;
    font-size: 14px;
}
.page-mobile-cartPage .removed_order_lines .removed_orders_title {
    font-weight: 700;
}
.page-mobile-cartPage .removed_order_lines p,
.page-mobile-cartPage .removed_order_lines li {
    color: #B10000;
    margin-bottom: 10px;
}
.removed_order_lines ul {
    margin-left: 15px;
}
.page-mobile-cartPage .removed_order_lines p:last-child {
    margin-bottom: 0px;
}

.page-mobile-cartPage p#hideRemovedProducts, .page-mobile-cartPage p#showMoreInformation {
    color: #0a4f38;
    text-decoration: underline;
    margin-top: 10px;
}

/* 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 */

/* US31792 fixes*/
#mailingListSignUpForm .icon_holder {
    float: none !important;
    text-align: center;
    margin-right: 0 !important;
}
#mailingListSignUpSection_holder span {
    margin-top: 10px !important;
    text-align: center;
}
#mailingListSignUpForm .ui-input-btn,
#mailingListSignUpForm .ui-input-text,
#mailingListSignUpForm input[type=text],
#mailingListSignUpForm input[type=submit] {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#mailingListSignUpForm .ui-input-text {
    padding-right: 0 !important;
    margin-bottom: 10px !important;
}
#mailingListSignUpForm .ui-input-btn {
    position: relative !important;
    margin: 0 auto;
    width: 70% !important;
}
.home-carousel .flexslider ol.flex-control-nav li a.flex-active,
#mailingListSignUpSection_holder,
.travis-perkins-footer #footer {
    background: #1A3B69 !important;
}
.flexslider ol.flex-control-nav li a.flex-active {
    border-color: #1A3B69 !important;
}
div.highlighted-messages a.top-banner span.highlighted,
.inspirational_promotion_section .inspirational_bottomText,
.inspirational_promotion_section .inspirational_bottomText a,
.product_tabs_group .headline.right a,
.travis-perkins-footer #footerNavigation li a {
    color: #1A3B69 !important;
}
.product_tabs_group .product .price_info,
.inspirational_products_section  .product .price_info {
    margin-top: 0 !important;
    text-align: right;
}
#content div.highlighted-messages a.top-banner {
    box-shadow: none !important;
    margin: 0 !important;
    border-right: 1px solid #e0e0e0 !important;
    padding: 10px;
}
#content div.highlighted-messages a.top-banner:nth-child(3) {
    border-right: none !important;
}
div.highlighted-messages a.top-banner span.highlighted {
    text-transform: none !important;
}
.product_tabs_group .tab_caption li {
    background-color: #F5F5F5 !important;
}
.product_tabs_group .tab_caption li.active {
    border-bottom-color: #1A3B69 !important;
}

/********************Voucher applying block*************************/
.feature-design-for-tp3.feature-can-collect.page-mobile-cartPage #content .total_price_wrapper {
    width: 100%;
    margin-left: 0;
}
.total_price_wrapper .cart-voucher {
    width: 100%;
    padding-bottom: 5px;
}
.cart-voucher #applyVoucherForm {
    display: flex;
}
.cart-voucher #applyVoucherForm .ui-input-text {
    width: 100%;
    border-right: none;
    border-radius: 4px 0 0 4px;
}
#applyVoucherForm .cart-voucher-btn {
    background-color: #F4A91F;
    border: none;
    text-shadow: none;
    width: 102px;
}
.voucher-list__item-box {
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.voucher-list__item-box > span:after {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 13px;
    color: #cdcdcd;
    padding: 10px;
    cursor: pointer;
    margin: -10px -10px -10px 0;
    top: 2px;
}
.has-success .help-block {
    color: #00a651!important;
}
.js-release-voucher-remove-btn {
    display:inherit;
}
#js-voucher-code-text {
    height: 45px;
}

.has-error input.form-control {
    background: #fec3c3;
    border-color: #fd7b7b!important;
}
.has-error .help-block {
    color: #ed1c24;
}
/********************End of voucher applying block*************************/
/* Promo Message on basket */
.delivery-order-group .promo_message,
.pickup-order-group .promo_message {
    position: relative;
    font-size: 14px;
    color: #008000;
    padding-left: 15px;
    padding-bottom: 5px;
    height: 18px;
    margin-left: 80px;
}
.delivery-order-group .promo_message:before,
.pickup-order-group .promo_message:before {
    content: "\f05a";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: fontawesome;
    font-size: 14px;
    color: #008000;
}

/* coupon details on thank you page */
.account-orderdetail {
    padding: 10px 10px 10px 10px;
    border: 1px solid #ececec;
    margin: 0 10px;
    margin-top: -10px;
    background: #fff;
}
.feature-design-for-tp3.page-OrderThankYouPageMobile #order_details .tp_success_text {
    padding-top: 10px;
}
.account-orderdetail__footer .coupon-list,
.account-orderdetail__footer .orderTotal .row {
    display: flex;
}
.account-orderdetail__footer .coupon-list .coupon-list__item {
    font-size: 14px;
    margin-right: 5px;
    padding: 2px;
    border: 1px solid #fafafa;
}
.account-orderdetail__footer .orderTotal .row > div {
    margin-right: 5px;
    color: #ff0000;
    font-weight: bold;
}
.account-orderdetail__footer .orderTotal .row > div:first-child {
    font-weight: normal;
}

/* Promotion coupon tooltip on cart page */
.tp_basket .cart-voucher label {
    display: inline-block;
}
.tp_basket .cart-voucher .info-tooltip {
    display: inline-block;
}
.tp_basket .cart-voucher .info-tooltip-icon {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    border: 1px solid #193a68;
    background-color: #193a68;
    border-radius: 11px;
    width: 21px;
    height: 21px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    outline: none;
}
.tp_basket .cart-voucher .info-tooltip-icon .info-tooltip-message {
    display: none;
    position: absolute;
    min-height: 50px;
    left: 15px;
    right: 15px;
    padding: 16px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: Helvetica, arial, sans-serif;
    font-size: 16px;
    color: #000;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
    box-shadow: 0 0 12px rgba(0,0,0,.6);
    -webkit-transform: scale(1);
    -webkit-animation-name: popin;
    -webkit-animation-duration: 350ms;
    -moz-transform: scale(1);
    -moz-animation-name: popin;
    -moz-animation-duration: 350ms;
    transform: scale(1);
    animation-name: popin;
    animation-duration: 350ms;
    opacity: 1;
    z-index: 9;
}
.tp_basket .cart-voucher .info-tooltip-icon .info-tooltip-message::before {
    content: '\f00d';
    text-decoration: none;
    color: #bbb;
    position: absolute;
    top: 6px;
    right: 7px;
    padding: 4px;
    font-size: 16px;
    font-family: FontAwesome;
    width: 10px;
    height: 10px;
    line-height: 10px;
}
.tp_basket .cart-voucher .info-tooltip-icon .info-tooltip-message::after {
    content: 'close';
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: #333;
    font-weight: bold;
}

#mailingListSignUpForm div p {
	color: white;
    font-size: 12px;
    padding-top: 30px;
    line-height: 12px;
    margin: auto auto;
}

#mailingListSignUpForm div p a:link,
#mailingListSignUpForm div p a:visited,
#mailingListSignUpForm div p a:hover,
#mailingListSignUpForm div p a:active {
	color: white;
	text-decoration: underline;
	font-size: 12px;
}

/*LSD*/

.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 {
    padding: 15px;
}
.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: 35px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    margin-bottom: 0;
    display: flex;
    min-height: 42px;
    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: 10px;
    line-height: 42px;
}
.feature-design .delivery-info-wrap .split_combine_order label {
    display: block;
}
.feature-design .delivery-info-wrap .split_combine_order input {
    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: #1a3b69;
    border-color: #1a3b69;
}
.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: #1a3b69;
    line-height: 26px;
    text-align: center;
    font-weight: 700;
}
.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: bold;
    color: #333;
    font-weight: 700;
    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;
    display: inline-block;
    line-height: 18px;
    font-weight: 500;
}
.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;
    font-weight: 500;
    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: #296c96;
}
.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);
}
.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/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;
}

/* OOS Collection lightbox START */
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .stock-reservation-message{
    border: none;
    text-align: left;
    line-height: 16px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .stock-reservation-message:before{
    display: none;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .stock,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .stock{
    position: relative !important;
    padding: 0 !important;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .stock .out-of-stock-message,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .stock .out-of-stock-message,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .stock .in-stock-message,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .stock .in-stock-message{
    white-space: nowrap;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .branch-details ,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .branch-details{
    display: inline-block;
    margin-bottom: 0;
    width: auto !important;
    border-left: 1px solid #bdbdbd;
    padding: 0 0 0 13px !important;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .branch-details.branch-details-name,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .branch-details.branch-details-name{
    width: 94% !important;
    border: none;
    padding: 0 !important;
    margin: 0 0 15px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .message,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-distance,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .message,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .collection-branch-item .branch-details .branch-distance{
    font-size: 16px;
    color:#333;
    margin: 0 10px 0 0;
    vertical-align: bottom;
    width:auto;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #listView .in-stock-message{
    bottom: 0;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .oos-hours,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #branchDetailsMapViewContainer .oos-hours{
    margin: 15px 0 0;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder  .oos-hours .message,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #branchDetailsMapViewContainer  .oos-hours .message{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder  .oos-hours .estimatedCollectionDate,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #branchDetailsMapViewContainer  .oos-hours .estimatedCollectionDate{
    font-size: 14px;
    font-weight: bold;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .addForCollectionForm button {
    float: none!important;
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 2px;
    font-weight: normal;
    font-size: 14px;
    background: #eee!important;
    border: 1px solid #e0e0e0!important;
    border-radius: 4px;
    color: #212121;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)!important;
    line-height: 14px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .operation .addForCollectionButton.ui-btn.ui-shadow.ui-corner-all{
    margin-top: 20px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-name,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup #branchDetailsMapViewContainer .collection-branch-item .branch-details .branch-name{
    font-weight: bold;
    line-height: 16px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-link{
    font-size: 13px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #addForCollectionPopup .branch-holder .collection-branch-item .branch-details .branch-link:after{
    display: none;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination ul li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #e0e0e0;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li a {
    color: #1A3B69;
    text-decoration: none;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li.next,
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li.prev{
    display: none;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li.active{
    line-height: 40px;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination ul{
    display: flex;
    justify-content: space-between;
}
.feature-design-for-tp3.feature-can-collect #addForCollectionPopup .tp_branchList_pagination li.dots{
    background: none;
    width: 20px;
    line-height: 35px;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection #branchItemTemplate .not-available-collection-button{
    color: #707070;
    font-size: 14px;
    font-weight:normal;
    opacity:1;
}
.pickup-in-store-title{
    background:#296c96;
    color: #fff;
    padding:10px 15px;
    margin:10px 0 0;
}
.feature-design-for-tp3.feature-can-collect.feature-oos-collection .oos-pickup-in-store-products .pickup-in-store-oos-formatted-date span,
.feature-design-for-tp3.feature-can-collect.feature-oos-collection .oos-pickup-in-store-products .pickup-in-store-title .content {
    display: inline-block;
}
.black-message > div {
    display: block;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
}
/* OOS Collection lightbox END */

.order_payment_block #billing_address .privacy_links a {
    color: #296C96;
    text-decoration: underline;
    font-weight: 400;
}

.guestCheckoutContainer .privacy_links a {
    text-decoration: underline;
    color: #296C96;
    font-weight: 400;
}

.guestCheckoutContainer .privacy_links {
    font-size: 15px;
}

/* Sort by on Search and PL Pages */
.tp_prod_listing .tp_sortWrapper {
    position: relative;
    display: flex;
    padding: 5px 15px 0 15px;
}
.tp_sortWrapper .sort_by #sort_form {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 5%;
}
.tp_sortWrapper .sort_by .prod_nav_title {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 14px;
    color: #6d6d72;
    font-family: 'Roboto', sans-serif;
    margin-left: auto;
    margin-right: 10px;
}
.tp_sortWrapper .sort_by .styled_select {
    width: 75%;
}
.tp_sortWrapper .sort_by #sort_by-button {
    position: relative;
    background-color: #f5f5f5;
    border: none;
}
.tp_sortWrapper #sort_by-button.ui-icon-carat-d:after {
    background: transparent;
    display: block;
    position: absolute;
    top: 46%;
    right: 10px;
    border: 1px solid #000;
    border-bottom: 0;
    border-right: 0;
    transform: translateY(-50%) rotate(-135deg);
    height: 7px;
    width: 7px;
    cursor: pointer;
    border-radius: 0;
    margin: 0;
}
#addForCollectionPopup-popup{
    width: 95%;
    max-width: 500px !important;
}

/* Checkout step 1 branch order entries START */
.feature-can-collect.page-MobileOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collection-branch-order-entries .order-entries-content,
.feature-can-collect.page-GuestOrderDeliveryDetailsPageMobile.feature-design #collectionOptionsContainer .collection-branch-order-entries .order-entries-content {
    display: none;
    margin-top: -10px;
    margin-bottom: 20px;
}
.feature-can-collect.page-MobileOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collection-branch-order-entries .headings,
.feature-can-collect.page-GuestOrderDeliveryDetailsPageMobile.feature-design #collectionOptionsContainer .collection-branch-order-entries .headings {
    margin: 20px 0;
    color: #00295d;
    font-size: 14px;
}
.feature-can-collect.page-MobileOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collection-branch-order-entries .headings:after,
.feature-can-collect.page-GuestOrderDeliveryDetailsPageMobile.feature-design #collectionOptionsContainer .collection-branch-order-entries .headings:after {
    content: '\f107';
    margin-left: 5px;
    font-family: FontAwesome;
    font-weight: bold;
}
.feature-can-collect.page-MobileOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collection-branch-order-entries .headings.expand:after,
.feature-can-collect.page-GuestOrderDeliveryDetailsPageMobile.feature-design #collectionOptionsContainer .collection-branch-order-entries .headings.expand:after {
    content: '\f106';
}
.feature-can-collect.page-MobileOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collection-branch-order-entries .entry-row,
.feature-can-collect.page-GuestOrderDeliveryDetailsPageMobile.feature-design #collectionOptionsContainer .collection-branch-order-entries .entry-row {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
    line-height: 24px;
    font-size: 15px;
}
.feature-can-collect.page-MobileOrderDeliveryDetailsPage.feature-design #collectionOptionsContainer .collection-branch-order-entries .entry-cell span,
.feature-can-collect.page-GuestOrderDeliveryDetailsPageMobile.feature-design #collectionOptionsContainer .collection-branch-order-entries .entry-cell span {
    display: inline;
}
/* Checkout step 1 branch order entries END */

/* Order confirmation page OOS START */
.feature-can-collect.page-OrderThankYouPageMobile #order_details .collection-section .consignment .collectionEntrySubheader,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .collection-section .consignment .collectionEntrySubheader,
.feature-can-collect.page-OrderThankYouPageMobile #order_details .collection-section .consignment .collectionOosEntrySubheader,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .collection-section .consignment .collectionOosEntrySubheader {
    background: #296c96;
    font-size: 14px;
    color: #FFFFFF;
    display: block;
    padding: 10px;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .order-summary-block .heading,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .order-summary-block .heading {
    width: 100%;
    font-size: 18px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .order-summary-block .heading-wrap,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .order-summary-block .heading-wrap {
    padding: 10px 10px 0;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .order-summary-block .heading .message,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .order-summary-block .heading .message,
.feature-can-collect.page-OrderThankYouPageMobile #order_details .order-summary-block .heading .supplier,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .order-summary-block .heading .supplier {
    display: inline;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .order-summary-block .consignment,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .order-summary-block .consignment {
    padding: 0px 10px 5px;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .order-summary-block .consignment .product-list,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .order-summary-block .consignment .product-list {
    padding: 10px 10px 5px;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .collection-section .consignment-instructions,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .collection-section .consignment-instructions {
    margin-top: 10px;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .order-summary-block .product-list .product,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .order-summary-block .product-list .product {
    border-bottom: 1px solid #bdbdbd;
    padding: 0px 0px 5px;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .delivery-section .consignment .delivery-date .date,
.feature-can-collect.page-OrderThankYouPageMobile #order_details .delivery-section .consignment .delivery-date .message,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .delivery-section .consignment .delivery-date .date,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .delivery-section .consignment .delivery-date .message {
     color: #FFFFFF;
     font-weight: normal;
     line-height: 0;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .delivery-section .consignment .delivery-date,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .delivery-section .consignment .delivery-date {
    background: #296c96;
    font-size: 14px;
    color: #FFFFFF;
    display: block;
    padding: 10px;
    margin-bottom: 0;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .delivery-section .delivery-instructions-wrapper .heading,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .delivery-section .delivery-instructions-wrapper .heading {
    border: none;
}

.feature-can-collect.feature-design-for-tp3.page-OrderThankYouPageMobile .order-summary-block,
.feature-can-collect.feature-design-for-tp3.page-MobileGuestOrderThankYouPage .order-summary-block {
    width: 100%;
}

.feature-can-collect.page-OrderThankYouPageMobile #order_details .delivery-section.supplier .heading .supplier,
.feature-can-collect.page-MobileGuestOrderThankYouPage #order_details .delivery-section.supplier .heading .supplier {
    text-transform: lowercase;
}
/* Order confirmation page OOS END */

/* Discontinued products */
.tpInfoWrapper .discontinued_product_message {
	font-size: 14px;
	padding: 0px 5%;
}
/* Discontinued products */

.page-mobile-productDetails.feature-design .tpCheckBasket .check_stock_search {
    display: table;
    width: 100%;
}
.page-mobile-productDetails.feature-design .check-stock-block {
    margin-bottom: 20px;
}
.page-mobile-productDetails.feature-design .check-stock-block .check_stock_search div.ui-input-text,
.page-mobile-productDetails.feature-design .check-stock-block .check_stock_search #stockCheckerButton {
    display: table-cell;
}
.page-mobile-productDetails.feature-design .check-stock-block .check_stock_search div.ui-input-text {
    height: 34px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #bdbdbd;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    outline: none;
}
.page-mobile-productDetails.feature-design .check-stock-block .check_stock_search #stockCheckerButton {
    padding: 0 15px;
    margin: 0;
    line-height: 34px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 34px;
    box-shadow: none ;
}
.page-mobile-productDetails.feature-design .check-stock-block .check_stock_title {
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #cccccc;
    text-align: center;
    color: #707070;
    font-size: 16px
}
.page-mobile-productDetails.feature-design .check-stock-block .check_stock_title:before {
    content: "\f041";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    margin-right: 5px;
    font-size: 20px;
}
.page-mobile-productDetails.feature-design .check-stock-block #validationErrorMessage {
    color: #ED1C24;
    padding: 10px 0;
    display: block;
    font-size:14px;
}

.page-mobile-productDetails.feature-design .check-stock-block .check_stock_search div.ui-input-text.input-validation-error{
    background: #f4e1e1;
    border: 1px solid #bdbdbd;
    border-bottom: 2px solid #c92d2d;
}

.ui-mobile .facet_block-label-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.facet-block_colour-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    margin-right: 13px;
}

.facet-block_colour {
    width: 12px;
    height: 12px;
}

.ui-listview .facet-colour-search {
    height: 40px;
    width: 100%;
    margin: 0 0 15px 0;
    background-color: #f0f0f0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 15px;
}

.ui-listview .facet-colour-search:focus {
    outline: none;
}

.feature-design #tpFilterSearch-popup .ui-listview.Colour,
.feature-design #tpFilterSearch-popup .ui-listview.Colour > div {
    background-color: transparent;
    box-shadow: none;
    border: none;
    margin: 0;
}

.ui-listview.Colour > div input {
    max-width: 90%;
    margin: 15px auto 0;
}

#tpFilterSearch-popup .ui-content>ul>li .showMoreLinkWrapper a {
    border: none;
}

#deliveryOptionsContainer {
    margin-bottom: 10px;
}

.deliveryOptionsContainerForm .content {
    padding: 15px;
    background-color: #fafafa;
}

.deliveryOptions__label {
    position: relative;
    display: block;
}
.deliveryOptions__slot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border: 2px solid #ededed;
    padding: 17px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.deliveryOptions__input {
    display: none;
}

.deliveryOptions__input:checked ~ .deliveryOptions__slot {
    border-color: #f6b112;
}

.deliveryOptions__label:last-of-type .deliveryOptions__slot{
    margin-bottom: 0;
}

.deliveryOptions__custom-check {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3px 15px 0 0;
}

.deliveryOptions__custom-check:after {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #f6b112;
    display: none;
}

.deliveryOptions__input:checked ~ .deliveryOptions__slot .deliveryOptions__custom-check {
    border-color: #f6b112;
}
.deliveryOptions__input:checked ~ .deliveryOptions__slot .deliveryOptions__custom-check:after {
    display: block;
}

.deliveryOptions__input_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.deliveryOptions__input-title-wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.deliveryOptions__input-title {
    margin-bottom: 5px;
}

.deliveryOptions__input-text {
    font-size: 12px;
    color: #616161;
}

.deliveryOptions__input-price {
    font-weight: bold;
}

.deliveryOptions__input:checked ~ .deliveryOptions__slot .deliveryOptions__input-text {
    color: #232323;
}

#deliveryOptionsContainer .content {
    display: none;
}

.deliveryOptions__label_disable:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(189, 189, 189, 0.37);
    position: absolute;
    z-index: 1;
}

#deliveryOptionsContainer .continue-to-payment {
    display: block;
    width: 100%;
    height: 45px;
    color: #212121;
    font-weight: bold;
    padding: 0;
    background-color: #f9af00;
    border: none;
    margin: 20px 0;
    text-shadow: none;
}

.popup__backdrop {
    position: absolute;
    height: 100vh;
    width: 100%;
    left: 0;
    bottom: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.deliveryOptions__popup {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #ececec;
    z-index: 999992;
    display: none;
}

.deliveryOptions__popup-header {
    background: #fff;
    padding: 25px;
    text-align: center;
}

.deliveryOptions__popup-subtitle {
    font-size: 12px;
    margin-top: 10px;
    color: #616161;
}

.deliveryOptions__popup ul {
    max-height: 300px;
    overflow: auto;
}

.deliveryOptions__popup li {
    display: flex;
    background: #fff;
    padding: 10px;
    border-radius: 50px;
    border: 1px solid #ededed;
    margin: 10px;
}

.deliveryOptions__popup .deliveryOptions__label {
    padding: 0;
    font-size: 13px;
    margin: 0 10px 0 auto;
    color: #0000c5;
    text-decoration: underline;
}

.deliveryOptions__popup .deliveryOptions__label:after {
    display: none;
}

.deliveryOptions__popup .deliveryOptions__custom-check {
    margin-top: 0;
}

.deliveryOptions__popup .deliveryOptions__input-title {
    margin-bottom: 0;
    font-size: 14px;
}

.deliveryOptions__popup .deliveryOptions__input:checked ~ .deliveryOptions__custom-check {
    border-color: #f6b112;
}
.deliveryOptions__popup .deliveryOptions__input:checked ~ .deliveryOptions__custom-check:after {
    display: block;
}

.tp_prod_listing .trustpilot-widget {
    width: 250px;
    margin-left: -32px;
    margin-top: 8px;
}

#ProductDetail .trustpilot-widget {
    max-width: 250px;
    margin-left: -31px;
    height: 35px;
}

.page-mobile-productDetails .trustpilot-widget {
    max-width: 255px;
    margin-left: 0;
    height: 19px;
    margin-top: 11px;
    margin-bottom: 0;
}

.page-mobile-productDetails .trustpilot-widget iframe {
    left: -38px;
}