/* CSS Document */

/*
    mp-theme-probrand-2018-NEW.css
    PROBRAND 5569 - Probrand Themed Marketplace
*/


/*******************************************************

    GLOBAL HTML RESETS **

********************************************************/

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

html,
body {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

b,
strong {
    font-weight: bold;
}

img {
    border: none;
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

ol,
ul {
    list-style: none;
}

li {
    display: list-item;
}

th {
    font-weight: 600;
}

td,
caption {}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

sub,
sup,
small {
    font-size: 75%;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    overflow: hidden;
}


/********************************************
         
    FONTS AND HTML ELEMENTS

*********************************************/

html {
    
}

body {
    text-align: left;
    font-size: 16px;
    line-height: 1.25;
    font-family: Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    color: #444;
    margin: 0px;
    width: 100%;
    background-color: transparent;
    height: auto;
}

pre,
code {
    font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

input {
    /* IE double padding fixes for inputs */
    display: inline-block;
    overflow: visible;
}

input[type=text],
input[type=submit],
input[type=button],
textarea {}

input[type="text"],
textarea {
    padding: 9px 20px;;
}

input[type="password"] {
    padding: 6px 5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: normal;
    /*color: #1e282b;*/
}

h1 {
    font-size: 27px;
    /*letter-spacing: -0.03em;*/
    line-height: 1.25;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    margin-bottom: 24px;
}

h2 {
    font-size: 18px;
    margin-bottom: 8px;
    /*color:#2c0a49;*/
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
}

h3 {
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 16px;
}

p {
    margin-bottom: 8px;
    /*font-size: 19px;*/
}

p.no-margin-bottom {
    margin-bottom: 0;
}

p.font-xsmall {
    font-size: 13px;
}

.font-smaller {
    font-size: 90%;
}
h1.title {
	padding: 30px 0 20px 0;
	font-size:28px;
	border-bottom: 1px solid #ebecee;
}
h2.title {
	padding: 15px 0 5px 0;
	font-size:23px;
}
ol,
ul {
    margin-bottom: 16px;
    font-size: 16px;

    line-height: 1.25;
    margin: 0 0 14px 40px;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

li {}

dl {
    margin-bottom: 25px;
}

dt {
    font-size: 16px;
    margin-top: 7px;
    padding-top: 3px;
    border-top: 1px solid #ccc;
}

dt:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

dd {
    font-size: 13px;
}

label {
    font-size: inherit;
}

a {
    color: #009fe3;
}

a:hover,
a:focus {
    color: #000!important;
}

a:hover {
    text-decoration: none;
}

button {
    font-family: inherit;
}

.col1 {
    float: left;
    width: 315px;
}

.col2 {
    margin-left: 315px;
}

p a {
    margin-left: 1px;
}



/**********************************************************************

    FOCUS / ACCESSIBILTY OUTLINE

***********************************************************************/

a:focus,
button:focus,
.button:focus,
input:focus,
textarea:focus,
select:focus,
[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: none;
}

.searchBoxNew input:focus,
.mp-homeProductCategories a:focus,
.categoryInnerStyles a:focus,
.kk_Model .kk_NewSubmitButtonText:focus,
.kk_Model .kk_ButtonIconAction .kk_NewSubmitButton:focus {
    outline: none;
}

.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent>a:focus {
    position: relative;
    z-index: 2;
}



/**********************************************************************

    THEME FOUNDATION OVERRIDES

***********************************************************************/

.button {
	font-size: 0.8rem;
	background-color: #222538;
	box-shadow: none;
	padding: 15px;
	transition: none;
	text-decoration: none;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}

.input-group-button .button {
    background-color: #fff !important;
/*    border: 1px solid #fff;*/
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    color: #222538;
    border-radius: 0 40px 40px 0 !important;
}

.input-group-button .button:hover {
   background-color: #fff !important;

}

/*.input-group-button .button {
    background-color: #fff !important;
    border: 1px solid #cacaca;
    padding-bottom: 14px;
    padding-top: 10px;
	color:#222538;
}
.input-group-button .button:hover {
    background-color: #fff !important;
    border: 1px solid #cacaca;
    padding-bottom: 14px;
    padding-top: 10px;
}*/


.button:hover {
    background-color: #2c9285 !important;
    text-decoration: none;
	color: #fff !important;
	transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
	}

.button:focus {
    background-color: #2c9285 !important;
    text-decoration: none;
	color: #fff !important;
	transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;	}

.button.hollow {
    color: #2e2e3b !important;
    border-color: #86ded2;
    font-weight: normal;
	border-radius:40px;
	background-color:#fff;
}
.button.green {
    background-color: #86ddd2 !important;
    font-weight: 600;
    color: #222538 !important;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 12px;
	margin-bottom:0 !important;
	border-radius:40px;
}
.button.blue {
	border-radius:40px;
}
.button.green:hover {
    background-color: #fff !important;
	color: #222538 !important;
	margin-top: 20px;
}
.button.tiny {
    font-size: .8rem !important;
}
.button.hollow:hover,
.button.hollow:focus {
    color: #fff !important;
    background-color: #2c9285;
    border-color: #2c9285;
}

.button.add-to-basket {
	font-weight: 600;
	color: #fff !important;
	background: #00cbb0;
	font-size: 0.8rem;
	text-transform: uppercase;
	border:none !important;
	border-radius:40px;
}

.button.add-to-basket:hover,
.button.add-to-basket:active {
    background-color: #2c9285 !important;
    color: #fff !important;
}

.button.secondary {
    background-color: transparent;
    color: #009fe3 !important;
    border-color: #009fe3;
	text-transform: uppercase;
	font-size:0.8rem;
	border-radius: 40px;
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #009fe3 !important;
    color: #fff !important;
}

.button.alert {
    background-color: #d93015;
    color: #fff;
}

.button.alert:hover {
    background-color: #bd2913;
}

.button.small {
    font-size: 14px;
    color: #fff !important;
	text-transform: uppercase;

}

.button.expanded {
    box-sizing: border-box;
    
}
.button.expanded a {
    color: #fff !important;
    
}

.button:visited {
    color: #fff;
}

.button.uppercase {
    text-transform: uppercase;
}

.button.rightChevron {
    background-image: url(https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/white-chevron-right.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50px 15px;
    padding-right: 40px;
}

input::placeholder,
textarea::placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #12ccb5;
}






/* Cards */

.card {
    background-color: #fff;
    border-color: #e7e7e7;
    box-shadow: -2px 2px 2px #e7e7e7;
    overflow: visible;
    color: #444;

}

.card-section {
    padding: .6rem;
}

.card .card-section.with-top-border {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 12px;
    border-top: 1px solid #ccc;
}

.card .card-section.with-margin-bottom {
    margin-bottom: 1rem;
}


/* Badges */

.badge {
    border-radius: 3px;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.3);
    font-size: 0.7rem;
    min-width: 1rem;
    padding: 0.3em;
    color: #fff;
}

.badge,
.badge.primary {
    background: #86ded2;
    box-shadow: 2px 2px 0 0 rgba(0, 163, 135, 0.3);
}

.badge.alert {
    background: #b70909;
    box-shadow: 2px 2px 0 0 rgba(183, 9, 9, 0.6);
}


/**********************************************************************

    THEME STANDARDS

***********************************************************************/

.mp-colour-textAccent {
    color: #8e9092;
}

.mp-backgroundcolor-primary {
    background-color: #dee0e2;
}


.stat-description.mp-font-primary {
    font-family: "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    color:#fff;
  line-height: 1.4rem;
  }

.mp-font-secondary {
    font-family: Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
}

.mp-proxy {
    color: #ff6a06;
}

.mp-price {
    color: #006435;
}
.li .menuitem


/*********************************************

GRID HELPERS

*********************************************/

.kk_Model .kk_RemoveGridHorizontalPadding table.kk_VerticalDS th,
.kk_Model .kk_RemoveGridHorizontalPadding table.kk_VerticalDS td {
    padding-left: 0;
    padding-right: 0;
}

.kk_Model .kk_RemoveGridHorizontalPadding table.kk_VerticalDS .kk_DSRow td:first-child,
.kk_Model .kk_RemoveGridHorizontalPadding table.kk_VerticalDS .kk_DSHeaderRow th:first-child {
    padding-left: 0;
}

.mp-chunkyTableRow {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mp-borderBottomRow {
    border-bottom: 1px solid #ddd;
}


/*********************************************

.kk_CollapseActionButtonCells

*********************************************/

.kk_Model .kk_CollapseActionButtonCells table.kk_VerticalDS tr {
    border-bottom: 1px solid #bfc1c3;
}

.kk_Model .kk_CollapseActionButtonCells table.kk_VerticalDS td {
    border: none;
}

.kk_Model table.kk_VerticalDS th.kk_HideColumn,
.kk_Model .kk_CollapseActionButtonCells table.kk_VerticalDS td.kk_DSControl_Button:empty {
    position: absolute;
    left: -9999px;
}

.kk_Model .kk_CollapseActionButtonCells table.kk_VerticalDS td.kk_DSControl_Button:not(empty) {
    width: auto;
    display: inline-block;
    border: none;
}

.kk_Model .kk_CollapseActionButtonCells table.kk_VerticalDS td.kk_DSControl_Button:not(empty).kk_DSControl_Button.kk_NewSubmitButtonContainer .kk_NewSubmitButton {
    margin-top: 8px;
    margin-bottom: 8px;
}


/* Collapse with Full Width (Derived) Row*/

.kk_Model table.kk_VerticalDS td.kk_CollapseActionButtonsFullWidthColumn {
    width: 100%;
    float: left;
    `
}

.kk_Model .kk_CollapseActionButtonCells table.kk_VerticalDS tr.kk_DisplayActionButtonsUnderRow td.kk_DSControl_Button:not(empty) {
    float: right;
}

.kk_Model .kk_CollapseActionButtonCells table.kk_VerticalDS tr.kk_DisplayActionButtonsUnderRow td.kk_DSControl_Button.kk_DSControl_Button.kk_NewSubmitButtonContainer:not(empty) .kk_NewSubmitButton {
    margin-top: 0;
    margin-bottom: 10px;
}


/* END: .kk_CollapseActionButtonCells */


/*********************************************

.YOUR ORDERS/LISTS/QUOTES/etc PAGE

*********************************************/

.column.mp-secondary-data,
.columns.mp-secondary-data {
    background-color: #eee;
    color: #333;
    font-size: 14px;
}

.mp-supplier-orders-quotes .column.mp-secondary-data,
.mp-supplier-orders-quotes .columns.mp-secondary-data {
    min-height: 53px;
    padding-top: 7px;
    padding-bottom: 7px;
}


/* Sticky Nav styles */


#navbar {
    background: #222538;
	box-shadow: 0px 0px 5px #999;
}

/*#content {
  padding: 20px;
}*/
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
    
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #content {
  padding-top: 100px !important;
} 
/* Basic navigation styles */


.mp-navigation .mp-navigation-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
/* Basic navigation styles */


.mp-navigation .top-bar,
.mp-navigation .top-bar ul {
    background-color: transparent;
}

.mp-navigation .top-bar ul.menu-right {
    float: right;
}


.mp-navigation .top-bar {
    padding: 0;
}

.mp-navigation .mp-navigation-content {
    border: none !important;
    padding: 0;
}
.mp-navigation .title-bar {
    background-color: transparent;
    color: #fff;
    padding: 10px 0;
}
.mp-navigation .menu-icon::after {
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff !important;
    height: 3px;
    margin-right: 8px;
}
.mp-navigation .menu-icon::after, .mp-navigation .menu-icon:hover::after {
    background: #fff !important;
}
.mp-navigation .menu > li {
    border-color: #acacac;
    vertical-align:top;
}
.mp-navigation .menu > li > a i + span {
    vertical-align: top !important;
}

.mp-navigation .menu > li > a {
    font-weight: 500;
    color: #fff !important;
    position:relative;
    padding: 1rem 0.8rem;
}
.mp-navigation .menu > li > a.green {
	color:#86ded2 !important;
}
.mp-navigation .menu > li > a:hover,
.mp-navigation .menu > li > a:focus {
    font-weight: 500;
    color: #86ded2 !important;

	}
.mp-navigation .menu > li.is-submenu-item > a {
    font-weight: 200;
    font-size: 11pt !important;
    color: #000 !important;
    position:relative;
    padding: 0.8rem !important;
}

.mp-navigation .menu > li.is-submenu-item > a:hover,
.mp-navigation .menu > li.is-submenu-item > a:focus {
    font-weight: 600;
    font-size: 11pt !important;
    color: #2c9285 !important;
    position:relative;
    padding: 0.8rem !important;

	}

.mp-navigation .menu.submenu > li > a {
    color: #000 !important;
    background: none !important;
}

.mp-navigation .menu.submenu > li > a:hover,
.mp-navigation .menu.submenu > li > a:focus {
    font-weight: 600;
    color: #2c9285 !important;
    background: none !important;
}

.mp-navigation .menu > li > a > ul > li.is-submenu-item a {
    font-weight: 300;
    color: #000;
    position:relative;
    height:20px;
    padding: 1rem 0.8rem;
}

.mp-navigation .menu > li > a:hover {
    background-color: transparent !important;
    color: #fff;
    text-decoration:none;
    
}
.mp-navigation .menu > li.mp-navigation-menu-item-icon > a
{
    padding:0.7rem 1rem 1.3rem;
    font-size: 1.5rem;

}

.mp-navigation .menu > li.mp-navigation-menu-item-icon > a i
{
    margin-right:0;
}

.mp-navigation .menu > li.mp-navigation-menu-item-sell a {
    color: #86ded2 !important;
}

.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a
{
    padding-right: 2.2rem;
}
.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent > a
{
    padding: 1rem 0rem 1rem 1rem;
}


.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a::after,
.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
    content: "\f107" !important;
    font-family: FontAwesome;
    top: 21px;  
    border: none !important;
	right:15px;
}

.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent.mp-navigation-menu-item-basket.opens-right.is-active > a::after,
.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent.mp-navigation-menu-item-basket.opens-right.is-active > a:hover::after,
.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent.opens-right.is-active > a::after,
.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent.opens-right.is-active > a:hover::after,
.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent > a::after,
.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent > a:hover::after,
.mp-navigation .dropdown.menu.menu-right .is-dropdown-submenu-parent.opens-right > a:hover::after,
.mp-navigation .dropdown.menu.menu-right .is-dropdown-submenu-parent.opens-right.is-active > a::after {
    content: none !important;
    border: none !important;

}
/*.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after {
    content: "\f105" !important;
    font-family: FontAwesome;
    top: 21px;
    border: none !important;
}*/

.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border: none;
}

.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:hover::after,
.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.is-active > a::after {
    border:none;
}
.mp-navigation .vertical.dropdown.menu > li.is-dropdown-submenu-parent.opens-right > a::after,
.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    content: "\f105" !important;
    font-family: FontAwesome;
    top: 20px;  
    border: none !important;
    color: #acacac !important;
}
.mp-navigation .vertical.dropdown.menu > li.is-dropdown-submenu-parent.opens-right > a:hover::after,
.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {
    content: "\f105" !important;
    font-family: FontAwesome;
    top: 20px;  
    border: none !important;
    color: #000 !important;
}

.mp-navigation .vertical.dropdown .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after
{
    content: "\f105" !important;
    font-family: FontAwesome;
    top: 20px;  
    border: none !important;
}
.mp-navigation .vertical.dropdown .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active > a::after
{
    content: none !important;
    border: none !important;
}


.mp-navigation-menu-category-body {
    position: relative;
}

.category-promotion-image {

}
.category-promotion-image img {
    bottom: 0;
    right: 0;
    max-width: 200px;
}

/* Navigation - Medium and up */

@media screen and (min-width: 40em) {

	.mp-navigation [type="text"]{
		border-radius:40px 0 0 40px !important;
		border: 1px solid #fff;
		background-color: #fff;
		box-shadow:none; 
	}


    .mp-navigation .menu.submenu {
        background-color: #ffffff;
        box-shadow: 0 2px 2px #666;
        border-top: none;
		z-index: 2;
		border:1px solid #EAECED;
    }
    .mp-navigation .menu.submenu > li > a {
        padding: 10px 11px;
        height:unset;
    }

    /* Navigation Brand Logos */
    
    .mp-navigation-menu-category-footer a.brand-logo img {
        max-width: 100px;
        padding: 0px;
        margin: 0;
    }
    .mp-navigation-menu-category-footer {
        border: none !important;
        float: right;
}
    .print.mp-navigation-menu-category-footer {
        background: url(//marketplace.probrand.co.uk/cds/image?n=5569-printing-advert&v=20180518122742) no-repeat;
    }
  
    /* Navigation submenu seperator */
    .mp-navigation .menu.submenu > li.mp-navigation-menu-item-seperator {
        margin-top: 15px;
    }

    /* Specific Menu Item styles */
 
    /* Products */
    .mp-navigation .dropdown.menu > li.opens-right > .is-dropdown-submenu.mp-navigation-menu-product-categories-container {
        border-right: none;
    }
    .mp-navigation-menu-product-categories-container .is-dropdown-submenu-parent {
        position: static;
    }
    .mp-navigation .menu.submenu .mp-navigation-menu-category-container{
        background: #fff;
        padding: 10px 0 10px 10px;
        box-shadow: none;
        border: 1px solid #acacac;
        border-top: none;
        min-width: 370px;
        min-height: 323px;
    }

    .mp-navigation .top-bar li.mp-category-sub-heading a {
        margin: 0;
        font-size: 10pt;
        font-weight: 500;
        color: #2c9285 !important;

    }
    .mp-navigation-menu-category-footer .button.tiny {
        background-color: #fff;
        border: 1px solid #e4e4dc;
        border-radius: 3px;
        font-size: 11px;
        margin: 0 5px 5px 0;
        /*min-width: 140px;*/
        padding: 3px 12px 4px;
        box-shadow: none;
        text-align: left;
    }
    .mp-navigation-menu-category-footer .button.tiny:hover {
        background-color: #005ea5;
        border-color: #005ea5;
        color: #fff;
    }
    .mp-navigation .mp-category-sub-heading {
        margin-bottom: 0px !importantimportant;
        font-weight: bold;
    }
    .mp-navigation-menu-category-content ul {
        font-size: 13px;
        margin: 0 15px 20px 0;
        width: 180px !important;
    }
    .mp-navigation-menu-category-content li {
        list-style: none;
        line-height: 2;
    }
	 .mp-navigation .mp-navigation-menu-category-content li a {
        color: #000;
		font-weight:400;
    }
    .mp-navigation .mp-navigation-menu-category-content li a:hover {
        color: #1585cf;
    }

    /* Messages */
    .mp-navigation-menu-item-messages a{
        min-width:38px;
    }

    .mp-navigation-menu-item-messages .badge
    {
        margin-left:-10px;
        margin-top:-15px;
    }

    /* Search */
    .mp-navigation-menu-item-search {

        position: relative;
        width:100%;
    }

    .mp-navigation-menu-item-search .button {
        background-color: transparent;
        box-shadow: none;
        color:#12ccb5;
        font-size:1.6rem;
        height: unset;
        padding-bottom: 14px;
        padding-top: 10px;
    }

    .mp-navigation-menu-item-search .button:hover,
    .mp-navigation-menu-item-search .button:focus {
        color:#fff;
    }
    .mp-navigation-menu-item-search .input-group-field {
        max-width: 100%;
        border: none;
        padding: 0.9rem 0.7rem 1.1rem;
        box-shadow:none;
        background-color:#fff;
    }
    .mp-navigation-menu-item-search .input-group {
        margin-bottom: 0;
    }

    /* Search results suggestions */
    .mp-navigation .suggestions,
    .mp-navigation .searchResultsGroupProducts,
    .mp-navigation .searchResultsGroupManufacturers
    {
        border-top: 1px solid #999;
    }

    .mp-navigation .suggestions {
        display: none;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        position: absolute;
        background-color: #fff;
        border-top: none;
		border: 1px #acacac solid !important;
        z-index: 99;
		height: 600px;
		overflow-y: auto;
    }
    .mp-navigation .searchResultsGroup {
        padding: 0 0 15px;
    }


    .mp-navigation .productSummary {
        margin-top: 0;
    }
    .mp-navigation .searchResultsGroup {
        padding: 0 0 10px;
    }
   
    .mp-navigation .searchResultsGroupCategories .suggestionItem,
    .mp-navigation .searchResultsGroupManufacturers .suggestionItem {
        display: inline-block;
        /*min-width: 160px;*/
        margin: 0 0 5px 10px;
        font-size: 0.68rem;
    }
    .mp-navigation .searchResultsGroupCategories a,
    .mp-navigation .searchResultsGroupManufacturers a {
        /*transition: all 0.2s;*/
        display: block;
        border: 1px solid #E4E4DC;
        padding: 3px 12px;
        background-color: #fff;
    }
    .mp-navigation .searchResultsGroupCategories a:hover,
    .mp-navigation .searchResultsGroupManufacturers a:hover {
        /*transition: all 0.2s;*/
        border-color: #3EA5EE;
        background-color: #3EA5EE;
        color: #fff;
    }

    .mp-navigation .searchResultsGroupProducts .suggestionItem {
        /*transition: all 0.2s;*/
        color: #5A5A5A;
        border-top: 1px solid #dee0e3;
        border-bottom: none;
        cursor: pointer;
        font-size: 11px;
    }

    .mp-navigation .searchResultsGroupProducts .suggestionItem  a
    {
        display:block;
    }

    .mp-navigation .searchResultsGroupProducts .suggestionItem:first-child {
        border-top: none;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItemImageLeft {

        float: left;
        width: 88px;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItemImageLeft img {
        width: 75px;
        margin: 0 0 0 5px;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItemRight {
        float: right;
        text-align: right;
        padding-right: 10px;
        padding-top: 3px;
    }
    .mp-navigation .searchResultsGroupProducts .productSummary {
        /*color: #5A5A5A;*/
        padding-top: 3px;
        font-size: 13px;
    }
    .mp-navigation .searchResultsGroupProducts .partNumber {
        color: #000;
    }
    .mp-navigation .searchResultsGroupProducts .stockLevel {
        color: #777;
        font-weight: normal;
    }
    .mp-navigation .searchResultsGroupProducts .productPrice {
        font-weight: bold;
        color: #316f2b;
        font-size: 15px;
    }
    .mp-navigation .searchResultsGroupProducts .framework {
        /*background: transparent url("/stylesheets/images/framework_sprite.png") no-repeat 0 0;*/
        display: block;
        float: left;
        margin-top: 4px;
        margin-right: 7px;
        height: 20px;
        width: 20px;
        overflow: hidden;
        position: relative;
        right: 0;
        top: 0;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItem:hover {
        /*transition: all 0s;*/
        background-color: #3EA5EE;
        color: #fff;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItem:hover .partNumber,
    .mp-navigation .searchResultsGroupProducts .suggestionItem:hover .stockLevel,
    .mp-navigation .searchResultsGroupProducts .suggestionItem:hover .productPrice,
    .mp-navigation .searchResultsGroupProducts .suggestionItem:hover .productSummary {
        color: #fff;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItem:hover .framework {
        background-position: 0 -30px;
    }
    .mp-navigation .highlight {
        font-weight: bold !important;
        color: orange;
    }
    .mp-navigation .loading {
        background: transparent url(//marketplace.probrand.co.uk/cds/image?n=loader_indicator&v=20180427131820) no-repeat 0 0;
        position: absolute;
        right: 75px;
        top: 30px;
        width: 20px;
        height: 20px;
        display: none;
    }
    .mp-navigation .loading:before {
        content: "Searching...";
        position: absolute;
        right: 30px;
        color: #12ccb5;
    }
    .mp-navigation .zeroResultsMessage {
        display: block;
        padding: 20px;
        font-size: 13px;
    }

    .suggestions .searchResultsGroupCategories.row,
    .suggestions .searchResultsGroupManufacturers.row,
    .suggestions .searchResultsGroupProducts.row,
    .suggestions 
    {
        max-width:900px;
    }
.suggestions a.searchResultsItem:hover {
    background-color: #ebecee;
}


    /* Basket */
    .mp-navigation-menu-basket-container {
        width: 550px;
    }
    .mp-navigation-basket-empty {
        min-width: 400px;
        background-color: #fff;
        padding: 10px 15px;
    }
    .mp-navigation-basket-empty p {
        margin: 0;
        font-size: 17px;
        font-weight: 600;
    }
    .mp-navigation-menu-basket-item {
        background: #fff;
        padding: 8px 0;
        border-bottom: 1px solid #dfe1e3;
        overflow: hidden;
        max-height: 110px;
    }
    .mp-navigation-menu-basket-item-image {
        width: 90px;
        margin-left: 15px;
    }
    .mp-navigation-menu-basket-item-description {
        margin-left: 15px;
        width: 290px;
    }
    .mp-navigation-menu-basket-item-description a {
        font-size: 12px;
        line-height: 0.8rem;
		color: #444;
    }
    .mp-navigation .menu .mp-navigation-menu-basket-item-description a:hover {
        color: #1585cf;
    }
	.mp-navigation-basket-item-pricing {
		font-size: 15px;
		font-weight: 700;
		line-height: 1.5rem;
		color: #2c9285;
	}
    .mp-navigation-basket-delivery,
    .mp-navigation-baket-hidden-items {
		font-size: 15px;
		font-weight: 600;
		line-height: 2rem;
    }
	mp-navigation-basket-total-cost {
		font-size: 22px;
		font-weight: 700;
		line-height: 1.5rem;
		color: #2c9285;
}
    .mp-navigation-basket-total-cost,
    .mp-navigation-baket-hidden-items {
        border-top: 2px solid #cfd1d3;
        padding: 6px 15px;
        background-color: #fff;
    }

    .mp-navigation-baket-hidden-items p
    {
        margin-bottom:0;
    }

    .mp-navigation-basket-delivery div {
        border-top: 1px solid #cfd1d3;
        padding: 6px 15px;
        background-color: #fff;
    }
    .mp-navigation-menu-basket-extra-info {
        font-size: 13px;
        line-height: 1.2;
        width: 100px;
        margin-left: 15px;
    }
    .mp-navigation .menu li.is-active .mp-navigation-basket-item-delete,
    .mp-navigation .menu li.is-active .mp-navigation-basket-item-delete:hover {
        color: #ec5840;
    }
    .mp-navigation-basket-actions {
        border-top: 1px solid #cfd1d3;
        padding: 15px;
    }
    .mp-navigation .menu .mp-navigation-basket-actions .button {
        color: #fff;
    }
    /* Account */
    .mp-navigation .mp-authenticated-greeting {
        color: #000;
        font-size: 13px;
        margin-bottom: 4px;
    }
    .mp-navigation .mp-authenticated-email-address {
        color: #616161;
        font-size: 11px;
    }
    .mp-navigation .mp-navigation-menu-authenticated-container {
        padding: 11px 10px;
        background-color: #fff;
    }
}



/* Navigation - Large and up */

@media screen and (min-width: 64em) {
    /* Products category container */
    .mp-navigation .menu.submenu .mp-navigation-menu-category-container {
        min-width: 700px;
    }
    .mp-navigation-menu-category-content {
        float: left;
    }
}

/*.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    content: "\f107";font-family: FontAwesome;top: 16px;
}
.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a::after:hover {
    content: "\f105";font-family: FontAwesome;top: 16px;
}*/


/* Navigation - Medium and up */



@media screen and (min-width: 40em) {
    /* Custom Navigation Content */
    .mp-navigation-custom-content {
        margin: 10px 15px;
    }
    .mp-navigation-custom-content p {
        font-size: 11pt;
		margin: 15px 0px;
		font-weight:300;
    }
    /*.mp-navigation .top-bar li a {
        font-weight: 500;
        color: #000;
        position: relative;
        height: 20px;
        padding: 1rem 0.8rem;
        padding-right: 0.8rem;
    }*/
    .mp-navigation .top-bar li.mp-category-sub-heading a {
    font-weight: 500;
    color: #000;
    position: relative;
    height: 20px;
    padding-right: 0.8rem;
}
    .mp-navigation .top-bar img.logo {
        width:188px!important;
        padding-top: 1.3rem;
		position:relative;

    }
    /* Navigation Category Footer */
    .mp-navigation-menu-category-footer {
        display: block !important;
    }
    .mp-navigation .groupHeaderText {
        font-weight: normal;
        font-size: 13px;
        padding: 10px;
    }
    .mp-navigation .searchResultsGroupCategories a,
    .mp-navigation .searchResultsGroupManufacturers a {
        border: none;
        padding: 0.4rem 0.6rem;
        background-color: #222538;
        color: #fff;
        font-weight: inherit;
        font-size: 13px;
    }
    .mp-navigation .searchResultsGroupCategories a:hover,
    .mp-navigation .searchResultsGroupManufacturers a:hover {
        text-decoration: none;
        background-color: #2b9285;
        color: #fff !important;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItem {
        border-color: #a8adb2;
    }
    .mp-navigation .searchResultsGroupProducts .productPrice {
        font-weight: 600;
        font-family: Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
        color: #0a0a0a;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItem a {
        text-decoration: none;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .mp-navigation .searchResultsGroupProducts .suggestionItem:hover {
        background-color: #2c0a49;
    }
    /* Search */
    .mp-navigation-menu-item-search .input-group {
        border: 3px solid #12ccb5;
    }
    .mp-navigation-menu-item-search .input-group-field {
        padding: 0.7rem 0.7rem 0.9rem;
    }
    .mp-navigation-menu-item-search .button {
        padding-bottom: 11px;
        padding-top: 7px;
    }
    /* Basket */
    .mp-navigation .menu .mp-navigation-menu-basket-item-description a:hover {
        background-color: transparent !important;
        color: #2b8cc4 !important;
    }
    .mp-navigation .menu li.is-active .mp-navigation-basket-item-delete:hover {
        color: #ec5840;
        background-color: transparent !important;
    }
    .mp-navigation .menu .mp-navigation-basket-actions .button:hover {
        background-color: #2a9285 !important;
    }
    .mp-navigation .mp-navigation-basket-item-count {
        /*line-height: initial;*/
        vertical-align: baseline;
    }
    .mp-navigation .menu>li.is-active .mp-navigation-baket-hidden-items a {
        color: #005ea5;
    }
    .mp-navigation .menu>li.is-active .mp-navigation-baket-hidden-items a:hover {
        background-color: unset;
        color: #1585cf;
    }
    .mp-navigation-menu-category-content ul {
        width: 100%;
    }
    /* Active navigation item */
    .mp-navigation .menu>li.is-active {
        background: transparent !important;
    }
      .mp-navigation .menu>li.is-active>a {
        color: #fff;
    }
    .mp-navigation .menu>li.is-active a:hover {
        color: #fff;
    }


    /* Category Content */
    .mp-navigation .mp-navigation-menu-category-content li a:hover {
        background-color: transparent !important;
        color: #2b8cc4 !important;
    }
    .mp-navigation li.is-active .mp-navigation-menu-category-footer .button.tiny {
        padding: 0.6rem;
    }
    .mp-navigation li.is-active .mp-navigation-menu-category-footer .button {
        background-color: #12ccb5;
        border: none;
        border-radius: 0;
        color: #fff;
    }
    .mp-navigation li.is-active .mp-navigation-menu-category-footer .button:hover {
        background-color: #86ded2;
        border: none;
        color: #fff;
    }
    /*Loading */
    .mp-navigation .loading {
        top: 30%;
    }
    .mp-navigation .menu > li {
        border: none !important;
        vertical-align: top !important:
    }
    .mp-navigation-menu-item-search .input-group {
        border: none;
    }
    .mp-stat-font-primary {
        color: #009fe3;
        font-size: 1.25rem !important;
    }
    .mp-navigation-menu-item-icon {
        width: 100px:
    }
    .mp-navigation .top-bar {
        /*background-color: #222538 !important ;*/
    }
    .mp-navigation .mp-navigation-content {
        border:none !important;
    }
    .mp-navigation .mp-stat-container span {
        margin-top: 23px;
    }
    .mp-navigation .stat-container {
        margin-top: 30px;
    }
}


    input::placeholder, 
    textarea::placeholder, 
    input::-moz-placeholder, 
    textarea::-moz-placeholder {
        color: #222358;

    }
    .fa-search::before {
        content: "\f002";
        color: #222538;
    }
    .input-group {
        display: table;
        width: 100%;
        padding: 10px 10px 0 10px !important;
        margin: 10px 10px 0 10px !important;
    }

    .fa-shopping-basket::before {
        content: "\f291";
        margin-right: .35rem;
        font-family: FontAwesome;
    }
    .fa-user::before {
        content: "\f007";
        margin-right: .35rem;
        font-family: FontAwesome;
        font-style: normal;
    }








/* Navigation - Large and up */

@media screen and (min-width: 64em) {
    /* Products 
    .mp-navigation li.is-active .mp-navigation-menu-category-footer .button.tiny
    {
        min-width:140px;
    }*/
    /* Search Suggestions 
    .mp-navigation .suggestions {
        max-width: 500px;
    }*/
    /* Basket */
    .mp-navigation .menu .mp-navigation-menu-item-basket>a {
        min-width: 100px;
    }
    /* Account and Login Prompt
    .mp-navigation .menu .mp-navigation-menu-item-account > a,
    .mp-navigation .menu .
    -login-prompt > a {
        padding-top: 15px;
        padding-bottom: 17px;
    } */
    /* Category Content */
    .mp-navigation-menu-category-content ul {
        width: unset;
    }

	
	.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent.opens-right.is-active .mp-navigation-menu-item-account > a:after,
	.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent.opens-right.is-active .mp-navigation-menu-item-account > a:hover::after,
	.mp-navigation .dropdown.menu.menu-right > li.is-dropdown-submenu-parent.opens-right.is-active .mp-navigation-menu-item-account > a:active:after{
		content: none !important;
		
	}


}


/********************************************
         
    KNOWLEDGEKUBE STYLES FOR MARKETPLACE

*********************************************/

.kk_Model .kk_QuestionControlWrapper.kk_DisplayBoldText .kk_QuestionText span,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayBoldText .kk_QuestionText label,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayBoldText\[QuestionText\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayBoldText\[QuestionControl\] .kk_QuestionControl span,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayAsLink.kk_DisplayBoldText .kk_NewSubmitButtonText {
    font-weight: 600 !important;
}

.kk_Model .kk_QuestionControlWrapper.kk_DisplayMediumSizeText .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayMediumSizeText .kk_QuestionText label,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText label,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayMediumSizeText\[QuestionControl\] .kk_QuestionControl span,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayAsLink.kk_DisplayMediumSizeText .kk_NewSubmitButtonText {
    font-size: 17px;
}

.kk_Model .kk_GroupHeader h2 {
    font-size: 27px;
}

.kk_Model .kk_RemoveStandardHeight h1 {
    margin-bottom: 5px;
}

.kk_UpdateProgressContainer {
    height: 20px;
}


/* KK Buttons */


/* KnowledgeKube Buttons */

.kk_Model .kk_NewSubmitButtonText,
.kk_Model .kk_QuestionControlWrapper.kk_ApplySmallButton .kk_NewSubmitButtonText,
a#logoutLink,
a#loginLink,
.smallButton a,
div[class*="kk_QueryGroup["] a.kk_QuerySubmit,
.kk_Model .kk_ButtonContainer .kk_ButtonControl input,
.kk_Model .kk_NavigationButtonContainer .kk_NavigationButtonControl input,
.loginContainer input[type="submit"],
.forgotPasswordContainer input[type="submit"],
.cdsController input[type="submit"],
.kk_Model .kk_SummaryContainer .kk_StaticGrid .kk_ButtonLink input[type="submit"],
.kk_Model .kk_SummaryContainer .kk_StaticGrid .kk_Button input[type="submit"],
.kk_Model .kk_ColumnCount_1 table.kk_VerticalDS .kk_DSControl_Button input[type="submit"] {
    background-color: #222538;
    font-family: Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    border-radius: 0;
    /*padding: 6px 18px 7px;*/
}

.kk_Model .kk_QuestionControlWrapper.kk_ApplySmallButton .kk_NewSubmitButtonText {
    padding-top: 5px;
    /* to replicate standard height with Work Sans */
    padding-bottom: 6px;
    /* to replicate standard height with Work Sans */
}

.kk_Model .kk_QuestionControlWrapper[class*="kk_ButtonIcon["] .kk_NewSubmitButtonText {
    /*padding-top: 6px;
    padding-bottom: 7px;*/
}

.kk_Model .kk_NewSubmitButtonText:hover,
.kk_Model .kk_QuestionControlWrapper.kk_ApplySmallButton .kk_NewSubmitButtonText:hover,
a#logoutLink:hover,
a#loginLink:hover,
div[class*="kk_QueryGroup["] a.kk_QuerySubmit:hover,
.smallButton a:hover,
.kk_Model .kk_ButtonContainer .kk_ButtonControl input:hover,
.kk_Model .kk_NavigationButtonContainer .kk_NavigationButtonControl input:hover,
.loginContainer input[type="submit"]:hover,
.forgotPasswordContainer input[type="submit"]:hover,
.cdsController input[type="submit"]:hover,
.kk_Model .kk_SummaryContainer .kk_StaticGrid .kk_ButtonLink input[type="submit"]:hover,
.kk_Model .kk_SummaryContainer .kk_StaticGrid .kk_Button input[type="submit"]:hover,
.kk_Model .kk_ColumnCount_1 table.kk_VerticalDS .kk_DSControl_Button input[type="submit"]:hover {
    background-color: #2b9285;
}

.kk_Model .kk_NewSubmitButtonText:focus,
.kk_Model .kk_QuestionControlWrapper.kk_ApplySmallButton .kk_NewSubmitButtonText:focus,
a#logoutLink:focus,
a#loginLink:focus,
div[class*="kk_QueryGroup["] a.kk_QuerySubmit:focus,
.smallButton a:focus,
.kk_Model .kk_ButtonContainer .kk_ButtonControl input:focus,
.kk_Model .kk_NavigationButtonContainer .kk_NavigationButtonControl input:focus,
.loginContainer input[type="submit"]:focus,
.forgotPasswordContainer input[type="submit"]:focus,
.cdsController input[type="submit"]:focus,
.kk_Model .kk_SummaryContainer .kk_StaticGrid .kk_ButtonLink input[type="submit"]:focus,
.kk_Model .kk_SummaryContainer .kk_StaticGrid .kk_Button input[type="submit"]:focus,
.kk_Model .kk_ColumnCount_1 table.kk_VerticalDS .kk_DSControl_Button input[type="submit"]:focus {
    background-color: #2b9285;
}

.kk_Model .kk_QuestionControlWrapper .kk_NewSubmitButtonText {
    line-height: 1.1;
    color: #FFF;
    font-size: 1rem;
    font-weight: 500;
/* 	border-radius:40px; */
border-radius:0px; 
}

.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay .kk_NewSubmitButtonText,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay.kk_ApplySmallButton .kk_NewSubmitButtonText {
    border-color: #12ccb5;
    color: #2e2e3b;
}

.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay .kk_NewSubmitButtonText:hover,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay.kk_ApplySmallButton .kk_NewSubmitButtonText:hover {
    border-color: #12ccb5;
    color: #fff;
    background-color: #12ccb5;
}

.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay[class*="kk_ButtonIcon[Left-"] .kk_IconContainer,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay[class*="kk_ButtonIcon[Right-"] .kk_IconContainer,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay[class*="kk_ButtonIcon["] .kk_IconContainer {
    background-color: #12ccb5;
}

.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay[class*="kk_ButtonIcon[Left-"] .kk_NewSubmitButtonText:hover .kk_IconContainer,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay[class*="kk_ButtonIcon[Right-"] .kk_NewSubmitButtonText:hover .kk_IconContainer,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay[class*="kk_ButtonIcon["] .kk_NewSubmitButtonText:hover .kk_IconContainer {
    background-color: #12ccb5;
}

.kk_Model .kk_QuestionControlWrapper.kk_SecondaryButton .kk_NewSubmitButtonText,
.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_SecondaryButton .kk_NewSubmitButtonText
{
    background-color: #2C0A49;
    border-color: #2C0A49;
    color: #fff;
}

.kk_Model .kk_QuestionControlWrapper.kk_SecondaryButton .kk_NewSubmitButtonText:hover,
.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_SecondaryButton .kk_NewSubmitButtonText:hover {
    background-color: #63239c;
}

.kk_Model .kk_NewSubmitButtonText.disabledButton {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.kk_Model .kk_QuestionControlWrapper.kk_ProgressNext .kk_NewSubmitButtonText {
    font-weight: bold;
}

/* Buttons in grid */

.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer {
    padding-right: 0px;
}

.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer .kk_NewSubmitButtonText {
    font-size: 0.9rem;
    /* new below */
    line-height: 1;
    padding: 7px 12px 8px;
    margin-top: 4px;
	text-transfrom:uppercase;
	
}

/* Update Icon (in a Grid)  --------------------  */

.kk_Model .kk_DataSourceGridContainer .kk_DataSourceGridControl .kk_DSControl_Textbox.mp-colQuantity 
{
    text-align: right;
    padding-right: 0px;
}
.kk_Model .kk_DataSourceGridContainer .kk_DataSourceGridControl .kk_DSControl_Textbox.mp-colQuantity input
{
    width: 100%;
}

.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ButtonIcon\[Center-Update\] .kk_NewSubmitButtonText,
.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ButtonIcon\[Center-Cross\] .kk_NewSubmitButtonText
{
   box-sizing: border-box;
   min-height: 32px;
   margin-top: 9px;
   width: 39px;
   position: relative;
 }

.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ButtonIcon\[Center-Update\] .kk_IconContainer:before,
.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ButtonIcon\[Center-Cross\] .kk_IconContainer:before
{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 7px;
    left: 0;
    font-family: FontAwesome;
    content: "\f021";
    color: #fff;
    font-size: 17px;
    line-height: 1;
}

/* Cross - Delete */
.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ButtonIcon\[Center-Cross\] .kk_IconContainer:before
{
    content: "\f00d";
}




/* KK Button Tiles */

.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile .kk_NewSubmitButton {
    border-radius: 0;
}
.kk_Model_MicrosoftServerSelector div.kk_NewSubmitButtonContainer.kk_ButtonTile .kk_NewSubmitButton .kk_NewSubmitButtonText,
.kk_Model_MicrosoftServerSelector div.kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText {
    font-size: 15px;
	height: 18px;
    width: 208px;
    border-width: 1px;
    border-style: solid;
    border-color: #87ddd4 !important;
    padding: 15px;
    font-weight: 500;
    background: #fff;
    color: #222538;
    text-align: center;
    border-radius: 40px !important;
    margin-bottom: 40px;
    margin-right: 20px;
	height: 50px !important;
}
.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile .kk_NewSubmitButton .kk_NewSubmitButtonText,
.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText {
    font-size: 15px;
	height: 18px;
    width: 208px;
    border-width: 1px;
    border-style: solid;
    border-color: #87ddd4 !important;
    padding: 15px;
    font-weight: 500;
    background: #fff;
    color: #222538;
    text-align: center;
    border-radius: 40px !important;
    margin-bottom: 40px;
    margin-right: 20px;
}

.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText {
    color: #2e2e3b;
    font-weight: normal;
}


.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile .kk_NewSubmitButton .kk_NewSubmitButtonText:hover {
    /*border-color: transparent;*/
	background: #2c9285;
    color: #fff;
	border-color:#2c9285 !important;
	-moz-transition: all ease-in-out 0.3s;
}

.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText,
.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText:hover {
    border-color: #12ccb5;
}

.kk_Model .kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText:hover,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay .kk_NewSubmitButtonText:hover,
.kk_Model .kk_QuestionControlWrapper.kk_AlternativeDisplay.kk_ApplySmallButton .kk_NewSubmitButtonText:hover {
    /*background-color: #12ccb5;
    color: #fff;*/
	 background: #2c9285;
    color: #fff;
	border-color:#2c9285 !important;
	-moz-transition: all ease-in-out 0.3s;
	
}

/* RFQ KK Button Overrides 

.kk_Model_RequestForQuote .kk_NewSubmitButtonContainer.kk_ButtonTile .kk_NewSubmitButton .kk_NewSubmitButtonText, 
.kk_Model_RequestForQuote .kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText {
    height: 18px;
    width: 208px;
    border-width: 1px;
    border-style: solid;
    border-color: #87ddd4 !important;
    padding: 15px;
    font-weight: 600;
    background: #fff;
    color: #222538;
    text-align: center;
    border-radius: 40px !important;
    margin-bottom: 40px;
    margin-right: 20px;
}
.kk_Model_RequestForQuote .kk_NewSubmitButtonContainer.kk_ButtonTile .kk_NewSubmitButton .kk_NewSubmitButtonText:hover, 
.kk_Model_RequestForQuote .kk_NewSubmitButtonContainer.kk_ButtonTile.kk_AlternativeDisplay .kk_NewSubmitButton .kk_NewSubmitButtonText:hover {
    background: #2c9285;
    color: #fff;
	border-color:#2c9285 !important;
	-moz-transition: all ease-in-out 0.3s;
}*/ 

/* Labels */

.kk_Model .kk_QuestionControlWrapper .kk_QuestionText label {
    color: unset;
}


/* Notificatons */

.kk_QuestionControlWrapper[class*='kk_Notification['] .kk_QuestionText {
    margin-bottom: 20px;
}


/* 
.kk_Model .kk_QuestionControlWrapper[class*='kk_Notification['] + .kk_Model .kk_QuestionControlWrapper[class*='kk_Notification['] {
    background-color: green;
}
*/


/* Success Notifications (new to MercatoUI) */

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Success\] .kk_QuestionText,
.kk_Model .kk_PlaceHolderContainer .kk_QuestionControlWrapper.kk_Notification\[Success\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Success\].kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText,
.kk_Model .kk_PlaceHolderContainer .kk_QuestionControlWrapper.kk_Notification\[Success\].kk_DisplayMediumSizeText\[QuestionText\] {
    /* emulate mercato-ui */
    padding: 5px 0 1px 19px;
    /* width: 90%; */
    /* custom styles */
    background-image: none;
    padding: 0 0 5px;
    /* max-width: 75%; */
    width: 100%;
    max-width: 75%;
    font-size: inherit;
}

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Success\] .kk_QuestionText label {
    /* emulate mercato-ui */
    display: block;
    min-height: 26px;
    /* custom styles */
    border: 1px solid #85994b;
    border-left-width: 10px;
    padding: 20px;
    font-weight: 500;
    font-size: 123%;
}

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Success\] .kk_QuestionControl {
    display: none;
}


/* Complete Notifications (new to MercatoUI) */

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Complete\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Complete\].kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText {
    /* emulate mercato-ui */
    padding: 5px 0 1px 19px;
    width: 90%;
    /* custom styles */
    background-image: none;
    padding: 0 0 5px;
    width: 100%;
    max-width: 75%;
    font-size: inherit;
}

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Complete\] .kk_QuestionText label {
    /* emulate mercato-ui */
    display: block;
    min-height: 26px;
    /* custom styles */
    border: 1px solid #28a197;
    border-left-width: 10px;
    padding: 20px;
    font-weight: 500;
    font-size: 123%;
    background: #28a197;
    color: #fff;
}

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Complete\] .kk_QuestionControl {
    display: none;
}


/* Information Notificatons */

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Information-Version2\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Information\].kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Information-Version2\].kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText {
    background-image: none;
    padding: 0 0 5px;
    width: 100%;
    max-width: 75%;
    font-size: inherit;
}

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_QuestionText label,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Information-Version2\] .kk_QuestionText label {
    border: 1px solid #2b8cc4;
    border-left-width: 10px;
    padding: 20px;
    font-size: 123%;
    font-weight: 500;
    background-color: #fff;
}


/* Warning Notificatons */

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Warning\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Warning\].kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText {
    background-image: none;
    padding: 0 0 5px;
    width: 100%;
    max-width: 75%;
    font-size: inherit;
}

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Warning\] .kk_QuestionText label {
    border: 1px solid #f47738;
    border-left-width: 10px;
    padding: 20px;
    font-size: 123%;
    font-weight: 500;
    background-color: #fff;
}


/* Error Notificatons */

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Error\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Error\].kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText {
    background-image: none;
    padding: 0 0 5px;
    width: 100%;
    max-width: 75%;
    font-size: inherit;
}

.kk_Model .kk_QuestionControlWrapper.kk_Notification\[Error\] .kk_QuestionText label {
    border: 1px solid #B10E1E;
    border-left-width: 10px;
    padding: 20px;
    font-size: 123%;
    font-weight: 600;
    background-color: #fff;
}


/* Edge / IE fix for overriding disabled select */

.kk_Model .kk_NewSimpleDropdownContainer.simpleVersion select {
    cursor: default;
}


/* Validation */

.kk_Model .kk_QuestionControl .kk_Validation {
    color: #B10E1E;
    font-size: inherit;
    border-left: 8px solid #B10E1E;
    padding-left: 10px;
    font-weight: 600;
}


/* Adjustments to standard KK widths */

.kk_Model .kk_ColumnCount_1 .kk_QuestionText {
    width: 15%;
}

.kk_Model_RequestForQuote .kk_ColumnCount_1 .kk_QuestionText {
    width: 35%!important;
}

.kk_Model .kk_ColumnCount_1 .kk_PlaceHolderContainer .kk_QuestionText {
    width: 35%;
}

.kk_Model .kk_ColumnCount_1 .kk_PlaceHolderContainer .kk_ColumnCount_1 .kk_QuestionText {
    width: 15%;
}

.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionTextToFillColumn .kk_QuestionText,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionTextToFillColumn .kk_QuestionText,
.kk_Model .kk_ColumnCount_3 .kk_QuestionControlWrapper.kk_QuestionTextToFillColumn .kk_QuestionText,
.kk_Model .kk_ColumnCount_4 .kk_QuestionControlWrapper.kk_QuestionTextToFillColumn .kk_QuestionText
{
    width: 95%;
}



/* Search Control Overrides */

.kk_Model .kk_QuestionControlWrapper.kk_TextboxContainer.kk_CreateSearchBox-LeftTextBox .kk_QuestionControl .kk_TextboxControl input {
    padding: 7px 5px;
    line-height: 1;
    min-height: 21px;
}

.kk_Model .kk_QuestionControlWrapper.kk_ButtonContainer.kk_CreateSearchBox-RightButton .kk_QuestionControl .kk_ButtonControl input,
.kk_Model .kk_QuestionControlWrapper.kk_ButtonContainer.kk_CreateSearchBox-RightButton .kk_QuestionControl .kk_ButtonControl .kk_NewSubmitButtonText {
    box-shadow: none;
}


/* Specific fix for stacked control label above the Search Control for Regsitration page */

.kk_Model .kk_QuestionControlWrapper.kk_TextboxContainer.kk_CreateSearchBox-LeftTextBox.CCS_InlineSearchBox .kk_QuestionText {
    height: 30px;
}

.kk_Model .kk_QuestionControlWrapper.kk_TextboxContainer.kk_CreateSearchBox-LeftTextBox.CCS_InlineSearchBox {
    width: 600px;
}

.CCS_InlineSearchBox.kk_CreateSearchBox-RightButton.kk_DoesNotTriggerValidation.kk_NewSubmitButtonContainer {
    margin-top: 30px;
}

.kk_Model .CCS_InlineSearchBox.kk_CreateSearchBox-RightButton.kk_DoesNotTriggerValidation.kk_NewSubmitButtonContainer .kk_NewSubmitButtonText {
    box-shadow: none;
}


/* Grid Action button icons */

.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ButtonIcon\[Left-Document\] .kk_NewSubmitButtonText {
    padding-left: 40px;
    position: relative;
}

.kk_Model .kk_DataSourceGridContainer .kk_ButtonIcon\[Left-Document\] .kk_IconContainer {
    position: absolute;
    width: 40px;
    height: 35px;
    overflow: hidden;
    top: 0;
    left: 0;
}

.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ButtonIcon\[Left-Document\] .kk_IconContainer {
    background-image: url("//cdn.onknowledgekube.net/mercato-ui-s18/ui-sprites_51.png");
    background-position: center 0px;
    background-repeat: no-repeat;
}


/* Emulate Warning inside of a Placeholder (Basket process)*/

.kk_Model .kk_QuestionControlWrapper.kk_ApplyBorder.ccs_EmulateWarning {
    border-color: #f47738;
    border-left-width: 10px;
    max-width: 75%;
}

.kk_Model .kk_ColumnCount_1 .kk_PlaceHolderContainer.ccs_EmulateWarning .kk_ColumnCount_1 .kk_QuestionText {
    width: 100%;
}

.kk_Model .kk_QuestionControlWrapper.ccs_EmulateWarningText .kk_QuestionText {
    font-size: 130%;
}


/* *****************************
    
    Refactor Grid as Cards

******************************** */

.kk_Model .kk_GridAsCards table.kk_VerticalDS .kk_DSHeaderRow {
    display: none;
}

.kk_Model .kk_GridAsCards table.kk_VerticalDS tr {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-left-width: 0;
    margin-bottom: 30px;
    vertical-align: top;
}

.kk_Model .kk_GridAsCards table.kk_VerticalDS tr:nth-of-type(4n+2) {
    border-left: 1px solid #ddd;
}

.kk_Model .kk_GridAsCards table.kk_VerticalDS td,
.kk_Model .kk_GridAsCards table.kk_VerticalDS td:first-child {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    color: #333;
    font-size: 13px;
    line-height: 1.2;
}

.kk_Model .kk_GridAsCards table.kk_VerticalDS td.kk_ColName_Column1 {
    padding-bottom: 0;
    height: 270px;
}


/* 
    Content 
*/


/* Image */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td.ing_ProductImage {
    text-align: center;
    height: 135px;
}

.kk_Model .kk_GridAsCards table.kk_VerticalDS td .ing_ProductImage img {
    width: 100%;
    height: auto;
    margin-bottom: 0.5rem;
}


/* Summary Container */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td .ing_ProductSummary {
    height: 105px;
}


/* Description */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td .ing_ProductDescription {
    font-size: 15px;
    color: #000;
    margin-bottom: 0.5rem;
    max-height: 55px;
    overflow: hidden;
}


/* Part Number/SKU */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td .ing_ProductSKU {
    margin-bottom: 0.5rem;
}


/* Price */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td .ing_ProductPrice {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.5rem;
}


/* Radio Button */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td.kk_ColName_Select {
    padding: 5px 20px;
    min-height: 40px;
}

.kk_Model .kk_GridAsCards.kk_DisplayCheckboxAsRadioButton td.kk_ColName_Select .kk_NewCheckBox {
    width: 100%;
    background-position-x: center;
}


/* Quantity */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td.kk_ColName_Quantity {
    border-bottom: none;
    padding: 8px 8px 8px 20px;
    display: inline-block;
    width: 30%;
}

.kk_Model .kk_GridAsCards .kk_QuestionControl .kk_Control .kk_ColName_Quantity input {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
}


/* Update Button */

.kk_Model .kk_GridAsCards table.kk_VerticalDS td.kk_ColName_Update {
    display: inline-block;
    width: auto;
}

.kk_Model .kk_DataSourceGridContainer.kk_GridAsCards .kk_DSControl_Button.kk_NewSubmitButtonContainer {
    padding: 0;
}

.kk_Model .kk_DataSourceGridContainer.kk_GridAsCards .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ColName_Update .kk_NewSubmitButton {
    margin: 0;
    padding: 8px 10px 8px 0px;
}

.kk_Model .kk_DataSourceGridContainer.kk_GridAsCards .kk_DSControl_Button.kk_NewSubmitButtonContainer.kk_ColName_Update .kk_NewSubmitButtonText {
    padding: 7px 10px 8px;
    font-size: 13px;
    line-height: 15px;
    box-sizing: border-box;
}

.lightGreyBackground {
    background-color: #ececec;
}
/**********************************************************************

    HEADER STRUCTURE STYLES 

***********************************************************************/

.mp-logo-container {
    margin-bottom: 10px;
}

.companyLogo {
    float: left;
    margin-top: 0;
    vertical-align: middle;
    margin-right: 0;
    position: relative;
    width: 230px;
    height: 78px;
    top: 0;
    left: 0;
    -webkit-transition: width 0.4s, height 0.4s;
    /* Webkit browsers */
    transition: width 0.4s, height 0.4s;
}

.companyLogo img {
    position: absolute;
    margin-top: -16%;
    top: 50%;
    width: 100%;
}

.headerCaption {
    font-size: 13px;
    margin-top: 17px;
    float: left;
}

.headerCaption.headerRole {
    margin-right: 8px;
}

.headerCaption a {
    color: #fff;
}

.headerCaption a:hover {
    color: #eee;
}

.siteCaption:first-child {
    margin-top: 11px;
    padding-bottom: 8px;
    margin-right: 14px;
    font-size: 20px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 35px 31px;
}

.siteDescription {
    border-left: 1px solid #eee;
    padding-left: 10px;
}

.proxyUserOptions .siteCaption {
    color: #fff;
}

a.topRailButton {
    background: #005ea5;
    border-radius: 0 0 1px 1px;
    float: left;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    margin-left: 10px;
    color: #fff !important;
    padding: 14px 10px 5px;
    text-decoration: none !important;
}

.proxyUserOptions a.topRailButton,
.proxyUserOptions a.topRailButton:hover {
    background: none repeat scroll 0 0 #fff;
    color: #005ea5;



}

.proxyUserOptions .headerCaption {
    color: #fff;
    padding-top: 7px;
}

a.topRailButton:hover {
    background-color: #3095D2;
}
/*
a.topRailMenuItem {
    background: url("/stylesheets/images/headerImages/arrow-icon-fill.png") no-repeat scroll right -26px transparent;
    display: block;
    font-size: 13px;
    margin-top: 7px;
    padding-left: 10px;
    padding-right: 25px;
    text-decoration: none !important;
}

a.topRailMenuItem .arrowIcon {
    background: url(/stylesheets/images/headerImages/arrow-icon-fill.png) no-repeat right -1px;

    width: 20px;
    display: none;
}

a.topRailMenuItem:hover {
    background-color: #fafafa;
}

a.topRailMenuItem:hover .arrowIcon {
    background-position: right -26px;
}
*/

.headerRailRegionFirst {
    float: right;
}

.headerRailRegion {
    float: right;
    margin-right: 3px;
}

.wishlist {
    width: 194px;
}

.productMs {
    width: 202px;
}

.activeRail {
    position: absolute;
    top: 0;
}

#headerMainContainer {
    position: relative;
    z-index: 21;
    /* z-index:3017; */
    width: 100%;
    background: #222538 !important;
}


/*
Main header top rail
*/

#ieCompatibilityWarning {
    display: none;
    background-color: #005ea5;
    color: #fff;
    font-size: 15px;
}

.ieCompatibilityWarningInner {
    padding: 15px;
    text-align: center;
}

.ieCompatibilityWarningInner .ieWarningMessage {
    margin: 0;
    padding: 0 20px;
    display: inline-block;
}

#ieCompatibilityWarning a {
    color: #EBEBE3;
}

#ieCompatibilityWarning a:hover {
    color: #fff;
}

#eCompatibilityMode {
    display: none;
}

.headerTopRailOuter {
    background-color: #000;
    color: #fff;
    min-height: 53px;
    position: relative;
}

.headerTopRailInner {
    /*Height set to 0 to allow click through to menu trigger */
    /*height: 0;*/
    margin: 0 auto;
    position: relative;
    z-index: 4001;
}

.proxyUserOptions #headerTopRailContent {
    position: fixed;
    width: 100%;
}


/*
Main company main content
*/

.headerMainOuter {
    /*height: 110px;*/
    border-top: 1px solid #005ea5;
    position: relative;
    box-sizing: initial;
    /* override foundation in non-foundation implementation */
}

.headerMainInner {
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
}

.headerMainContent {
    z-index: 3015;
}


/* Medium and up */

@media screen and (min-width: 40em) {
    .mp-logo-container {
        margin-bottom: 30px;
    }
}


/************************************

   TOP NAV BAR

************************************/

.topNavbar {
    margin-bottom: 0;
}

.topNavbar .login,
.topNavbar .proxy {
    float: right;
}

.topNavbar .mp-topNavBarLink {
    color: #2c0a49;
    float: left;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    padding: 15px 10px;
    line-height: normal;
}

.topNavbar .mp-topNavBarLink:hover,
.topNavbar .marketplace {
    color: #fff;
    background-color: #2c0a49;
}

.proxyRole,
.proxyUser {
    color: #ff6a06;
}

.topNavbar .proxyRole {
    /*font-size: 13px;
    text-align: center;
    padding-left: 0.625rem;
    padding-right: 0.625rem;*/
    font-size: .8rem;
    line-height: normal;
    padding-top: 8px;
    padding-bottom: 8px;
}

.topNavbar .proxiedName {
    font-weight: 600;
}

.topNavbar .proxyRole .fa {
    color: #ff6a06;
}

.topNavbar .proxyRole a {
    color: #ff6a06;
}

.topNavbar .proxyRole a:hover {
    color: #86ded2;
}

.topNavbar .skipToContentLink {
    position: static;
    top: 0;
    box-sizing: border-box;
    width: 100%;
}

.topNavbar .skipToContentLink,
.topNavbar .skipToContentLink:focus {
    margin: 10px 0;
}

.topNavbar .login .mp-topNavBarLink {
    font-weight: normal;
}

.topNavbar .login .mp-topNavBarLink:hover {
    background-color: transparent;
    color: #86ded2;
}

.topNavbar .login .mp-topNavBarLink.register {
    color: #12ccb5;
}

.topNavbar .login .mp-topNavBarLink.register:hover {
    color: #86ded2;
}


/* TOP NAV BAR - Medium and up */

@media screen and (min-width: 40em) {
    .topNavbar .mp-topNavBarLink {
        font-size: 13px;
        padding: 20px 15px 23px;
    }
    .topNavbar .skipToContentLink {
        position: static;
        top: 0;
        margin: 10px 10px 0 0;
        float: left;
        width: auto;
    }
}


/* TOP NAV BAR - Large and up */

@media screen and (min-width: 64em) {
    .topNavbar .mp-topNavBarLink {
        font-size: 15px;
        padding: 20px 15px 23px;
    }
}


/************************************

   INTRO BLOCKS

************************************/

.pb-intro-blocks-container {
    margin: 30px 0;
    background-color: #fff;
}

.pb-intro-block-content {
    padding: 10px;
}

.pb-more-choice-container img {
    height: 35px;
    margin-bottom: 15px;
}

.pb-more-transparency-container img,
.pb-more-savings-container img {
    height: 45px;
    margin-bottom: 5px;
}


/* Intro Blocks - Large and up */

@media screen and (min-width: 64em) {
    .pb-intro-block-content {
        border-right: 1px solid #666;
        min-height: 200px;
    }
    .pb-intro-block-content.no-border {
        border-right: none;
    }
}


/************************************

   FRAMEWORKS BLOCK

************************************/

.pb-frameworks-promo-container {
    background-color: #2c0a49;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

.pb-frameworks-promo-container strong,
.pb-frameworks-promo-container b {
    font-weight: 600;
}

.pb-frameworks-promo-container::before {
    content: "";
    display: block;
    width: 150%;
    height: 500px;
    background-color: #380b5f;
    top: -290px;
    left: -30%;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
}

.pb-frameworks-promo-container h2 {
    color: #12ccb5;
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.pb-frameworks-promo-content p {
    color: #fff;
}

.pb-frameworks-promo-container h2,
.pb-frameworks-promo-content p {
    text-align: center;
}

.pb-frameworks-promo-content p img {
    margin-right: 10px;
    /*width:35px;*/
}

.pb-frameworks-promo-content {
    padding: 15px 20px;
    position: relative;
    z-index: 2;
}

.pb-frameworks-promo-content .button {
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    padding: inherit;
    margin-top: 3.2rem;
}


/* FRAMEWORKS BLOCK - Medium and up */

@media screen and (min-width: 40em) {
    .pb-frameworks-promo-container,
    .pb-frameworks-promo-content {
        min-height: 300px;
    }
    .pb-frameworks-promo-container h2,
    .pb-frameworks-promo-content p {
        text-align: left;
    }
    .pb-frameworks-promo-container::before {
        left: -100px;
        width: 500px;
    }
}


/************************************

   HELP PROMO

************************************/

.pb-help-promo-container {
    background-color: #e5e7e8;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

.pb-help-promo-container::before {
    content: "";
    display: block;
    width: 150%;
    height: 500px;
    background-color: #d6d8db;
    bottom: -385px;
    left: -35%;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
}

.pb-help-promo-container h2 {
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 20px;
    font-weight: 600;
    color: #2c0a49;
}

.pb-help-promo-content p {
    color: #302e2d;
}

.pb-help-promo-container h2,
.pb-help-promo-content p {
    text-align: center;
}


.pb-help-promo-content {
    padding: 15px 20px;
    position: relative;
    z-index: 2;
}

.pb-help-promo-content .button {
    box-sizing: border-box;
    padding: inherit;
}

.pb-help-promo-telephone,

.pb-help-promo-email {
    color: #5a5857;
    text-decoration: none;
    font-size: 18px;
    display: block;
    word-wrap: break-word;
}

.pb-help-promo-telephone {
    font-weight: 500;
    font-size: 22px;
}


/* HELP PROMO - Medium and up */

@media screen and (min-width: 40em) {
    .pb-help-promo-container h2,
    .pb-help-promo-content p {
        text-align: left;
    }
    .pb-help-promo-container::before {
        left: -100px;
        width: 500px;
    }
}


/************************************

   ACCREDITED PROMO

************************************/

.pb-accredited-promo-container {
    background-color: #e5e7e8;
    margin-bottom: 30px;
}

.pb-accredited-promo-container h2 {
    color: #302e2d;
    font-weight: 400;
    font-family: Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    font-size: 20px;
    padding: 0 0 10px;
    text-align: center;
}

.pb-accredited-promo-content {
    padding: 20px;
}

.pb-accredited-promo-logos {
    border-top: 1px solid #a8adb2;
    border-bottom: 1px solid #a8adb2;
    padding: 20px 0;
}

.pb-accredited-promo-logos p {
    margin-top: 10px;
    margin-bottom: 20px;
}

.pb-accredited-promo-content blockquote {
    border: none;
    font-size: 18px;
}

.pb-accredited-promo-content blockquote footer {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-size: 14px;
}

.pb-accredited-promo-content blockquote footer p {
    margin: 0;
    padding: 0;
    color: #5a5857;
    line-height: normal;
}

.pb-accredited-promo-quote {
    position: relative;
    padding: 40px 0 20px;
    margin-bottom: 0;
    font-family: Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    color: #302e2d;
    line-height: 1.4;
}

.pb-accredited-promo-quote:before,
.pb-accredited-promo-quote:after {
    position: absolute;
    width: 20px;
    height: 14px;
    content: "";
}

.pb-accredited-promo-quote:before {
    top: 20px;
    left: 0;
    background: url("https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/blockquote-mark-left.svg") top left no-repeat;
}

.pb-accredited-promo-quote:after {
    bottom: 0;
    left: 0;
    background: url("https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/blockquote-mark-right.svg") top left no-repeat;
}

.pb-accredited-promo-quote-name {
    font-weight: 500;
}

.pb-accredited-icaew-logo,
.pb-accredited-cips-logo {
    margin: 0 auto;
    display: block;
}


/* ACCREDITED PROMO - Medium and up */

@media screen and (min-width: 40em) {
    .pb-accredited-promo-container h2 {
        text-align: left;
    }
}


/* ACCREDITED PROMO - Large and up */

@media screen and (min-width: 64em) {
    .pb-accredited-logo-container {
        min-height: 150px;
    }
    .pb-accredited-cips-logo {
        padding-top: 50px;
    }
    .pb-accredited-promo-logos p {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}


/************************************

    MAIN SEARCH BAR

************************************/

.searchBarMain {
    height: 62px;
    padding: 18px 10px 0px;
    max-width: 575px;
    min-width: 181px;
    margin: 0px 327px 0px 510px;
    float: none;
    transition: margin 0.4s ease 0s;
    position: relative;
    z-index: 4000;
}

.searchBoxNew {
    font-style: normal;
    position: relative;
    height: 47px;
}

.searchBoxNew input {
    border: none;
    font-size: 19px;
    text-rendering: optimizeLegibility;
    font-weight: 500;
    color: #0b0c0c;
    font-style: normal;
    padding: 6px;
    vertical-align: middle;
    box-shadow: none !important;
    box-sizing: content-box;
    height: 28px;
}

.searchBoxNew input[type=text] {
    border-radius: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 90%;
}

.sew_ac_results {
    z-index: 5000 !important;
    border: 1px solid #747171;
    background: #fff;
}

.sew_ac_results iframe {
    display: none;
    /*IE5*/
    display/**/
    : block;
    /*IE5*/
    position: absolute;
    top: 0;
    border: none;
    left: 0;
    z-index: -1;
    filter: mask();
    width: 3000px;
    height: 3000px;
}

.leftBreak {
    margin-left: 253px;
}

.middleBreak {}

.endBlock {
    float: left;
    position: relative;
    /* margin-left: 40px;*/
}
.searchBar input.searchButton {
    position: absolute;
    height: 1px;
    width: 1px;
    margin-top: -500px;
}

.searchButtonIcon {
    float: left;
    height: 44px;
    width: 53px;
    border: 1px solid #e1e1da;
}

.searchButtonActive .searchButtonIcon {
    float: left;
    height: 42px;
    width: 53px;
    border: 1px solid #0056b0;
}

.userOn {
    border-color: #BEDEE9;
    border-color: #3095D2;
    box-shadow: 0 0 6px #CAD9E8;
}

.userOn input[type=text] {
}




/*****************************************

    MENU HELPER CLASSES

****************************************/

.menuRelative {
    position: relative;
}

.menuOverflow {
    overflow: hidden;
}

.noPadding {
    padding: 0;
}

.menuItem {
    position: relative;
}

.menuItemSubData {
    color: #94948C;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    left: 20px;
    position: absolute;
    top: 50px;
    color: #94948C;
    font-style: italic;
    font-weight: normal;
    left: 20px;
    position: absolute;
    top: 63px;
    display: none;
}





/*****************************************

    MENU ITEM WIDTHS AND POSITION

****************************************/

.serviceOuterContainer {
    width: 115px;
    -webkit-transition: width 0s;
    /* Webkit browsers */
    transition: width 0s;
}

.productsOuterContainer {
    width: 120px;
    -webkit-transition: width 0s;
    /* Webkit browsers */
    transition: width 0s;
}

.storeLoginOuterContainer {
    float: right;
    width: 150px;
    -webkit-transition: width 0s;
    /* Webkit browsers */
    transition: width 0s;
}

.basketOuterContainer {
    float: right;
    width: 175px;
    -webkit-transition: width 0s;
    /* Webkit browsers */
    transition: width 0s;
}


/*****************************************

     Common Page Utilities

****************************************/

.mp-pageSection {
    border-top: 1px solid #bfc1c3;
    margin-top: 1.5rem;
    padding-top: 1rem;
}




.hoverDarken img
{
    opacity: 1;
    filter: alpha(opacity=100);
}
.hoverDarken img:hover
{
    opacity: 0.92;
    filter: alpha(opacity=92);
    outline: 2px solid #60d4c4;
}




/*****************************************

    CATEGORY CARD

****************************************/

.mp-category-card
{
    padding: 15px 10px 20px;
    box-sizing: border-box;
    display: block;
    height: 90%;
    height: calc(100% - 20px);
}
.mp-category-card img
{
    max-width:180px;
}
.mp-category-card h3
{
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    margin-top:10px;
}
.mp-category-card p
{
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    margin-top:-10px;
}
.mp-category-card:hover
{
    outline: 2px solid #60d4c4;
}
.mp-category-card:hover h3
{
    color: #000;
}





/*****************************************

    PRODUCT CARD

****************************************/

.mp-product-card {
    width: 100%;
    margin-bottom: 15px;
}

.mp-product-card .card-section {
    padding: 0 .8rem;
}

.mp-product-card-image-container img {
    margin: 0 auto;
    display: block;
    padding-bottom: 10px;
	max-width:200px;
	height:150px !important;
}

.mp-product-card-image-container {
    margin-bottom: 10px;
}

.mp-product-card-image-container a {

    text-align: center;
    display: block;
}

.mp-product-card-image-container h3 {
    margin: 0;
    padding: 0 .8rem;
    font-weight: 300;
}

.mp-product-card-stock-container {
    margin-bottom: 2px;
}
.mp-product-card-image-container h3,
.mp-product-card-stock-container,
.mp-product-card-actions-container,
.mp-product-card-part-number-container {
    font-size: 16px;
}
@media screen and (max-width:414px){
.mp-product-card-image-container h3,
.mp-product-card-stock-container,
.mp-product-card-actions-container,
.mp-product-card-part-number-container {
    font-size: 12px !important;
}
}

.mp-product-card .last-updated-stock,
.mp-product-card-image-container a {
    color: #5a5857;
}

.mp-product-card .last-updated-stock,
.mp-product-card .mp-product-card-stock-container .stock-level,
.mp-product-card .mp-product-card-part-number-container {
    font-size: 0.7rem;
}

.mp-product-card-part-number-container {
    color: #302e2d;
}

.mp-product-card .card-section.mp-product-card-part-number-container {
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.mp-product-card-price-container,
.mp-product-card-price-container:last-child {
    margin-bottom: 5px;
}

.mp-product-card-price-container .product-price {
    font-size: 19px;
    font-family: Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    font-weight: 600;
}

.mp-product-card-price-container .vat-label {
    font-size: 0.8rem;
}

.mp-product-card .stock-level {
    display: block;
    text-align: right;
}

.mp-product-card .not-in-stock {
    color: #bc1414;
}

.mp-product-card .in-stock {
    color: #02bc02;
}

.mp-product-card-actions-container {
    margin-top: 10px;
}

.mp-product-card-actions-container .quickViewButton {
    /*margin-right: 10px;
    float:left;
    margin:0 0 15px;*/
    padding: 0;
    background-color: #e5e7e8;
    border: none;
    width: 100%;
}

.mp-product-card-actions-container .quickViewButton:hover {
    background-color: #2c0a49;
}

.mp-product-card-actions-container .quickViewButton .fa-search {
    line-height: normal;
}

.mp-product-card-actions-container .quickViewButton .fa-search::before {
    font-family: inherit;
    content: "";
    background: url(https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/turquoise-search-icon.svg) no-repeat center center / 60% 60%;
    display: block;
    padding: 0.85em;
}

.mp-product-card-actions-container .quickViewButton:hover .fa-search::before {
    background: url("https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/white-search-icon.svg") no-repeat center center / 60% 60%;
}

.mp-product-card-actions-container .add-to-basket {
    margin: 0 0 5px;
}

.mp-product-card-actions-container .add-to-basket.small {
    font-size: 13px;
}

.mp-product-card .card-section.mp-product-card-framework-container.no-margin-bottom,
.mp-product-card .card-section.mp-product-card-no-framework-container.no-margin-bottom {
    margin-bottom: 0;
}

.mp-product-card .card-section.mp-product-card-framework-container {
    margin-bottom: 5px;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
}

.mp-product-card-framework-container {
    /*background: rgb(43, 146, 133);
    background-color: rgba(43, 146, 133, 0.8);*/
	background:#fff;
}

.mp-product-card-framework-container .framework-saved-price .framework-saved-text,
.mp-product-card-framework-container .framework-saved-price .framework-saved-price-content {
    display: block;
    text-align: left;
    color: #444;
}

.mp-product-card-framework-container .framework-saved-text {
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 4px 0 6px 0;
}

.mp-product-card .framework-saved-price,
.mp-product-card-framework-container .framework-saved-price-content {
    font-weight: 600;
    display: block;
    color: #2b9285;
    font-size: 1.2rem;
}

.mp-product-card-framework-container img {
    max-height: 32px;
}

.mp-product-card-framework-container img.frameworkIconTopRight {
    position: absolute;
    top: 5px;
    right: 5px;
}

.mp-product-card .framework-saved-price .framework-saved-text {
    padding-left: 26px;
}

.mp-product-card-framework-container img.frameworkIconInline {
    float: left;
}

.mp-product-card .framework-icon {
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent rgba(43, 146, 133, .8) transparent transparent;
    background: none;
}

.mp-product-card .framework-icon:before {
    content: url(https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/framework-icon-outline-white.svg);

    display: block;
    height: 25px;
    position: absolute;
    right: -55px;
    top: 5px;
    width: 26px;
}

.mp-product-card .framework-saved-price-container {
    min-height: 40px;
    margin-top: 3px;
}

.mp-product-card .framework {
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent rgba(43, 146, 133, .8) transparent transparent;
    background: none;
    width: 0;
    height: 0;
}

.mp-product-card .framework p {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: 24px;
}

.mp-product-card .button.compare {
  color: #1e282b !important;
  background:#fff;
  text-transform: uppercase;
  font-size: 0.8rem;
} 
.mp-product-card .button.compare:hover,
.mp-product-card .button.compare:focus {
  color: #1e282b !important;
  background:#ebecee !important;
  text-transform: uppercase;
  font-size: 0.8rem;
} 

/*****************************************

    PRODUCT CARD IN SLICK SLIDER

****************************************/

.mp-slider.full-height-slider-buttons {
    padding: 0 50px;
}

.mp-slider.full-height-slider-buttons .slick-arrow {
    height: 100%;
    background-color: #e5e7e8;
    top: 0;
    background-size: 75%;
}

.mp-slider.full-height-slider-buttons .slick-prev,
.mp-slider.full-height-slider-buttons .slick-next {
    background-position: center center;
}


/* MP SLIDER - PRODUCTS */

.mp-slider.products-container .mp-product-card {
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-bottom: 0;
    position: relative;
	min-height:300px;
}

.mp-slider.products-container .framework-icon {
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent rgba(43, 146, 133, .8) transparent transparent;
    background: none;
}

.mp-slider.products-container .framework-icon:before {
    content: url(https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/framework-icon-outline-white.svg);
    display: block;
    height: 25px;
    position: absolute;
    right: -55px;
    top: 5px;
    width: 26px;
}

.mp-slider.products-container .framework-saved-price-container {
    min-height: 26px;
}

.mp-slider.products-container .mp-product-card-image-container h3 {
    height: 62px;
    overflow: hidden;
}

.mp-slider.products-container .mp-service-product .mp-product-card-image-container h3 
{
    height: 136px;
}
.mp-service-product .mp-product-card-image-container h3 .itemManufacturerName,
.mp-service-product .mp-product-card-image-container h3 .itemManufactureName
{
    font-size: 13px;
}

/* PRODUCT CARD IN SLICK SLIDER - Medium and up */

/*@media screen and (min-width: 40em) {
    .mp-slider.products-container .mp-product-card-image-container h3 {
        height: 62px;
    }
}*/

.mp-slider.products-container .framework {
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent rgba(43, 146, 133, .8) transparent transparent;
    background: none;
    width: 0;
    height: 0;
}

.mp-slider.products-container .framework p {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);

    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: 24px;
    font-family: Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
}

.mp-productImageScrollerNav .slick-current {
    outline: 3px solid #ddd;
}

.mp-productImageScrollerNav .slick-slide {
    margin: 3px;
}


/*****************************************

    PRICE CARD

****************************************/

.mp-price-card {
    padding: 1.25rem;
    background-color: #F0F0F0;
    box-shadow: none;
    border: none;
    line-height: 1.2;
}

.mp-price-card .button {
    /*margin-bottom: 11px;*/
}

.mp-price-card .card-section {
    padding: 0 0 0.6rem;
}

.mp-price-card .card-section.progora_SummaryPanelSlimlineLabel p {
    margin-bottom: 8px;
    padding-bottom: 0;
}

.mp-price-card-price-container {
    font-size: 30px;
    color: #222538;
    font-weight: 600;
}

.mp-price-card-price-container.with-margin-bottom {
    margin-bottom: .6rem;
}


.staffOnly .mp-price-card-price-container .mp-font-primary
{
    color: inherit;
}

.mp-price-card .vat-label {
    font-size: 60%;
}

.mp-price-card .stock-level {
    font-weight: 700;
}

.mp-price-card .card-section.mp-price-card-stock-container {
    padding: 0;
    margin-bottom: 1.25rem;
}


/*****************************************

    REGISTER CARD

****************************************/

.mp-register-card {
    padding: 1rem;
}


/*****************************************

    ALL SOURCES (FRAMEWORKS), at al.

****************************************/

.blockList li {
    /*margin-left: 30px;*/
    position: relative;
    list-style-type:none;
}

.blockList li:before {
    font-family: FontAwesome;
    content: "\f0a9";
    position: absolute;
    left: -25px;
    color: #12CCB5;
}


/*****************************************

    ITEM DETAILS

****************************************/

.mp-keySellingPoints li {
    margin-left: 30px;
    position: relative;
    list-style-type:none;
}

.mp-keySellingPoints li:before {
    font-family: FontAwesome;
    content: "\f14a";
    position: absolute;
    left: -25px;
    color: #2c9285;
}


/*****************************************

    PARAMETRIC FILTERS

****************************************/


.mp-product-card-compare-container {
    margin-top: 10px;
}

.mp-product-card-compare-container label {
    margin-right: 5px;
    font-size: 0.8rem;
    vertical-align: top;
}

.mp-product-comparison-row {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    background-color: #fff;
}

.mp-product-comparison-description {
    font-size: 13px;
    padding: 0 10px;
}

.mp-product-comparison-content {
    margin: 10px;
}

.mp-product-comparison-actions-container {
    margin-top: 15px;
    background-color: #fff;
}

.mp-product-comparison-actions-container h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mp-product-comparison-rows-container {
    /*border-bottom:3px solid #dee0e2;*/
    margin-bottom: 20px;
    background-color: #fff;
}

#comparisonButtonsContainer.is-stuck {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 5px #e7e7e7;
    border-bottom: 2px solid #dee0e2;
    border: 1px solid #757575;
    border-top: none;
}

#comparisonButtonsContainer.is-stuck h2 {
    margin: 5px 0;
    font-size: 18px;
}

#comparisonButtonsContainer.is-stuck .button {
    margin-bottom: 10px;
}


/*.mp-fixed-element-triggered #comparisonButtonsContainer
{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left:0.9375rem;
    padding-right:0.9375rem;
}

.mp-fixed-element-triggered .mp-product-comparison-actions-container h2
{
    margin:5px 0;
    font-size:18px;
}

.mp-fixed-element-triggered .mp-product-comparison-actions-container .button
{
    margin-bottom:10px;
}*/


/* PRODUCT CARD - Medium and up */


@media screen and (min-width: 40em) {
    .mp-product-card {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
    .mp-product-card .card-section.mp-product-card-no-framework-container {
        min-height: 1px;
        margin-bottom: 5px;
        padding-top: 0.3rem;
        padding-bottom: 0.2rem;
        box-sizing: content-box;
		border-bottom: 1px dotted #acacac;
		margin: 0px 5px 10px 5px;
    }
    .mp-product-card .card-section.mp-product-card-framework-container {
        min-height: 0;
		background: #ebecee !important;
    }
    .mp-product-card .card-section.mp-product-card-no-framework-container {
        min-height: 1px;
    }
    .mp-product-card-image-container a {
        text-align: left;
    }
    .mp-product-card-image-container h3 {
        height: 62px;
        overflow: hidden;
    }
    .mp-product-card-image-container h3,
    .mp-product-card .stock-level,
    .mp-product-card-stock-container,
    .mp-product-card-actions-container,
    .mp-product-card-part-number-container {
        font-size: 13px;
        line-height: 1.2;
        font-weight: normal;
    }
    .mp-service-product .mp-product-card-image-container h3
    {
        height: 136px;
        font-size: 16px;
    }
    
    /*.mp-product-card-actions-container .quickViewButton
    {
        float:left;
        width:auto;
    }*/
    /*
    .mp-product-card-actions-container .add-to-basket
    {
        float:right;
        width:auto;
    }*/
}


/* PRODUCT CARD - Large and up */

/*@media screen and (min-width: 64em) {
    .mp-product-card {
        width: 19%;
        margin-right: 1%;
    }
}*/
@media screen and (min-width: 64em) {
    .mp-product-card {
        width: 24%;
        margin-right: 1%;
    }
}

/*****************************************

    PRODUCT / SEARCH PAGER

****************************************/

.mp-pager-container {
    background-color: #fff;
    margin-top: 10px;
    float: none;
}

.mp-pager-content-container,
.mp-pager-content-container select {
    font-size:13px;
}

.mp-pager-container input:hover {
    
}

.mp-pager-container .button-group .button {
    margin: 0;
    padding: 9px 9px 10px;
    line-height: normal;
    background-color: #fff;
    border-color: #d0d0c8;
    color: #444;
    float: left;
    font-weight: normal;
    border-width: 1px 1px 1px 0;
}

.mp-pager-container .button-group .button:hover {
    background-color: #ebebe3;
    color: #347fdc;
}

.mp-pager-container .button-group .button:first-child {
    border-left-width: 1px;
}

.mp-pager-container .button-group .button.selectedPage {
    background-color: #4d4d4f;
    color: #fff !important;
}


/* PRODUCT / SEARCH PAGER - Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .mp-pager-content-container {
        margin-left: 0;
    }
    .mp-pager-content-container select {
        width: 100%;
    }
    .mp-pager-content-container select.width-unset {
        width: unset;
    }
}


/* PRODUCT / SEARCH PAGER - Medium and Up */

@media screen and (min-width: 40em) {
    .mp-pager-content-container {
        margin-left: 10px;
        float: left;
    }
    .mp-pager-container {
        float: right;
    }
    .mp-pager-content-container select {
        width: inherit;
    }
    #top-pager-items-per-page-select {
        max-width: 70px;
    }
    #top-pager-item-order-by-select {
        max-width: 160px;
        margin-right: 10px;
    }
    .mp-pager-content-items-per-page label {
        float: left;
        margin-right: 10px;
    }
    .mp-pager-content-container select.with-margin-left {
        margin-left: 10px;
    }
    .mp-pager-content-container select.with-margin-right {
        margin-right: 10px;
    }
    .mp-pager-content-container.with-top-offset-align,
    label.with-top-offset-align {
        margin-top: .5rem;
    }
    .mp-pager-content-container {
        margin-left:0;
    }
}


/* PRODUCT / SEARCH PAGER - Large and Up */

@media screen and (min-width: 64em) {
    /*.mp-pager-content-container {
        margin-left: 10px;
        float: left;
    }
    .mp-pager-container {
        float: right;
    }
    .mp-pager-content-container select {
        width: unset;
    }
    .mp-pager-content-items-per-page label {
        float: left;
        margin-right: 10px;
    }*/
}


/*****************************************

     Specific Pages

****************************************/


/* Welcome page (anonymous) */

.mp-welcomeAnonymous {}


/* Homepage (authenticated) */

.mp-authenticatedHome {}

.mp-homeProductCategories a {
    display: block;
    padding: 10px;
}

.mp-homeProductCategories a:hover {
    background-color: #eee;
}

.mp-massiveLoginButton .columns {
    padding-left: 0;
    padding-right: 0;
}

.mp-massiveLoginButton .button {
    display: block;
    padding: 0.7em;
    font-size: 1.5em;
}


/*****************************************

    SUMMARY PANEL (Foundation HTML)

****************************************/

.progora_SummaryPanelNewSection,
.row.progora_SummaryPanelNewSection .row {
    margin-top: 8px;
    border-top: 1px solid #ccc;
    padding-top: 12px;
}

.row.progora_SummaryPanelNewSoftSection .columns {
    margin-top: 12px;
}

.row.progora_SingleButtonRow .columns {}

.row.progora_summaryPanelPrice .columns,
.row.progora_summaryPanelIsolatedPrice .columns {
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    color: #2c9285;
    font-family: Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    min-height: 0;
    margin-bottom: 8px;
}

.row.progora_summaryPanelIsolatedPrice .columns {
    margin-bottom: 20px;
}

.row.progora_summaryPanelPrice .progora_SummaryPanelPriceAssociatedLabel,
.row.progora_summaryPanelIsolatedPrice .progora_SummaryPanelPriceAssociatedLabel {
    margin: 0 3px;
    font-size: 60%;
}

.row.progora_SummaryPanelSlimlineLabel .columns {
    margin-bottom: 8px;
}

.row .progora_SummaryPanelData,
.progora_SummaryPanelData {
    /*padding: 2px 8px 5px;*/
    font-weight: 500;
}


/*****************************************

    SUMMARY PANEL (in KK Models)

****************************************/

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelNewSection {
    margin-top: 8px;
    border-top: 1px solid #ccc;
    padding-top: 12px;
}

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelNewSoftSection {
    margin-top: 12px;
}

.kk_Model .kk_ButtonContainer.progora_SingleButtonRow {
    float: none;
    clear: left;
}


/* Summary Panel Price */

.kk_Model .kk_QuestionControlWrapper.progora_summaryPanelIsolatedPrice,
.kk_Model .kk_QuestionControlWrapper.progora_summaryPanelPrice {
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    color: #006435;
    font-family: "Exo 2", Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    min-height: 0;
    margin-bottom: 8px;
}

.kk_Model .kk_QuestionControlWrapper.progora_summaryPanelIsolatedPrice {
    margin-bottom: 20px;
}

.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.progora_summaryPanelPrice .kk_QuestionText,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.progora_summaryPanelPrice .kk_QuestionText,
.kk_Model .kk_ColumnCount_3 .kk_QuestionControlWrapper.progora_summaryPanelPrice .kk_QuestionText,
.kk_Model .kk_ColumnCount_4 .kk_QuestionControlWrapper.progora_summaryPanelPrice .kk_QuestionText,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.progora_summaryPanelIsolatedPrice .kk_QuestionText,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.progora_summaryPanelIsolatedPrice .kk_QuestionText,
.kk_Model .kk_ColumnCount_3 .kk_QuestionControlWrapper.progora_summaryPanprogora_summaryPanelIsolatedPriceelPrice .kk_QuestionText,
.kk_Model .kk_ColumnCount_4 .kk_QuestionControlWrapper.progora_summaryPanelIsolatedPrice .kk_QuestionText {
    width: 95%;
    padding-top: 0;
}

.kk_Model .kk_QuestionControlWrapper.progora_summaryPanelPrice .kk_QuestionControl,
.kk_Model .kk_QuestionControlWrapper.progora_summaryPanelIsolatedPrice .kk_QuestionControl {
    display: none;
}

.kk_Model .kk_QuestionControlWrapper.progora_summaryPanelPrice .progora_SummaryPanelPriceAssociatedLabel,
.kk_Model .kk_QuestionControlWrapper.progora_summaryPanelIsolatedPrice .progora_SummaryPanelPriceAssociatedLabel {
    margin: 0 3px;
    font-size: 60%;
}


/* Summary Panel Slimline Label Only */


/* Summary Panel Slimline Label and Question */

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel {
    margin-bottom: 8px;
}

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel,
.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabelAndQuestion {
    min-height: 0;
}

.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel .kk_QuestionText,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel .kk_QuestionText,
.kk_Model .kk_ColumnCount_3 .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel .kk_QuestionText,
.kk_Model .kk_ColumnCount_4 .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel .kk_QuestionText,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionText,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionText,
.kk_Model .kk_ColumnCount_3 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionText,
.kk_Model .kk_ColumnCount_4 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionText,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionText,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionControl,
.kk_Model .kk_ColumnCount_3 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionControl,
.kk_Model .kk_ColumnCount_4 .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionControl {
    width: 95%;
    padding-top: 0;
}

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel .kk_QuestionControl {
    display: none;
}

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabelAndQuestion .kk_QuestionControl {
    margin-bottom: 8px;
    height: auto;
}

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabel h2,
.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelSlimlineLabelAndQuestion h2 {
    font-weight: 600;
    font-size: inherit;
    font-family: inherit;
}

.kk_Model .kk_QuestionControlWrapper.progora_SummaryPanelStackedSlimlineLabelAndQuestion .kk_QuestionControl {
    font-weight: 500;
}


/*****************************************

    SMART BASKET

****************************************/

.top-border-primary {
    border-top: 5px solid #333;
}

.top-border-secondary {
    border-top: 5px solid #eee;
}

.supplierItem {
    margin: 5px 0px;
    /*padding: 5px;*/
}

.supplierName {
    font-size: 20px;
    padding: 5px 0;
}

.smartBasketTable,
.mp-basketSummaryRow {
    background-color: rgba(255, 255, 255, 0.8);
}

.smartBasketTable table.smartBasketTable {
    background-color: unset;
}

#KnowledgeKube_Model .kk_SelectionButton .kk_NewSubmitButton,
#KnowledgeKube_Model .kk_SelectionButton .kk_NewSubmitButton:hover {
    text-decoration: none;
}

#KnowledgeKube_Model .kk_SelectionButton .kk_NewSubmitButtonText {
    background-color: #fff;
    border-radius: 0;
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_EvenRow td {
    background-color: rgba(250, 250, 250, 0.8);
}


/*****************************************

    SMART BASKET PROGRESS

****************************************/


/* Basket Progress Bar Indicator for KK (CONTENT BLOCK, not actual Progress Indicator) */

.mp-progressBarInModel .kk_QuestionColumnWrapper.kk_ColumnAssignment_1 {
    margin-top: -50px;
}

.mp-progressBarInModel .mp-BasketProgressBarUpdate ul.kk_ProgressContainer {
    padding-bottom: 0;
}


/*****************************************

     QUICK BASKET VIEW STYLES

****************************************/

/*
ul.quickBasket {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #EBEBE3;
    border-top: 1px solid #fff;
    display: none;
    right: -100%;
    position: absolute;
    padding-top: 15px;
    top: 100%;
    width: 480px;
    z-index: 5000;
}

li.quickBasketItem {
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 0px;
    border-bottom: 1px dashed #EBEBE3;
    font-size: 13px;
}

li.quickBasketItem .itemImageContainer {
    border: 1px solid #EBEBE3;
    border-radius: 3px 3px 3px 3px;
    clear: right;
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100px;
}

li.quickBasketItem .itemImageContainer img {
    width: 80px;
}

li.quickBasketItem .itemDescription {
    float: left;
    margin-left: 15px;
    width: 184px;
}

li.quickBasketItem a {
    text-decoration: none;
}

li.quickBasketItem .itemLowerBlock {
    float: left;
    position: relative;
}

li.quickBasketItem .itemQuantityContainer {
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 20px;
}

li.additionalItemsBlock {
    padding: 10px 15px;
    background-color: #f2efc3;
}

li.additionalItemsBlock .additionalItems {
    text-align: right;
}

li.quickBasketItem input.bodyQuantityInput {
    margin: 0;
}

li.quickBasketItem .itemQuantityContainer .quantityCaption {}

li.quickBasketItem .itemQuantityContainer .quantityAmount {
    background: none repeat scroll 0 0 #7AAA32;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin-left: 5px;
    padding: 0 7px 1px;
    text-align: center;
    position: relative;
    z-index: 1;
}

li.quickBasketItem .itemQuantityContainer .edgeCap {
    background: url("/stylesheets/images/headerImages/edgeCap01.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 32px;
}

li.quickBasketItem .basKetButtonContainer {
    float: left;
    margin-left: 9px;
}

.basketButtonSmall {}

li.quickBasketItem .itemPriceContainer {
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 3px;
    text-align: right;
}

li.quickBasketItem .itemPriceContainer .itemPrice {
    font-size: 18px;
    font-weight: 700;
}

li.quickBasketItem a.basketButtonSmall {
    float: left;
    margin-right: 10px;
}

li.quickBasketItem a.basketButtonSmall span {
    margin: 0;
}

li.quickBasketItem a.basketItemUpdateButton,
li.quickBasketItem a.basketItemConfigureButton {}

li.quickBasketNoItems,
li.quickBasketLoading {
    padding: 0 15px 5px;
    color: #9E9E95;
    color: #000;
}

li.quickBasketNoItems {
    padding: 0 25px 15px;
    font-size: 15px;
}

li.quickBasketNoItems span {}

li.quickBasketLoading {}

li.quickBasketLoading span {
    background: url("/stylesheets/images/icons/basket-loader.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    padding-left: 50px;
    padding-top: 9px;
}

li.deliveryTotalBlock {
    border-top: 2px solid #EBEBE3;
    padding: 7px 15px;
}

li.deliveryTotalBlock .subTotalAmount {
    font-size: 14px;
    font-weight: 700;
    text-align: right;
}

li.deliveryTotalBlock .subTotalAmountValue {
    font-size: 18px;
    padding-left: 6px;
}

li.subTotalBlock {
    padding: 7px 15px;
}

li.subTotalBlock {
    font-size: 18px;
    padding: 7px 31px;
}

li.subTotalBlock .subTotalAmount {
    font-size: 14px;
    font-weight: 700;
    text-align: right;
}

li.subTotalBlock .subTotalAmountValue {
    font-size: 18px;
    padding-left: 6px;
}

li.quickBasketFooter {
    padding: 15px;
}


li.quickBasketFooter .basketButton {
    float: left;
}

li.quickBasketNoItemsFooter {
    padding: 0 15px 15px;
}


li.quickBasketItem input.bodyQuantityInput {
    display: none;
}

li.quickBasketItem a.basketButtonSmall span {
    display: none;
}

li.quickBasketItem .itemPriceContainer {
    padding-bottom: 5px;
    padding-right: 10px;
    padding-top: 7px;
    text-align: right;
    display: inline-block;
    padding-left: 10px;
}

li.quickBasketItem .itemPriceContainer .itemPrice {
    margin-left: 10px;
    text-align: right;
    display: inline-block;
}

li.quickBasketItem .itemPriceContainer {
    display: inline-block;
    float: right;
    padding: 7px 10px 5px;
    text-align: right;
    width: 120px;
}
*/

/*****************************************

    GLOBAL MENU OVERLAYS

****************************************/

.overlayGlassFullScreen,
.overlayNav,
.basketOverlayNav,
.darkOverlayOuter,
.darkOverlayInner,
.darkOverlayElementInner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3016;
}

.overlayNav,
.basketOverlayNav {
    background: url(//marketplace.probrand.co.uk/cds/image?n=1px-white-40pc&v=20180427130934) repeat scroll 0 0 transparent;
    display: none;
    z-index: 2999;
}

.darkOverlayOuter,
.darkOverlayInner,
.darkOverlayElementInner {
    background: url(//marketplace.probrand.co.uk/cds/image?n=background-overlay11&v=20180427131646) repeat scroll 0 0 transparent;
    z-index: 3;
    display: none;
}

.darkOverlayInner {
    z-index: 35004;
}

.darkOverlayElementInner {
    display: none;
    z-index: 35006;
}

/*.basketOverlayNav {
    background: url("/stylesheets/images/headerImages/1px-dark-crosshatch-bg.png") repeat scroll 0 0 transparent;
}*/

.turnOff {
    display: none !important;
}

.turnOn {
    display: block !important;
}


/******************************************************

    ITX FEATURED MANUFACTURERS

*******************************************************/

.mainContent {
    float: left;
    width: 1065px;
    margin-top: 16px;
    border: 1px solid #DEDEDE;
}

.cloudContainer {
    background-color: #fff;
    border: 1px solid #DEDEDE;
    margin-top: 15px;
}

.mainContent .formLabel {
    background-color: #F7F7F0;
    display: block;
}

.mainContent .formLabel p {
    font-size: 18px;
    padding: 15px;
    margin: 0;
}

.offerFeature {
    float: left;
    background-color: #000;
    width: 522px;
    margin-left: 1px;
}

.offerFeature.right {
    margin-left: 19px;
}


/*** Clears ***/

.clear {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.clearfix:after {
    visibility: hidden;
    /*  display: block;*/
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.padding {
    padding: 15px;
}

.paddingBottom {
    padding-bottom: 15px;
}

.paddingTopBottom {
    padding: 15px 0px;
}

.paddingRight {
    padding: 0px 15px 0px 0px;
}

.noPadding {
    padding: 0px;
}

.margin {
    margin: 15px;
}

.marginTop {
    margin-top: 15px;
}

.marginBottom {
    margin-top: 15px;
}

.marginTopRight {
    margin: 15px 15px 0px 0px;
}

.marginRight {
    margin: 0px 15px 0px 0px;
}

.containerWrap {
    /*background: #fff;
    border: 1px solid #dedede;*/
}

.containerWrap.onGreyBackground {
    background: none;
    border-color: #EBEBE3;
}

.vendorLogo {
    float: left;
    width: 12.4%;
    padding: 10px 0px;
}


.borderBottomNone {
    border-bottom: none;
}

div#pageLeft {
    border: 1px solid #dedede;
    margin-top: 15px;
    float: left;
}

div#rightBar {
    float: right;
    width: 298px;
    border: 1px solid #dedede;
}


/*** Adverts ***/

.sideAdvert {
    position: absolute;
    top: 0px;
    display: none !important;
}

.advertBlock {
    height: 250px;
    width: 300px;
    background: #bbbbbb;
}


/************************************

    CUSTOM STYLES FOR FOUNDATION TABS

************************************/

.tabs.mp-tabs {
	border-top: 1px solid #EAECED;
	border-bottom: 0;
	border-left: 1px solid #EAECED;
	border-right: 1px solid #EAECED;
}

.tabs-content.mp-feature-tabs-content .card {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.tabs-content.mp-feature-tabs-content .card.fullRow {
    width: 30%;
    float: left;

    margin-right: 3%;
}

.tabs-content.mp-feature-tabs-content .card.fullColumn {
    width: 100%;
    float: left;
    margin-right: 2%;
}

.mp-tabs-heading-container {
    margin-bottom: 0;
    border-bottom: 1px solid #757575;
}

.mp-tabs-heading-container .mp-tabs-heading {
    margin-bottom: 10px;
}

.tabs.mp-tabs.tabs-bg {
    background-color: #EAECED;
}

.tabs.mp-tabs a {
    color: #5c6464;
}

.tabs.mp-tabs.tabs-title:hover {}

.tabs-title>a:hover {
    background-color: #12ccb5;
    color: #fff;
    text-decoration: none;
}

.tabs-title.is-active>a {
    background-color: #fff;
    color: #2c9285;
    font-weight: 600;
}

.compact-tabs .tabs-title a {
    padding: 12px 10px;
}

.compact-tabs .tabs-title.is-active a {
    padding-top: 9px;
    padding-bottom: 12px;
}


/************************************

    SEARCH ENTITY TOOL TIP DEFAULT

************************************/

.searchEntityToolTip {
    background: url(//marketplace.probrand.co.uk/cds/image?n=background-overlay13&v=20180427131646) repeat scroll 0 0 transparent;
    width: 300px;
    height: 200px;
    border: 1px solid #005ea5;
    position: absolute;
    border-radius: 3px;
    display: none;
    z-index: 35004;
}

.searchEntityToolTip .innerToolTipContent {
    padding: 15px;
}

.searchEntityToolTip .toolTipPointer {}


/******************************************************

    USER EXTENDED OPTIONS BAR

*******************************************************/
/*
#proxytarget {
    
}

#userExtendedOptionsBar {
    height: 54px;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 4001;
    position: fixed;
    width: 100%;
    top: 0;
}

#userExtendedOptionsBar .bottomEdge {
    border-bottom: 1px solid #25A4F1;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#userExtendedOptionsBar .userExtendedOptionsFilter {
    background: url("/stylesheets/images/headerImages/1px-white-fade-2.png") repeat-x scroll 0 170% #5C6571;
    border-bottom: 1px solid #FFFFFF;
    border-top: 0px solid #495461;
    left: 0;
    padding-bottom: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200;
}

#userExtendedOptionsBar .userExtendedOptionsFilter .filterStack {
    display: none;
    height: 50px;
    margin: 0 auto;
    position: relative;
    background-color: #495461;
    padding-bottom: 5px;
    padding-top: 5px;
}

#userExtendedOptionsBar .userExtendedOptionsBarInner {
    background: url("/stylesheets/images/searchElements/background-overlay13.png");
    width: 100%;
    border-bottom: 1px solid #42A0D9;
    margin-top: 54px;
    position: absolute;
    left: 0;
    top: 0;
}

#userExtendedOptionsBar .userExtendedOptionsBarInner {
    display: none;
}

#userExtendedOptionsBar .userExtendedOptionsBarInner .optionsContent {
    background: url("/stylesheets/images/searchElements/background-overlay13.png");
    position: relative;
    padding-top: 60px;
    padding-bottom: 10px;
}

.contentBg {}
*/

#userExtendedOptionsBar .menuTrigger,
headerTopRailOuter {
    height: 54px;
    background: #005ea5;
    cursor: pointer;
    width: 100%;
    float: left;
    position: relative;
    z-index: 4002;
}

#userExtendedOptionsBar .menuTrigger:hover {
    background-position: 0 bottom;
}

#userExtendedOptionsBar .menuTrigger:hover .bottomEdge {
    border-bottom: 1px solid #3095D2;
}

#userExtendedOptionsBar .menuTrigger .menuHeading {
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
}

.expandOn .userExtendedOptionsFilter,
.expandOn .userExtendedOptionsBarInner .optionsContent {
    box-shadow: 0 0 10px #ECECE4;
    border-bottom: 1px solid #42A0D9;
}

.optionStack {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /*height:200px;*/
}

.sectionHeading {
    border-top: 1px solid #555;
}


.sectionCompanyHeadingOuter {
    background-color: #495461;
    border-bottom: 1px solid #67707c;
    padding-bottom: 10px;
    padding-top: 5px;
}

.sectionHeading,
.sectionCompanyHeading {
    text-align: center;
    width: 100%;
}

.sectionCompanyHeading {
    text-align: left;
    overflow: hidden;
}

.sectionHeading span {
    color: #efefef;
    display: none;
    font-size: 13px;
    padding: 10px;
}

.sectionCompanyHeading span.companyName {
    color: #f0d729;
    display: block;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 25px 10px 20px;
    position: relative;
}
/*
ul.selectionCompanies {
    list-style: none;
    padding: 10px 0 0;
    margin: 0 auto;
    overflow: hidden;
}

ul.selectionCompanies li {
    background-color: #6e7783;
    margin: 0;
    float: left;
    border: 1px solid #45a2da;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 4px;
    overflow: hidden;
    cursor: pointer;
    width: 150px;
}

ul.selectionCompanies li.selected {
    background-color: #475B72;
    border-color: #f0d729;
}

ul.selectionCompanies li.selected .contactCountContainer {
    background-color: #475B72;
}

ul.selectionCompanies li a {
    color: #fff;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0 0;
    position: relative;
    width: 100%;
}

ul.selectionCompanies li span.contactCount {
    font-size: 13px;
    padding-right: 5px;
    color: #f0d729;
}

ul.selectionCompanies li:hover {
    border-color: #f0d729;
}

ul.selectionCompanies li.on a,
ul.selectionCompanies li.on {
    background-color: #45A2DA;
    color: #fff;
}

ul.selectionCompanies .contactName {
    padding: 0 10px;
    display: block;
    min-height: 38px;
}

ul.selectionCompanies .contactCountContainer {
    background-color: #767f8b;
    border-top: 1px solid #87909c;
    margin-top: 5px;
    padding: 5px 10px;
    width: 100%;
}

ul.selectionCompanies li.on a .contactCount {
    color: #fff !important;
    border-color: #fff;
}

ul.selectionCompanies li.on:hover a .contactCount {
    color: #fff !important;
    border-color: #fff;
}

ul.selectionCompanies li:hover span.contactCount {
    
    border-color: #45A2DA;
}

.sectionCompanyHeadingOuter .itx_proxyButton {
    background-color: #6e7783;
    border: 1px solid #45a2da;
    border-radius: 3px;
    color: #fff;
    float: left;
    margin: 10px 5px 5px;
    padding: 6px 15px 7px;
    min-width: 118px;

}

.sectionCompanyHeadingOuter .itx_proxyButton:hover {
    background-color: #475B72;
}

#proxyContactsTarget {}

#proxyContactsTarget ul.selectionCompanies li a {
    padding: 10px;
}

#proxyContactsTarget ul.selectionCompanies {
    border-top: 1px dotted #ccc;
}

.liveFilterContainer {
    margin: 0 auto;
    padding: 5px;
    width: 50%;
    position: relative;
}

.liveFilterContainer .filterInput {
    padding: 10px;
    width: 100%;
    border: 1px solid #747171;
    border: 2px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 0 10px 5px #525b67;
    color: #8C8C8C;
    font-style: italic;
    text-align: center;
}

.liveFilterContainer .clearField,
.clearCompany,
.cancelSettings,
.quickViewClose {
    background: url("/stylesheets/images/searchElements/close-x-icon-20px.png") no-repeat scroll 0 -40px #FFFFFF;
    border: 1px solid #005ea5;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: none;

    height: 20px;
    position: absolute;
    right: -8px;
    top: 13px;
    width: 20px;
    z-index: 3502;
}

.clearCompany,
.cancelSettings {
    display: block;
}

.cancelSettings {
    background: #C97272;
    border-color: #C97272;
    color: #FFFFFF !important;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 5px 5px;
    padding: 6px 30px 6px 10px;
    position: relative;
    right: 0;
    top: 0;
    width: auto;
}

.sectionCompanyHeadingOuter .cancelSettings {
    border: 1px solid #fff;
}

.cancelSettings span {
    background: url("/stylesheets/images/searchElements/close-x-icon-20px.png") no-repeat scroll center center;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 20px;
    z-index: 3502;
}

.cancelSettings:hover {
    color: #fff;
    background-color: #DB8484;
}

.liveFilterContainer .clearField:hover,
.clearCompany:hover,
.quickViewClose:hover {
    background-color: #3095D2;
    background-position: 0 -20px;
    border: 1px solid #3095D2;
}
*/
.noResults {
    width: 100%;
    text-align: left;
    text-align: center;
    padding: 20px 0;
    overflow: hidden;
    float: left;
}

.searchNoResultsPrimary {
    font-size: 42px;
    font-weight: 300;
    color: #ef5c5c;
    padding: 20px 20px 35px;
}

.searchNoResultsPrimary p {
    margin: 0;
}

.searchNoResultsMessage {
    font-size: 15px;
    padding: 0 20px 10px;
}

.searchNoResultsMessage p:first-child {
    margin-top: 0;
}

.searchNoResultsMessage p.dontPanic {
    font-weight: 700;
    margin-top: 20px;
}

.searchSmallInfo {
    font-size: 13px;
    color: #8D8D8B;
}

.categorySelectorContainer {
    padding-bottom: 20px;
}

.productCategoryNoResults {
    padding: 20px 20px 35px;
}


/******************************************************

    ITX INITIAL PAGE LAYOUTS

*******************************************************/

#wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#header {
    width: 100%;
    height: 117px !important;
}

#bodyWrapper {
    padding: 0;
    margin-bottom: 10px;
    height: auto;
    width: 100%;
    float: left;
}

#mainContainer {
    min-height: 700px;
    padding-top: 35px;
    /*margin: 0px auto;
    position: relative;
    z-index: 4;*/
}

.contentWidth {
    margin: 0px auto;
    position: relative;
}

#whiteContainer {
    background: #FFF none repeat scroll 0px 0px;
    border: 1px solid #DEDEDE;
    color: #444;
    margin-bottom: 10px;
    padding: 20px;
}

#sidebarContainer {
    width: 300px;
    float: left;
}

#sidebarContainer .innerMargin {
    margin: 15px;
}

#contentContainer {
    float: inherit;
}

#content {
    clear: both;
	min-height:400px !important;
	padding: 20px;
}

div#pageLeft {
    border: 1px solid #dedede;
    margin-top: 15px;
    float: left;
}

div#rightBar {
    float: right;
    width: 298px;
    border: 1px solid #dedede;
}

.left #sidebarContainer {
    width: 300px;
    width: 230px;
    width: 240px;
    float: left;
}

.left #contentContainer {
    margin-right: 0px;
    margin-left: 315px;
    margin-left: 280px;
}

.fullLeft #sideBarContainer {
    float: left;
    width: 300px;
}

.fullLeft #contentContainer {
    margin-left: 315px;
    float: none;
}

.right #sidebarContainer {
    width: 300px;
    float: right;
}

.right #contentContainer {
    float: inherit;
    margin-left: 0px;
    margin-right: 345px;
}

.avoidRightColumn {
    margin-right: 315px;
}

.rightsidePromoBlock {
    margin-top: 15px;
}

.featuredSection #contentContainer {
    margin-right: 0px;
    margin-left: 315px;
    background: #fff;
}

.featuredSection #sidebarContainer {}

.featuredSection .resultsContainerMain {
    padding-right: 12px;
}


/*** BreadCrumb Trail ***/

.contentBreadcrumbTrail {
    clear: both;
    margin: 12px 0px 12px 15px;
    font-size: 13px;
}

.contentBreadcrumbTrail a {
    color: #005ea5;
    font-size: 16px;
}

.contentBreadcrumbTrail span.SectionTitleText a.SectionTitleText {
    color: #005ea5 !important;
}


/*.panelCatalogueProductSearch {
    padding-top: 30px;
}*/


/******************************************************

    SIDE BAR NAV

*******************************************************/
/*
#sideNavOuter {
    border-top: 9px solid #dee0e2;
    background: #FFFFFF;
}

#sideNav {}

#sideNav h3 {

    font-size: 18px;
    color: #444444;
    border-bottom: 1px solid #dedede;
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 5px 0px;
}

#clearAttributes {
    padding: 0px;
    margin: 0px 0px 15px 0px;
    font-size: 11px;
    text-align: right;
}

#clearAttributes a {
    color: #007cff;
}

#sideNav h4 {
    font-size: 15px;
    font-weight: bold;
    color: #444444;
    border-bottom: 1px solid #dedede;
    padding: 7px 0px 7px 0px;
    margin: 0px 0px 5px 0px;
}

.accordionContainer div.padding {
    padding-top: 0;
    padding-left: 0px;
    padding-right: 0;
}

.productSearchDefault #leftNav .accordionContainer div.padding {
    padding-left: 5px;
}

.categoryOptionsk {
    border-top: 6px solid #005ea5;
}

.extendedOptions .categoryOptions {
    border-top: 0px solid #005ea5;
}

#leftNav {
    padding-top: 5px;
}

.productSearchDefault #leftNav {

}

#leftNav ul {
    margin-top: 0;
}

#leftNav ul li {
    border-bottom: 0px dotted #EBEBE3;
    font-size: 11px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    border-left: 2px solid #FFFFFF;
}

#leftNav ul li a {
    display: block;
    padding-right: 7px;
}

#leftNav li.leftMenuItem,
#leftNav li.leftMenuItemHighlight {
    border-bottom: 0 dotted #EBEBE3;
    float: left;
    font-size: 11px;
    overflow: hidden;
    padding: 1px 0 !important;
    margin-bottom: 4px;
    width: 100%;
    border-right: 2px solid #fff;
    border-left: 5px solid #FFFFFF;
    position: relative;
}

#leftNav li:hover,
#leftNav li.leftMenuItemHighlight {

    background: #EDF6FC;
}
*/

/* HOVER STATE FOR SELECTED */

/*

#leftNav li.leftMenuItemHighlight:hover {
    background: #F8F8F7;
}

#leftNav li.leftMenuItemHighlight:hover span.elementCount {
    background: #E79090;
}

#leftNav li.leftMenuItemHighlight:hover a {
    color: #C97272;
    overflow: hidden;
    position: relative;
}

#leftNav li.leftMenuItemHighlight:hover span.leftMenuItemCancel {
    background: url("/stylesheets/images/searchElements/close-symbol-ui.png") no-repeat scroll 4px center #E79090;
    display: block;
    float: right;
    height: 100%;
    margin-right: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}

#leftNav li.leftMenuItemHighlight span.leftMenuItemCancel {
    background: url("/stylesheets/images/searchElements/selected-symbol2-ui.png") no-repeat scroll 4px center #005ea5;
    background: #005ea5;
    background: #EDF6FC;
    display: block;
    float: right;
    height: 100%;
    margin-right: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

.productSearchDefault #leftNav li:hover {

}

#leftNav li.leftMenuItem:hover span.elementCount,
#leftNav li.leftMenuItemHighlight span.elementCount {
    background: none repeat scroll 0 0 #005ea5;
    color: #fff;
}

#leftNav li.leftMenuItemHighlight span.elementCount {
    margin-left: 0;
    margin-right: 10px;
}

#leftNav li.leftMenuItem a {
    margin-right: 10px;
    overflow: hidden;
}

#leftNav li a:hover {
    text-decoration: none;
}
*/

/******************************************************

    SIDE BAR NAV / PARAMETRIC CATEGORIES

*******************************************************/

.parametricAttributes {
    float: left;
    width: 18%;
    border-radius: 3px;
    box-shadow: -2px 3px 3px #e7e7e7;
    margin: 5px;
}

.parametricGroup {
    padding: 5px;
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #dee0e2;
}


.filters {
    background: none repeat scroll 0 0 #fff;
    padding: 5px 5px 15px;
}

.filters .parametricHeader {}

.filters .parametricItem {
    padding: 0;
}

.filters .parametricItem .leftMenuItem {
    width: 100%;
}

.filters .parametricItem .leftMenuItem a.removeLink {
    display: block;
    padding: 3px 25px 3px 5px;
    border: 1px solid #fff;
}

.filters .parametricItem .leftMenuItem a.removeLink:hover {
    background-color: #f8f8f7;
    /*background: url("/stylesheets/images/searchElements/close-symbol2-ui.png") no-repeat scroll 98% center #fff;*/
    border: 1px solid #e79090;
    color: #c97272;
    border-radius: 3px;
}


.extraItems {
    color: #005ea5;
    cursor: pointer;
    font-weight: 600;
    padding: 5px;
    text-align: right;
    display: block;
    width: 100%;
}

.extraItems:hover {
    color: #2b8cc4;
    text-decoration: underline;
}

.hidden {
    display: none;
}

.parametricHeader {
    display: block;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.parametricGroupName {
    display: block;
    padding-bottom: 5px;
    padding-left: 20px;
    position: relative;
}

.parametricItem {
    border-left: 2px solid #fff;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    font-size: 80%;
}

.parametricItem .leftMenuItem {
    position: relative;
}

.parametricItem .parametricLink {
    display: block;
}

.parametricItem button {
    padding: 5px 40px 5px 2px;
    color: #005ea5;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.parametricItem .parametricLink .paramtetricValue {
    display: block;
    padding: 3px 40px 3px 5px;
    border-left: 2px solid #fff;
}

.parametricItem .parametricLink:hover {
    background-color: #edf6fc;
}

.parametricItem .parametricLink:hover .paramtetricValue {}

.parametricItem .parametricLink:hover .elementCount {
    background-color: #005ea5;
    color: #fff;
}

.expand .collapseIcon,
.collapse .collapseIcon {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.expand .collapseIcon {
    background: url(//marketplace.probrand.co.uk/cds/image?n=menu-icon-extend&v=20180427131821);
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.collapse .collapseIcon {
    background: url(//marketplace.probrand.co.uk/cds/image?n=menu-icon-extend&v=20180427131821);
    background-repeat: no-repeat;
    background-position: 0 -20px;
}

.collapsed {
    display: none;
}

span.elementCount {
    background: none repeat scroll 0 0 #F4F4F1;
    color: #8D8D8B;
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    padding: 3px 3px;
    text-align: center;
    width: 38px;
    top: 1px;
}

span.itemText {
    float: left;
    margin-bottom: 2px;
    width: 165px;
}


/********* PRODUCT FILTER LINKS *********/

.linkWithCheckBox:hover {
    background-color: #edf6fc;
    padding-bottom: 0;
}

.linkWithCheckBox label {
    color: #005ea5;
    line-height: normal;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    width: calc(100% - 30px);
}

.linkWithCheckBox.hideCheckbox label {
    width: 100%;
    padding-right: 40px;
}

.linkWithCheckBox:hover .elementCount {
    background-color: #005ea5;
    color: #fff;
}

.linkWithCheckBox [type="checkbox"] {
    margin: 0;
    margin-top: 3px;
    display: inline;
    float: left;
    width: 30px;
    font-size: 80%;
}

.linkWithCheckBox .elementCount {
    font-size: 12px
}


/******************************************************

    ITX COMBINED PERCENTAGE BASED PAGE LAYOUTS

*******************************************************/


/*.headerMainInner.contentWidth,
.contentWidth,
.headerTopRailOuter .headerTopRailInner,
#mainContainer {
    margin: 0 auto;
     max-width: 1382px;
    min-width: 320px;
    width: 90%;
    -webkit-transition: width 0s;
    transition: width 0s;
}*/


/************************************

    GENERIC FRAMEWORK PRICING STYLE

************************************/

.frameworkGridView {
    border-width: 0px;

}

.frameworkGridView tr {}

.frameworkGridView tr th {
    text-align: right;
}

.frameworkGridView tr th.frameworkName {
    text-align: left;
    padding-left: 10px;
}

.frameworkGridView tr td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.frameworkGridView tr td.bestPrice {
    width: 110px;
}

.frameworkGridView tr td.frameworkName {
    text-align: left;
    padding-left: 10px;
}

.frameworkGridView tr td.stockLevel {
    text-align: right;
    width: 80px;
    font-weight: normal;
}

.frameworkGridView tr.highlight td.stockLevel {
    font-weight: 700;
}

.frameworkGridView tr td.priceValue {
    text-align: right;
    width: 80px;
}

.frameworkGridView tr td.priceValue {
    color: #316f2b;
}


/* Best Price Highlight states */


/*.frameworkGridView tr td.highlight*/

.frameworkGridView tr.highlight {
    background: none repeat scroll 0 0 #fccb7e;
    color: #000000;
}

.frameworkGridView tr td.bestPriceIndicator {
    /*background: url("/stylesheets/images/bestPriceArrow.png") no-repeat scroll 0px center white;*/
}

.frameworkGridView tr td.highlightFramework {
    /*  border-left: 5px solid #6ECEE5;
    padding-left: 8px;*/
}

.rowViewContentHeader {
    padding-left: 4px;
    font-weight: bold;
}

.rowViewContent {
    padding: 4px 10px 20px 20px;
}

.deliveryOption input {
    margin-right: 4px;
}

.signInButton {
    background: none repeat scroll 0 0 #005ea5;
}

.basketConfirmation {
    padding: 10px;
}

.poReferenceText {
    font-size: 18px;
    color: green;
    clear: both;
}

.poReferenceIntput {
    width: 400px;
    height: 30px;
    border: 1px solid silver;
    font-size: 18px;
    clear: both;
    text-transform: uppercase;
}

#tabLinks {
    display: none;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 400;
    margin: 0px auto;
}

#AdvancedOptionsTab,
#NotesTab {
    display: none;
    /*background: url("/stylesheets/images/searchElements/background-overlay08.png") repeat scroll 0 0 #CECEC6;*/
    border-bottom: 1px solid #FFFFFF;
    border-top: 0px solid #C7C7BF;
    border-top: 0px solid #F4F4F1;
    left: 0;
    margin-top: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200;
}

.deliveryButton {
    width: 250px;
    height: 40px;
    line-height: 20px;
    border: 1px solid #45A2DA;
    border-radius: 3px 3px 3px 3px;
    margin: 4px;
    overflow: hidden;
    cursor: pointer;
}

#TabsHolder {
    /*background: url("/stylesheets/images/searchElements/background-overlay08.png") repeat scroll 0 0 #CECEC6;*/
    border-bottom: 1px solid #FFFFFF;
    border-top: 0px solid #C7C7BF;
    border-top: 0px solid #F4F4F1;
    position: absolute;
    width: 100%;
    z-index: 4000;
    display: none;
}

#companyTab,
#optionsTab,
#notesTab,
#remindersTab {
    display: none;
}

#companyTab,
#optionsTab,
#notesTab {
    text-align: left;
    padding: 20px;
}

.btnSelect {
    margin: 0;
    float: left;
    border: 1px solid #45A2DA;
    border-radius: 3px 3px 3px 3px;
    margin: 4px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
    color: #005ea5;
}

.btnSelect:hover {
    background-color: #F0F9FF;
}

.btnSelect.selected {
    background-color: lightblue;
}

.loadingPanel {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=menu-icon-extend&v=20180427131821);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 5000;
}

.basketOptionAction {
    height: 45px;
}

.basketOptionActionValue {
    color: yellow;
    font-weight: bold;
    padding-left: 10px;
}

#warnings {
    text-align: center;
}

.listViewItemLeft,
.reminder {
    float: left;
    padding: 10px;
    margin: 5px;
    border: 1px solid #45A2DA;
    border-radius: 3px 3px 3px 3px;
}

.minHeight {
    min-height: 350px !important;
}

.reminderItemMain {
    margin: 3px 0px;
}

#newReminder {
    padding: 20px;
}

#existingReminders,
#existingAddress,
#myNotes,
#warningNotes {
    display: none;
}

.timePicker {
    border: 1px solid #45A2DA;
    border-radius: 3px 3px 3px 3px;
    padding: 15px;
    background: white;
}

.btnTimePickerDone {
    border: 1px solid #45A2DA;
    border-radius: 3px 3px 3px 3px;
    padding: 7px;
    background: white;
    width: 50px;
    float: right;
    text-align: center;
    cursor: pointer;
}

.btnTimePickerDone:hover {
    background-color: #F0F9FF;
}

.ui-dialog {
    z-index: 5000 !important;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.ui-widget-overlay {
    z-index: 4000 !important;
}

.errorRequired {
    border: 2px solid #FF6666;
}

#notifications {
    z-index: 5005;
}

#notifications td {
    padding: 5px;
    vertical-align: top;
}

.imgReminder {
    cursor: pointer;
}

.pagingHolder {
    text-align: right;
    font-size: 14px;
    margin: 10px;
}

.pagingHolder span span {
    border: 1px solid #45A2DA;
    padding: 3px;
}

.pagingHolder span a {
    border: 1px solid #45A2DA;
    padding: 3px;
    cursor: pointer;
}

.pagingHolder span a:hover {
    border: 1px solid #45A2DA;
    padding: 3px;
    background-color: #F0F9FF;
}

.pagingHolder .currentpagenumber {
    background-color: lightgray;
}

input.standardPageButton,
a.standardPageButton {
    background-color: #12ccb5;
    padding: 0.4em 0.7em;
    color: #fff !important;
    margin-right: 10px;
    font-size: 19px;
    /*font-family: Arial, Helvetica, sans-serif !important;FONTCHANGE*/
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

input.standardPageButton:hover,
a.standardPageButton:hover {
    background-color: #86ded2;
    color: #fff;
}

input.standardPageButton.basketAction,
a.standardPageButton.basketAction {
    background-color: #7aaa32;
    border-color: #7aaa32;
    color: #fff;
}

input.standardPageButton.basketAction:hover,
a.standardPageButton.basketAction:hover {
    background-color: #8dbd45;
}

input.standardPageButton.yellowButton,
a.standardPageButton.yellowButton {
    background-color: #ffc105;
    border-color: #ffc105;
    color: #363636;
}

input.standardPageButton.yellowButton:hover,
a.standardPageButton.yellowButton:hover {
    background-color: #ffdf38;
}


/******************************************************

    PRODUCTS PAGE/ FRAME WORK DATA STYLES

*******************************************************/

.frameworkPrices {
    margin-bottom: 10px;
}

.frameworkPrices h4 {
    border-bottom: 1px solid #EAEAE2;
    color: #444;
    padding-bottom: 5px;
    padding-top: 10px;
    font-size: 13px;
    margin-bottom: 0;
}

.frameworkPrices h4:first-child {
    padding-top: 0px;
}

.frameworkPrices table {
    color: #444;
    font-size: 11px;
    width: 100%;
    border-top: 1px solid #fff;
    clear: both;
}

.frameworkPrices tr {
    /*border-bottom: 1px solid #FFFFFF;*/
    width: 100%;
}

.frameworkPrices th {
    padding: 10px 10px 10px 0;
}

.frameworkPrices td {
    /*border-bottom: 1px solid #3CA1DE;
     border-bottom: 1px solid #222;*/
    margin-bottom: 10px;
    padding: 0 10px 10px 0;
}

.productDetailContent .frameworkPrices {}

.productDetailContent .frameworkPrices table {
    font-size: 16px;
}

.productDetailContent .frameworkPrices table th {
    padding: 6px 10px 7px;
    border-bottom: 1px solid #E4E4DC;
    font-weight: 600;
}

.productDetailContent .frameworkPrices table td {
    padding: 6px 10px 7px;
    border-bottom: 1px solid #E4E4DC;
}

.productDetailContent .frameworkGridView tr th.bestPrice,
.productDetailContent .frameworkGridView tr td.bestPrice {
    border: none;
}


/************************************

    SEARCH RESULT HEADER

************************************/

.SEHeader {
    color: #4d4d4f;
    font-size: 15px;
    position: relative;
    overflow: hidden;
}

.SEHeader .pageResultContainer {
    padding: 0 15px 13px;
    font-weight: 600;
    font-size: 21px;
}

.SEHeader .pageResultContainer .fullSearchTerm {
    font-weight: bold;
}

.SEHeader .controlOptionsContainer {
    /* latest clean version */
    background: none repeat scroll 0 0 #FAFAFA;
    background: none repeat scroll 0 0 #F5F5F3;
    border-bottom: 1px solid #EBEBE3;
    clear: right;
    float: left;
    font-size: 13px;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
    width: 100%;
}


/************************************

    SEARCH RESULT HEADER / BREADCRUMBS


************************************/

.beadcrumbAndFilters {
    border-bottom: 1px solid #d7d7d4;
    padding-bottom: 10px;
}
.breadcrumbMarginBottom
{
	margin-bottom:16px;
}

.parametricPageResults {
    font-size: 15px;
}

.SEHeader .breadcrumbContainer {
    display: inline-block;
    float: left;
    
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb {
    /* padding-left: 10px;*/
    margin: 0 0 10px;
    /*display:inline-block;*/
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li {
    float: left;
    font-size: 13px;
    list-style: none outside none;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    border-radius: 3px 3px 3px 3px;
    background: #fff;
    position: relative;
}


/* warning: some crude layering coming up */

.SEHeader .breadcrumbContainer .parametricBreadcrumb li:first-child {
    z-index: 10;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li {
    z-index: 9;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li+li {
    z-index: 8;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li+li+li {
    z-index: 7;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li+li+li+li {
    z-index: 6;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li+li+li+li+li {
    z-index: 5;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li+li+li+li+li+li {
    z-index: 4;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li+li+li+li+li+li+li {
    z-index: 3;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li+li+li+li+li+li+li+li+li {
    z-index: 2;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li:after,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li:before,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li a:after,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li a:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li:after {
    border-color: rgba(0, 0, 0, 0);
    border-width: 8px;
    margin-top: -8px;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #d0d0c8;
    border-width: 12px;
    margin-top: -12px;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li a:after {
    border-color: rgba(0, 0, 0, 0);
    border-width: 8px;
    margin-top: -8px;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li a:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #fff;
    border-width: 11px;
    margin-top: -11px;
}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li:first-child {}

.SEHeader .breadcrumbContainer .parametricBreadcrumb li a,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li span {
    padding: 6px 12px 6px 16px;
    display: block;
    color: #4d4d4f;
    text-decoration: none;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li:first-child a,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li:first-child span {
    padding-left: 10px;
}


.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbDisabled,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbDisabled a,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbDisabled a:hover {
    background-color: #d0d0c8;
    cursor: default;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbDisabled a:before {
    border-left-color: #d0d0c8;
}


.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSelected {
    background-color: #4d4d4f;
    margin-right: 16px;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSelected a {
    color: #fff !important;
    cursor: default;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSelected a:before {
    border-left-color: #4d4d4f;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li:not(.parametricBreadcrumbSelected) a:hover {
    color: #347fdc;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSelected a:hover {
    color: #fff;
}


.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute {
    margin-right: 4px;
    background-color: #005ea5;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute:before,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute:after,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute a:before {
    display: none;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute a:after {
    content: "\f00d";
    font-family: FontAwesome;
    position: static;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute a {
    color: #fff;
    padding-left: 12px;
    padding-right: 4px;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute:hover {
    background-color: #347fdc;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbAttribute a:hover {
    color: #fff;
}


.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm {
    margin-right: 4px;
    background-color: #2c9285;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm:before,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm:after,
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm a:before {
    display: none;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm a:after {
    content: "\f00d";
    font-family: FontAwesome;
    position: static;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm a {
    color: #fff;
    padding-left: 12px;
    padding-right: 4px;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm:hover {
    background-color: #2c9285;
	color:#fff !important;
}
.SEHeader .breadcrumbContainer .parametricBreadcrumb li.parametricBreadcrumbSearchTerm a:hover {
    color: #fff !important;
}



.SEHeader .parametricOptions {
    padding-left: 0;
}


/* the following isn't used */
/*
.mp-selected-parametric-filters {
    margin-top: 10px;
    font-size: 11px;
}
.mp-selected-parametric-filters ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem,
.mp-selected-parametric-filters ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem:hover {
    border: none;
    border-radius: 0;
    margin-right: 5px;
}
.mp-selected-parametric-filters ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem a.selected-parametric-filter {
    margin-bottom: 0;
    padding: 4px 12px 5px 12px;
    background-color: #2c0a49;
    color: #fff;
    border: 1px solid #d0d0c8;
}
.mp-selected-parametric-filters ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem a.selected-parametric-filter .fa {
    margin-left: 10px;
}
.mp-selected-parametric-filters ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem a.selected-parametric-filter:hover {
    margin-bottom: 0;
    background-color: #63239c;
    border: 1px solid #d0d0c8;
}
*/
.selected-parametric-filter a:hover {
	background-color: #86ded2;
}

/************************************

    SEARCH RESULT HEADER / SELECTED FILTER GROUP OPTIONS

************************************/

.SEHeader .selectedFilters {

    display: inline-block;
    float: left;
}

div.selectedFilterGroup {
    float: left;
    padding-right: 4px;
}

.SEHeader div.filterGroupOptions {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 2px solid #FFFFFF;
    padding-top: 25px;
    padding-top: 10px;
    background: none repeat scroll 0 0 #FAFAFA;
    border-top: 2px solid #FFFFFF;
    padding-top: 0;
}

div.categoryBreakLine {
    /*border-left: 1px solid #EBEBE3;
    border-right: 2px solid #FFFFFF;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;*/
}

span.selectedFilterGroupName {
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
    display: block;
    font-size: 11px;
    left: -5px;
    margin-bottom: 3px;
}

ul.selectedFilterGroupItemContainer {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem {
    padding: 0;
    margin: 0;
    background: none repeat scroll 0 0 #EDF6FC;
    float: left;
    font-size: 11px;
    margin-bottom: 0px;
    border-left: 2px solid #fff;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #d0d0c8;
    border-radius: 3px 3px 3px 3px;
    float: left;
    font-size: 11px;
    overflow: hidden;
    position: relative;
}

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem a {
    display: block;
    text-decoration: none;
    color: #444444;
    padding: 4px 25px 5px 10px;
    text-decoration: none;
}

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem a span.elementCount {

    background: none repeat scroll 0 0 #005ea5;
    color: #fff;
    display: block;
    float: left;
    margin-right: 6px;
    padding: 1px 4px;
    text-align: center;
    width: 25px;
    display: none;
}

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem a span.leftMenuItemCancel {
    background: #4d4d4f;
    display: block;
    float: right;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}


/*Hover States */

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem:hover {
    background: #F8F8F7;
    background: #fff;
    border: 1px solid #C97272;
}

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem:hover a {
    color: #C97272;
}

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem:hover a span.elementCount {
    background: #E79090;
}

ul.selectedFilterGroupItemContainer li.selectedFilterGroupItem:hover a span.leftMenuItemCancel {
    /*background: url("/stylesheets/images/searchElements/close-symbol-ui.png") no-repeat scroll 4px center #E79090;*/
    display: block;
    float: right;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}


/************************************

    SEARCH PAGER AND RESULT OPTIONS

************************************/

.pageAndResultOptionsOuter {
    border-top: 1px solid #fff;
    overflow: hidden;
    padding-top: 13px;
}

.pageAndResultOptions {
    float: right;
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
}

.pageAndResultOptions td {
    padding: 0;
    margin: 0;
}

.pageAndResultOptions select {
    font-size: 11px;
    font-family: seoge ui, Arial, helvetica, sans-serif;
    color: #4D4D4F;
    border: 1px solid #D0D0C8;
    border-radius: 3px;
    padding: 4px 7px 5px 3px;
}

.pageAndResultOptions .inStockOption {
    position: relative;
}

.pageAndResultOptions .inStockOption input {
    /*position: absolute;
    top: 4px;*/
}

.pageAndResultOptions .inStockOption label {
    /*margin-left: 22px;
    margin-top: 6px;
    margin-right: 15px;
    display: inline-block;*/
}

.pageAndResultOptions .itemsPerPageOption {
    position: relative;
    padding-right: 68px;
}

.pageAndResultOptions .itemsPerPageOption label {
    margin-top: 0px;
    margin-right: 6px;
    display: inline-block;
}

.pageAndResultOptions .itemsPerPageOption select {
    top: 0;
    right: 0;
    position: absolute;
}


/* this fixes overrides */

.pageAndResultOptions .itemsPerPageOption select {
    width: 50px;
    height: 1.77rem;
    background-position: 35px;
    padding: 0;
}

.pageAndResultOptions .orderByOption select {
    height: 1.77rem;
    background-position: 94px;
    padding: 0;
}

.pageAndResultOptions .orderByOption {
    margin-right: 5px;
}

.pageAndResultOptions .orderByOption select,
.pageAndResultOptions .itemsPerPageOption select {
    /* margin-right: 9px;*/
    margin-right: 15px;
}

.pageAndResultOptions .inStockOption,
.pageAndResultOptions .orderByOption,
.pageAndResultOptions .itemsPerPageOption,
.pageAndResultOptions .numberedPagerOption {
    float: left;
    margin-bottom: 10px;
}

.pageAndResultOptions a.page {
    border: 1px solid #d0d0c8;
    border-left-width: 0;
    padding: 4px 7px 5px;
    margin: 0;
    background-color: #fff;
    display: block;
    float: left;
    min-width: 8px;
    text-align: center;
    color: #4D4D4F;
}

.pageAndResultOptions a.page:first-child {
    border-left-width: 1px;
    border-radius: 3px 0px 0px 3px;
}

.pageAndResultOptions a.page:nth-last-of-type(1) {
    border-radius: 0px 3px 3px 0px;
}

.pageAndResultOptions a.page:hover {
    color: #347fdc;
    background-color: #EBEBE3;
}

.pageAndResultOptions a.page.selectedPage {
    background-color: #4D4D4F;
    color: #fff;
}


/*****************************************

     PRODUCT PAGE 

****************************************/

.productPage {}

.extendedSpecsHeaderRow {
    color: #444;
    font-size: 15px;
    font-weight: 700;
}

.extendedSpecsHeaderRow td {
    padding-top: 40px;
    padding-bottom: 6px;
    border-bottom: 1px solid #EBEBE3;
}

.extendedSpecsRow td {
    border-bottom: 1px solid #EBEBE3;
}

.extendedSpecsHeaderRow:first-child td {
    padding-top: 0px;
}

.priceContainer .salePrice span,
.priceContainer .standardPrice span {
    font-size: 24px;
    font-weight: 600;
}

.quickViewButtonContainer a.basketButton {
    float: left;
    margin-bottom: 10px;
}

.productPage .itemName {
    color: #444444;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.itemSKU {
    color: #000;
    display: inline-block;
}

.itemManufactureName {
    margin-right: 15px;
    color: #909088;
    display: inline-block;
}

.itemSummary {
    margin-top: 15px;
}

.itemKeyFeatures {
    margin-top: 25px;
}

.restrictContentWidth {
    max-width: 780px;
}

.mp-productFeatures li {
    margin-bottom: 8px;
}

table.supplierPricesTable {
    margin-top: 12px;
    margin-bottom: 20px;
}

table.supplierPricesTable tbody td:first-child,
table.supplierPricesTable tbody th:first-child {
    padding-left: 0;
}


/* Accordion Styles Start */

.accordionContent {
    position: relative;
    text-align: left;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px dotted #EBEBE3;
}

.accordionLink {
    font-size: inherit;
    color: #444;
    font-weight: inherit;
    cursor: pointer;
    padding-left: 6px;
    padding-bottom: 4px;
    padding-top: 4px;
    overflow: hidden;
    position: static;
    display: block;
}

.accordionLink:hover {
    background: #EDF6FC;
}

.accordionLink:hover span {
    color: #005ea5;
}


/*******************************/


/* ACCORDION CATEGORY TEXT */


/*******************************/

.accordionText {
    float: left;
    width: 190px;
    background: none;
}

.accordionIcon {
    padding-left: 23px;
    background: url(//marketplace.probrand.co.uk/cds/image?n=menu-icon-extend&v=20180427131821) no-repeat 0 2px;
    overflow: hidden;
    height: 22px;
    float: left;
}

.closedAccordion {
    
}

.closedAccordion span {
    background-position: 0 2px;
}

.openAccordion {
    
}

.openAccordion span {
    background-position: 0 -20px;
}

.openAccordion:hover .accordionIcon {
    background-position: 0 -40px;
}

.openAccordion .accordionIcon {
    background-position: 0 -20px;
}

.accordionContainer {
    overflow: hidden;
    border-bottom: 0px;
    padding-bottom: 0;
}

.accordionContainer p {
    padding: 0px;
    list-style-type: none;
}

.accordionContainer ul {
    list-style-type: none;
    margin-top: 0px;
    padding-left: 10px;
}

.accordionContainer ul li {
    font-size: 12px;
}

.accordionContainer ul li a {
    color: #005ea5;
}

.accordionContainer ul li:hover a {
    /*color:#FFF;*/
}

.accordionContainer ul li.activeAttribute a {
    color: #FFF;
}

.accordionContainer ul li.activeAttribute span {
    text-align: left;
}

.accordionContainer ul li.activeAttribute .removeAttribute {
    padding: 0 5px;
    font-size: 16px;
}

.lastAccordionItem {
    border-bottom: 1px solid #dedede;
}

.accordionBorderedContent {
    border-left: 10px solid #005ea5;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    background: #fff;
}

.accordionBorderedContent .accordionContainer {
    /*margin-top: 4px;*/
    border: none;
}

.accordionBorderedContent .accordionContainer .padding {
    padding: 0;
}

.productPageAccordion {
    border: 0 none;
    /*padding-left: 15px;*/
}

.productPageAccordion .accordionContent {}

.productPageAccordion .accordionLink {
    padding: 0;
    background: url("//marketplace.probrand.co.uk/cds/image?n=dropdown_down&v=20180427131814") no-repeat center right;
}

.productPageAccordion .accordionLink.openAccordion,
.productPageAccordion .accordionLink.closedAccordion {
    border-bottom: none;
    text-decoration: none;
}

.productPageAccordion .accordionContainer.openContainer,
.productPageAccordion .accordionLink {
    border-bottom: 1px solid #bfc1c3;
}

.itemInfoContainer h3 {
    font-size: 19px;
    font-weight: 600;
    /*  border-top: 5px solid #0b0c0c;*/
    /*  padding-top: 15px;*/
    padding-left: 11px;
}

.productPageAccordion .accordionLink:hover {
    /* padding-left: 0;
    background-color: #dee0e2;*/
}

.productPageAccordion .accordionLink:hover h3 {
    /* border-left-color: #005ea5;*/
    /* color: #005ea5; */
}

.productPageAccordion .accordionLink h3 {
    color: #005ea5;
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    padding: 10px 30px 10px 0;
}

.productPageAccordion .openAccordion {
    /*background-position: 11px -31px;*/
    background: url("//marketplace.probrand.co.uk/cds/image?n=dropdown_up&v=20180427131814") no-repeat center right;
}

.productPageAccordion .openAccordion h3 {
    /*border-bottom: 0 none;*/

    /*border-left: 10px solid #3095D2;*/
    /*  color: #0B0C0C;*/
    /*padding-bottom: 10px;*/
}

.productPageAccordion .openAccordion:hover {
    /*  background-position: 11px -73px;*/
}


.productPageAccordion .openAccordion:hover h3 {
    /* color: #005ea5;*/
}

.productDetailContent {
    /*border-left: 10px solid #DEE0E2;*/
    padding: 30px 10px 10px;
}

.productDetailContent ul {
    padding-left: 0;
}


/* look for unclean markup */

.productDetailContent ul>br {
    display: none;
}

.productDetailContent ul li {
    margin-bottom: 30px;
    list-style: none outside none;
    /*background: url("/stylesheets/images/icons/bullets.gif") no-repeat scroll left 4px transparent;*/
    list-style: none outside none;
    padding-bottom: 5px;
    padding-left: 30px;
}

.productDetailContent ul li strong {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
}

.itemInfoContainer ul {
    padding-left: 0;
    margin-top: 10px;
    margin-left: 20px;
}


/* look for unclean markup */

.itemInfoContainer ul>br {
    display: none;
}

.itemInfoContainer ul li {
    /*background: url("/stylesheets/images/icons/bullets.gif") no-repeat scroll left top transparent;*/
    list-style: none outside none;
    padding-bottom: 5px;
    padding-left: 30px;
}

.productPageAccordion .accordionContainer {
    padding-bottom: 0;
}

.productPageAccordion .accordionContainer .productRatingsAccordion {
    border-bottom: 10px solid #FFFFFF;
    border-left: 10px solid #DEEEC4;
    border-top: 10px solid #FFFFFF;
    padding-bottom: 30px;
    padding-left: 45px;
    padding-top: 10px;
}

.contactLink {
    border-top: 1px dashed #EBEBE3;
    padding-top: 10px;
    width: 100%;
}

.imageGalleryContainer {}

.productHeader {
    overflow: hidden;
    background-color: #fff;
}

.productHeader h1,
.productHeader .itemName {
    border: medium none;
    font-size: 23px;
    font-weight: 600;
    /*color: #0b0c0c;*/
    margin: 0;
    padding: 24px 80px 15px 0px;
}

.contentInnerMargin {
    /*margin-left: 30px;
    margin-right: 30px;*/
}

.contentInnerMargin>p:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

.contentInnerMargin.alignContentRight {
    text-align: right;
}

.contentInnerMargin.contentText {
    max-width: 820px;
}

.adjustmentCostPrice,
.adjustmentValue,
.adjustmentMargin {
    float: left;
    margin-right: 20px;
    text-align: right;
}

.adjustmentSellPriceInput,
.adjustmentMarginInput {
    text-align: right;
    width: 100px;
}

#contentContainer>.containerWrap.pageHeaderMessageBlock {
    padding-bottom: 10px;
}

.containerWrap.pageHeaderMessageBlock .productHeader {}

.pageHeaderMessageBlock .containerQuantityChange {
    float: right;
}


/******************************************************

    ITX VENDOR PAGES

*******************************************************/

.vendorLogo {
    border-bottom: 1px solid #dedede;
    text-align: center;
}

.vendorHeader {
    padding-top: 38px;
    color: #222;
    border-bottom: 1px solid #dedede;
}

.vendorHeader h1 {
    font-size: 23px;
    line-height: 1;
    font-weight: 600;
    padding: 19px 80px 22px 0px;
    margin: 0;
}

.vendorHeader img {
    width: 100%;
}


/******************************************************

    EXTENDED SPECIFICATIONS 

*******************************************************/

.extendedSpecsTable th {
    padding: 12px 0 6px;
    border-bottom-color: #12CCB5;
}

.extendedSpecsLabel {
    padding: 5px 0 6px;
    width: 300px;
}

.extendedSpecsData {
    padding: 5px 0 6px 15px;
}


/******************************************************

    CATEGORY SLIDER STYLES

*******************************************************/

.productInnerInfo {
    float: left;
    position: relative;
}

.productImage {
    width: 155px;
    height: 116px;
    position: relative;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 10px;
}

.productImage img {
    height: 100%;
}

.productTitle {
    margin: 0px 0px 5px 0px;
    width: 100%;
    font-size: 13px;
}

.slideWrapper {
    text-align: center;
    /*margin:15px 0px 0px 0px;*/
    position: relative;
}

.slideHeader {
    font-size: 18px;
    color: #444444;
    background: #f7f7f0;
    height: 55px;
}

.slideTitle {
    float: left;
    margin: 14px 0px 0px 20px;
}

.slideTotal {
    float: right;
    margin: 20px 15px 10px 10px;
    font-size: 13px;
}

.slideContainer {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.slideContainerCategories {
    margin: 0px 0px 0px 0px;
    width: 100%;
    background: none;
    overflow: hidden;
    border: none !important;
}


.slideContainerCategories .slideHeader {
    background: none !important;
}

.slideContainer>div {
    text-align: center;
}

.slidingContaner div a img {
    /*    width:100%;*/
}

.slidingContaner {
    clear: both;
    height: auto;
}

.slideRow {
    float: left;
    padding: 0px 30px;
    margin-bottom: 30px;
    height: auto;
}

.slideItem {
    float: left;
    overflow: hidden;
    padding: 15px;
    height: auto;
}

.slideItem:hover {
    /*    background:#ebebe3;*/
}

.slideButton {
    position: absolute;
    background: yellow;
    width: 30px;
    cursor: pointer;
    z-index: 50;
}

.slideLeft {
    /*background: url('images/arrowLeft.png') left center no-repeat;*/
    position: absolute;
    left: 1px;
}

.slideLeft:hover {
    /*background: url('images/arrowLeftHover.png') left center no-repeat;*/
    position: absolute;
    left: 1px;
}

.slideRight {
    /*background: url('images/arrowRight.png') left center no-repeat;*/
}

.slideRight:hover {
    /*background: url('images/arrowRightHover.png') left center no-repeat;*/
}


/* Product Slider End */


/* Related Products */

.associatedProductsContainer {
    width: 100%;
    background: #fff;
    overflow: hidden;
}


/******************************************************

    CONTACT / SIGN IN BLOCK

*******************************************************/

.signin {
    text-align: left;
}

.forgotPassword {
    float: left;
}

.rememberPassword {
    text-align: left;
}

.account {
    font-size: 16px;
    padding-bottom: 30px;
    font-weight: 600;
}

.warning {
    padding: 10px 15px;
}

.suggestedExpression {
    color: #7e7e7e;
    font-size: 16px;
}

.billing {
    float: left;
    width: 50%;
}

.shipping {
    float: left;
    width: 50%;
}


/* Contact Form Styles Start */

#tblContactForm {
    background-color: #ffffff;
}

#tblContactForm td {
    padding: 5px 0;
}

.tblContactFormTDMiddle {
    width: 15px;
}

.ContactForm input {
    float: left;
    padding: 6px;
    border: 1px solid #dee0e2;
}

.ContactForm span {
    clear: left;
    float: left;
    width: 300px;
    padding: 0px 6px 0px 0px;
}

.ContactForm td {
    text-align: right;
    padding: 0px;
}

.subtitle span {
    width: 100%;
    clear: right;
    padding: 6px 6px 6px 0px;
    padding-bottom: 10px;
    color: #888888;
}

.ContactForm label {
    float: left;
}

.ContactForm Buttons {
    float: right;
    clear: both;
}

.title {
    font-size: 18px;
    color: #444;
}

.contactBlock {
    margin: 15px 0px;
    text-align: left;
}

.sidebarContainer .containerWrap.contactBlock {
    display: none;
    margin-top: 0;
    background-color: #dee0e2;
    border: none;
    padding-left: 26px;
}

.contactBlock span {
    display: block;
}

.contactBlock .contactQuestion {
    color: #555555;
    font-size: 17px;
    font-weight: 600;
}

.contactBlock span.contactNumber {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contactBlock span.contactLink a {
    font-size: 17px;
    font-weight: 600;
}

.sidebarContainer .contactBlock .contactQuestion {
    font-size: 15px;
    font-weight: 700;
    color: #222;
}

.sidebarContainer .contactBlock span.contactNumber {
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    color: #222;
    margin-bottom: 0;
}

.sidebarContainer .contactBlock span.contactLink {
    border-top: none;
    padding-top: 0;
}


.sidebarContainer .contactBlock span.contactLink a {
    font-size: 15px;
    font-weight: 500;
}

.itx_SignInForm table td {
    padding: 5px 5px 0 3px;
    border-collapse: separate;
}

.itx_SignInForm input[type="text"],
.itx_SignInForm input[type="password"],
.itx_SignInForm select {
    padding: 6px 5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    min-width: 290px;
}

.itx_SignInForm input[type="text"]:focus,
.itx_SignInForm input[type="password"]:focus {
    border-color: #005ea5;
}

.itx_SignInForm input[type="submit"] {
    background-color: #005ea5;
    padding: 6px 15px 7px;
    float: none;
    font-size: 15px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 1px solid #005ea5;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 5px;
}

.itx_SignInForm input[type="submit"]:hover {
    background-color: #005ea5;
}

.itx_SignInForm #whiteContainer {
    margin: 0 20px 10px 20px;
    padding: 0px;
    border: 0;
}

.itx_SignInForm .accountAccessFormContainer {
    color: #444;
    padding: 0;
    margin-bottom: 0;
}

.itx_SignInForm .signInForm>table {
    width: 100%;
}

.itx_SignInForm .accountAccessFormContainer>table {
    background-color: #fafaf8;
    width: 100%;
    border: 1px dashed #ccc;
    padding: 0 5px;
}

.itx_SignInForm .accountAccessFormContainer .forgotPassword {
    padding: 15px 5px;
    max-width: 700px;
}


/* Create Account */

.itx_SignInForm .signUpForm.signUpPrimaryForm {
    background-color: #fafaf8;
    border: 1px dashed #ccc;
    margin-top: 20px;
    padding-top: 15px;
}

.itx_SignInForm td.itx_BillingInformationOptions {
    background: #fafaf8 none repeat scroll 0 0;
    border: 1px dashed #ccc;
    left: -15px;
    padding-bottom: 25px;
    padding-top: 15px;
    position: relative;
}

/* registration promt */



.registration-prompt::before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 20%;
    margin-left: 5px;
    margin-top: -29px;
    border: 10px solid transparent;
    border-bottom: 10px solid white;
}

.registration-prompt {
  position:absolute;
  background:#ebecee;
  right:0px;
  margin-top:10px;
  font-size:16px;
  text-align:center;
  font-family: Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
  padding: 15px 20px 30px 20px;
  line-height: 0.8rem;
outline:none;
  border: 2px solid #222538;
}

.registration-prompt::before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 10%;
    margin-left: 15px;
    margin-top: -35px;
    /*! border: 1px solid #222538; */
    border-bottom: 10px solid #222538;
}

        
.registration-prompt a.ctaButton {
    color:#fff !important;
    font-weight: 600;
    background: #222538;
    padding: 6px 15px 10px 15px;
    margin: 20px;
}
.registration-prompt a.ctaButton:hover {
    
    font-weight: 600;
    background: #86ddd2;
    padding: 6px 15px 10px 15px;
    margin: 20px;
	color: #222538 !important;
}

.registration-prompt ul {
    list-style: none;
    font-size: 10pt;
    padding-bottom: 30px;
    text-align: left;
    padding-left: 10px;
}

.registration-prompt p {
    color: #222538;
    padding: 0 14px;

}
.registration-prompt p span {
    font-weight:600;
	font-size: 19px;
}
/******************************************************

    SITE FOOTER

*******************************************************/

footer {
    background-color: #222538;
    padding-bottom: 30px;
    font-size: 11px;
}

footer,
footer a,
footer a:focus,
footer a:hover {
    color: #fff !important;
}
footer a:hover {
    color: #12ccb5;
    text-decoration: none;
}

.mp-footer-company-address,
footer .footerDetails ul,
footer .footerDetails {
    font-size: 12px;
}

.mp-footer-logo {
    margin-bottom: 2rem;
    margin-top: 3rem;
    display: inline-block;
}

footer .footerDetails {
    margin-bottom: 15px;
}

footer .footerDetails ul {
    margin: 0;
    padding: 0;
}

footer .footerDetails ul li {
    list-style: none;
    margin-bottom: 3px;
}

footer .footerDetails ul a .fa {
    margin-right: 0.5rem;
}

footer .termsSection a {
    margin-left: 1rem;
}

.pb-logos {
    background: #ffffff;
    margin: 100px 0;
    padding: 0px 0px 20px 0px;
    text-align: left;
    font-size: 11px;
    margin-top: 40px;
    color: #fff;
}
.pb-logos img {
    max-height: 100px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.pb-footer {
    background: #222538;
    margin: 15px 0px 0px 0px;
    border-top: 1px solid #dedede;
    padding: 30px 0px 20px 0px;
    text-align: left;
    font-size: 11px;
    margin-top: 40px;
    color: #fff;
}

.logoCertContainerFooter {
    padding: 1rem 0 1rem 0;
    margin-bottom: 2rem;
    border-bottom: 1px solid #cbdee7;
}

.logoCertContainerFooter img {
    max-height: 100px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.pb-footer .footerLogo {
    margin-bottom: 1rem;
}


/************************************

    COMPARISON FEATURE PRODUCT LIST

************************************/

.mp-comparedItemsContainer {}


/************************************

    PRODUCT ITEMS

************************************/

.equalisationContainer .resultsContainerMain.paddingRight {
    /*padding: 0 0 0 0;

        NOTE: padding:0 CAUSES Services content on Homepage to hit right hand edge of panel
        */
}

.containerWrap>.equalisationContainer {
    margin-left: 2px;
    margin-right: 10px;
}

.quickViewTabContainer {
    display: none;
}

.searchResultOuterContainer {
    float: left;
    position: relative;
    box-sizing: initial;
    /* override foundation setting on non-foundation layout */
}

.searchResultOuterContainerRow {
    float: left;
    position: relative;
    width: 100%;
}

.itx_ProductLink {
    bottom: -40px;
    cursor: pointer;
    display: block;
    height: 500px;
    left: 0;
    position: absolute;
    width: 100%;
}

.searchEntity {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F4F4F4;
    border-radius: 3px 3px 3px 3px;
    height: 270px;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 10px 0;
    width: 94%;
}

.searchEntity.compareOption {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.mp-compareEnabled .searchEntity:not(.compareOption) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.searchResultOuterContainer {
    width: 20%;
    min-width: 180px;
}

.productImageContainer {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px;
    width: 100%;
    position: relative;
    height: 200px;
}

.productImageContainer a {
    display: block;
    width: 100%;
    text-align: center;
}

.productImageContainer img {
    width: 100%;
    max-width: 162px;
    position: relative;
    top: 0;
    -webkit-transition: top 0.3s 0.0s;
    /* Webkit browsers */
    transition: top 0.3s 0.0s;
}

.extendedOptions {
    /*background: url("/stylesheets/images/searchElements/1px-option-menu-bg.png") repeat scroll 0 0 transparent;*/
    border-top: 5px solid #005ea5;
    bottom: -240px;
    height: 235px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
    cursor: default;
    display: none;
}

.extendedOptionsInner {
    padding-top: 5px;
}

.extendedOptions .optionContainer {
    color: #000000;
    margin-bottom: 12px;
    margin-top: 5px;
    padding-right: 12px;
    text-align: right;
    width: 211px;
    width: 100%;
}

.extendedOptions .optionContainer a {
    background: none repeat scroll 0 0 #005ea5;
    border: 1px solid;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 10px 5px;
    margin-right: 10px;
    position: relative;
    z-index: 1000;
    cursor: pointer;
}

.extendedOptions .optionContainer a:hover {
    background: none repeat scroll 0 0 #2796D6;
}

.extendedOptions .categoryOptions a {
    font-size: 11px;
    font-size: 10px;
    padding-bottom: 3px;
    padding-top: 2px;
}

.extendedOptions .optionCaption {
    display: block;
    font-size: 11px;
    margin-top: 10px;
    margin-right: 10px;
}

.extendedOptions .categoryCaption {
    margin-bottom: 0;
    margin-right: 10px;
}

#contentContainer>.containerWrap {
    padding-bottom: 15px;
}

.containerWrap>.equalisationContainer {
    margin-left: 10px;
    margin-right: 20px;
}

.standardBottomMargin {
    margin-bottom: 15px;
}

.forceGapAbove {
    margin-top: 15px;
}

.rowView {
    overflow: hidden;
}


/************************************

    PRODUCT ITEMS / PROMO FLAG

************************************/

.promoFlagOuter {
    height: 68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 68px;
    z-index: 1;
}

.promoFlagInner {}


/* ROW VIEW */

.rowView .promoFlagOuter {}

.rowView .promoFlagInner {}


/* GRID VIEW */

.gridViewLayout .promoFlagOuter {}

.gridViewLayout .promoFlagInner {}


/************************************

    PRODUCT ITEMS / CONTENT PANELS

************************************/

.panelContainer {
    height: 270px;

    overflow: hidden;
    position: absolute;
    top: 0;
    width: 222px;
    width: 100%;
    z-index: 10;
    box-sizing: content-box;
}

.panelContainer .panel01 {
    height: 100%;
    margin-top: 130px;
    background: rgba(247, 247, 247, 0.9);
    -webkit-transition: margin-top 0.3s 0.0s;
    transition: margin-top 0.3s 0.0s;
}

.panelContainer .productSummary {
    font-size: 13px;
    display: block;
    overflow: hidden;
    padding: 6px 10px;
    color: #302e2d;
    line-height: 1.25;
    font-family: "Work Sans", Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
}

.panelContainer .productSummary a {
    color: #5A5A5A;
}

.panelContainer .productSummary .highlight {
    background: none;
}

.panelContainer .productManufacturer {}

.panelContainer .highlight {}

.panelContainer .productPrice {
    display: block;
    font-size: 18px;
    font-weight: bold;
    z-index: 5;
    position: relative;
    text-align: right;
    padding: 2px 10px;
    margin-bottom: 5px;
    /*border-bottom: 1px dashed rgb(204, 204, 204);*/
}

.panelContainer span.frameworkIcon {
    /*background: url("/stylesheets/images/framework_sprite.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    float: right;
    height: 21px;
    width: 19px;
    overflow: hidden;
    position: relative;
    right: -3px;
    top: 5.5px;
}

.panelContainer .productPrice:hover {
    /*color: #005ea5 !important;*/
}

.panelContainer .productPrice:hover span.frameworkIcon {
    /*background-position: 0 -25px;*/
}

.panelContainer .leftDetails {
    padding-left: 10px;
    padding-right: 10px;
    /*float: left;*/
    text-align: left;
}

.panelContainer .stockLevel,
.panelContainer .partNumber {
    font-size: 11px;
    width: 100px;
    font-weight: 700;
}

.panelContainer .stockLevel {
    color: #12ccb5;
    position: relative;
    top: -25px;
    top: 0;
    width: 100%;
}


.panelContainer .stockLevel .stockHighlight>span:first-child {}

.panelContainer .partNumber {
    float: left;
    color: #302e2d;
    font-weight: normal;
    width: 97%;
}

.panelContainer .partNumber .highlight {
    background: none;
}

.panelContainer .panel02 {
    bottom: -30px;
    padding-bottom: 15px;
    position: absolute;
    background-color: #f7f7f7;
    padding-top: 15px;
    z-index: 100;
    height: 100px;
    width: 100%;
    -webkit-transition: bottom 0.3s 0.0s;
    /* Webkit browsers */
    transition: bottom 0.3s 0.0s;
}

.panelContainer .upperContainer {
    float: left;
    margin-bottom: 12px;
    position: relative;
    width: 222px;
    width: 100%;
    z-index: 1;
}

.panelContainer .lowerContainer {
    float: left;
    /*padding-left: 10px;*/
    position: relative;
    width: 222px;
    width: 100%;
    z-index: 3;
    background-color: #f7f7f7;
    padding-bottom: 10px;
}


/************************************

    OUTLINE STYLE BUTTONS

************************************/

a.outlineButton {
    /*  border: 1px solid #005ea5;*/
    float: left;
    /*    font-weight: 700;*/
    /*    height: 22px;*/
    /*margin-right: 10px;*/
    /*    padding: 9px 25px;*/
    /*    cursor: pointer;*/
    position: relative;
    z-index: 1;
}

a.optionsButton {
    background: #e5e7e8 url("https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/turquoise-search-icon.svg") no-repeat center center / 60% 60%;
    display: block;
    height: 32px;
    padding: 0px;
    width: 32px;
    text-decoration: none;
    margin-left: 10px;
}

a.optionsButton:hover {
    background: #2c0a49 url("https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Icons/white-search-icon.svg") no-repeat center center / 60% 60%;
}

.panelContainer .lowerContainer .leftConstaint {
    float: left;
    width: 42px;
}

.panelContainer .lowerContainer .outlineButton {}

a.suppliersButton {
    border: 1px solid #e5282f;
    /*background: url("/stylesheets/images/searchElements/extend-options-suppliers.png") no-repeat scroll 0 0 #fff;*/
    float: left;
    display: block;
    height: 15px;
    padding: 0;
    width: 42px;
    margin-left: 10px;
    margin-bottom: 5px;
    display: none;
    position: relative;
    cursor: pointer;
}


/*
    INTERNAL SUPPLIER BUTTON SPLIT

    */

.splitButtons a.optionsButton {
    /*background: url("/stylesheets/images/searchElements/extend-options-slim.png") no-repeat scroll 0 0 #fff;
    height: 15px;*/
    border-radius: 3px;
}

.splitButtons a.suppliersButton {
    display: block;
    border-radius: 3px;
}

.splitButtons a.suppliersButton:hover {
    border: 1px solid #005ea5;
    background-position: 0 -80px;
    background-position: 0 -40px;
    background-color: #005ea5;
}

.splitButtons a.on,
.splitButtons a.on:hover {
    border: 1px solid #005ea5;
    background-position: 0 -80px;
    background-position: 0 -120px;
    background-color: #005ea5;
}

a.basketButton {
    background: #ff861d;
    color: #fff !important;
    float: right;
    font-size: 16px;
    font-weight: 500;
    margin-left: 0;
    margin-right: 10px;
    overflow: hidden;
    padding: 10px 15px 5px;
}

a.basketButton:hover {
    background: #e77615;
}

a.wishListButton {}

a.wishListButton {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E4E4DC;
    border-radius: 3px 3px 3px 3px;
    color: #005ea5;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 22px;
    margin-left: 0;
    margin-right: 10px;
    padding: 9px 20px;
    position: relative;
    z-index: 1;
}

a.wishListButton:hover {
    border: 1px solid #3095D2;
}

.globalGlow {
    /*background: url(/stylesheets/images/searchElements/1px-verticle-glow.png) repeat-x 0 0;*/
    width: 222px;
    width: 100%;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    display: none;
}

.itemLinkContainer a {
    height: 330px;
    left: 0;
    position: absolute;
    top: -226px;
    width: 100%;
    z-index: 1;
    text-decoration: none;
}

.searchResultOuterContainer a.basketButton {
    padding: 6px 7px;
}


/************************************

    PRODUCT ITEMS / DEFAULT HOVER STATE

************************************/

.searchEntity:hover {
    border-color: #005ea5;
}

.searchEntity.compareOption {
    height: auto;
    margin-bottom: 0;
}

.searchEntity.compareOption:hover {
    border-color: #f4f4f4;
}

.searchEntity.compareOption input[type="checkbox"] {
    margin: 6px 0 0 6px;
}

.searchEntity .panelContainer .productSummary a:hover {
    color: #0C73BC;
}

.defaultEntity:hover .globalGlow {
    display: block;
}

.searchEntity:hover .panelContainer .panel01 {
    margin-top: 30px;
}

.searchEntity:hover .panelContainer .panel02 {
    bottom: 25px;
}

.searchEntity:hover .panelContainer .productSummary {
    color: #0C73BC;
}

.searchEntity:hover .productImageContainer img {
    top: -67px;
}

.limitedStock {
    color: #FF6600;
}

.notInStock {
    color: #B10E1E;
}

.stockNumber {}

.stockLineBreak {
    border-right: 1px solid #FFFFFF;
    margin-left: 3px;
    margin-right: 6px;
}

.lastUpdated {
    font-weight: normal;
    /*border: 1px solid #EFEFEB;*/
    margin: 4px 0 4px 4px;
    padding: 5px 0 5px 5px;
    color: #979793;
}

.lastUpdatedGridView {
    color: #302e2d;
    font-weight: normal;
    display: block;
    margin-bottom: 1px;
}


/************************************

    COMPARISON GRID

************************************/

.mp-comparisonGridSection td,
.mp-comparisonGridSection th {
    vertical-align: top;
}

.mp-comparisonGrid h2 {
    padding: 0 20px 5px 5px;
    min-height: 110px;
}

.mp-comparisonGridSection h3 {
    margin-bottom: 0;
}

.mp-comparisonGridImage a {
    text-align: center;
    display: block;
}

.mp-comparisonActionsContainer {
    text-align: center;
}

.mp-comparisonGrid .button {
    margin: 5px !important;
}


/************************************

    PRODUCT PAGE IMAGE GALLERY

************************************/

.itemContainer {}

.itemGalleryContainer {
    clear: both;
    display: block;
    float: right;
    width: 37%;
    margin-left: 10px;
}

.itemImageContainer {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.thumbnailGalleryContainer {
    margin: 20px 0;
}

.thumbnailContainer {
    /*background: url(/stylesheets/images/glassElements/1px-glass-bg-05.png);*/
    border: 1px solid #F5F5F3;
    border-right: 0;
    border-bottom: 0;
    clear: right;
    display: block;
    float: left;
    height: 100%;
    position: absolute;
    padding-left: 5px;
    padding-top: 5px;
    right: 0;
    top: 0;
    width: 10%;
}


/**********************************
         Overrides New Product Page 
        ******************************/

.thumbnailGalleryContainer .thumbnailContainer {
    width: 100%;
    position: relative;
    float: none;
}

.thumbnailGalleryContainer .clickableArrow {
    background-color: #c2c2c2;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: -2px 3px 3px #e1e1e1;
    float: left;
    margin: 0;
    min-height: 76px;
    position: relative;
    width: 20px;
}

.thumbnailGalleryContainer .outerWrapperContainer {
    float: left;
    height: 80px;
    overflow: hidden;
    width: 88%;
}

.thumbnailGalleryContainer .innerWrapperContainer {
    width: 1800px;
    position: relative;
}

.thumbnailGalleryContainer .clickableArrow.prev {
    /*background-image: url(/stylesheets/images/carouselPlugin/arrow-left.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 0;
    margin-right: 4px;
}

.thumbnailGalleryContainer .clickableArrow.next {
    /*background-image: url(/stylesheets/images/carouselPlugin/arrow-right.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 4px;
    margin-right: 0;
}

.thumbnailGalleryContainer .clickableArrow:hover {
    border-color: #005ea5;
}

.thumbnailGalleryContainer .inActive {
    background-color: #ffffff;
    box-shadow: -2px 3px 3px #ffffff;
}

.thumbnailGalleryContainer .clickableArrow.inActive:hover {
    border-color: #ffffff;
}

.thumbnailContainer:hover {
    /*box-shadow: -4px 0 5px #CCCCCC;*/
}

.thumbnailContainer img {
    /*min-width: 30px;*/
    width: 100%;
    border: 1px solid #005ea5;
    border-radius: 0;
    box-shadow: 2px 2px 2px #F1F1E9;
    cursor: pointer;
    margin-bottom: 5px;
    /*margin-right: 5px;*/
    overflow: hidden;
    position: relative;
}


/* Overides New Product Page */

.thumbnailGalleryContainer .thumbnailContainer img {
    max-width: 100px;
    max-height: 76px;
    margin-right: 10px;
    width: 10%;
    height: 100%;
}

.thumbnailContainer img:hover {
    border-color: #2b8cc4;
}

.thumbnailContainer img.current:hover,
.thumbnailContainer img.current {

    border-color: #2b8cc4;
    cursor: default;
}

.itemImage {
    /*width:34%;*/
    width: 100%;
    max-width: 400px;
    /*min-width:200px;*/
    /*margin: 0 0 0 15px;*/
    min-width: 135px;
}

.maxFixed .itemImage {
    width: 33%;
}

.max980 .itemImage {
    width: 34%;
}

.itemImage img {
    width: 100%;
}

.itemInfoContainer {
    overflow: hidden;
    text-align: left;
    margin: 0 15px 0px 0;
    padding: 0 4px 15px 0px;
}


/*****************************************

     BASKET PAGE

****************************************/

.basket {
    /*padding-left: 20px;*/
    overflow: hidden;
}

.bodyItem {
    background: #fff;
    border: 1px solid #fff;
    border-top: 1px dashed #D3D3D1;
    padding-bottom: 5px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-top: 20px;
    position: relative;
}

.basketHeader,
.basketTotalHeader {}

.basketHeader {
    overflow: hidden;
}

.basketHeader h1,
body.newDefaultPage .basketHeader h1,
body.newDefaultPage .basketTotalHeader h1 {
    border: medium none;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    padding-left: 0;
}

body.newDefaultPage .basketHeader h1,
.basketHeader h1,
.basketTotalHeader {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
}

.productSummary {
    margin-top: 28px;
}

.basketTotalHeader {
    border-bottom: 0 solid #fff;
    border-left: 1px solid #BFC1C3;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    font-size: 13px;
    padding-top: 0;
}

.basketTotalHeader .staffOnly,
.staffOnly {
    color: #444;
}

.basketTotalHeader .summaryQuantityChange {
    display: block;
    margin-bottom: 6px;
}

.basketTotalHeader .summaryQuantityChange input {
    width: 40px;
    margin-left: 8px;
    font-size: 17px;
    padding: 4px;
}

.basketSummary {
    /*background: none repeat scroll 0 0 #333;*/
}

.basketSummaryItemsOuterContainer {
    background-color: #deded6;
    border-bottom: 15px solid #deded6;
    border-left: 10px solid #7AAA32;
    padding: 9px 15px;
    padding-top: 9px;
    border-top: 0px solid #deded6;
    border-right: 15px solid #deded6;
    font-size: 13px;
    line-height: 1.2;
}

.basketSummaryItem {
    padding: 12px 0 0;
}

.basketTotalHeader .basketSummaryItem {
    padding-top: 15px;
}

.basketTotalHeader .basketSummaryItem:first-of-type {
    padding-top: 0;
}

.basketSummaryAction {
    padding-top: 3px;
}

.basketSummaryActionButton {
    padding-top: 15px;
}

.basketSummaryActionButton a.basketButton {
    float: left;
}

.frameworkNameAndLink {
    line-height: 1.2;
    color: #32702b;
}

.frameworkNameAndLink a {
    display: block;
    padding-top: 3px;
}

.basketSummaryActionBuyNow {
    padding: 15px;
    padding-left: 0;
}

.basketSummaryActionBuyNow .basketButton {
    float: left;
    font-weight: 700;
}

.basketSummaryItemCaption {
    line-height: 15px;
    padding-left: 2px;
}

.basketSummaryItemValue {
    color: #000000;
    font-size: 15px;
    font-weight: 700;
}

.basketTotalHeader .basketSummaryItemValue {
    display: block;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    line-height: 1;
    padding: 5px 0 15px;
    color: #316f2b;
}

.bodyImage {
    background-color: #fff;
    border: 1px solid #EBEBE3;
    border-radius: 3px 3px 3px 3px;
    clear: right;
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;

    width: 100px;
    clear: both;
}

.basketItemContent {
    padding-left: 125px;
}

.salesAdjustmentContainer {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 125px;
    margin-right: 10px;
    border-width: 10px;
    border-color: #ffffff #ffffff #ffffff #d80000;
    border-style: solid;
    padding: 0;
    color: #d80000;
}

.salesAdjustmentContainer .bodyImage {
    display: none;
}

.salesAdjustmentContainer .basketItemContent {
    padding-left: 10px;
}

.salesAdjustmentContainer .adjustmentCostPrice span {
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
}

.salesAdjustmentContainer a:link,
.salesAdjustmentContainer a:visited,
.salesAdjustmentContainer a:active {
    background-color: #d80000;
    border-radius: 3px;
    color: #ffffff;
    padding: 2px 12px 3px;
}

.salesAdjustmentContainer a:hover {
    background-color: #f02e14;
}

.header {
    background: none repeat scroll 0 0 #fff;
    clear: both;
    color: #646462;
    font-size: 15px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
}

.headerTitle {
    /*color: #699921;*/
    float: left;

    font-size: 20px;
    width: 545px;
}

.bodyManufacturer,
.bodyFrameworkSaving {
    background: none repeat scroll 0 0 #B0B0A8;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 3px 10px 5px;
}

.bodyPartCode {
    background-color: #fff;
    border: 1px solid #B0B0A8;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 3px 10px 5px;
}

.headerQuantity {
    float: left;
    width: 80px;
}

.headerQuantity input {
    margin-top: 5px;
}

.headerPrice {
    float: left;
    width: 80px;
}

.headerAction {
    float: left;
    width: 80px;
    margin-left: 10px;
}

.body {}

.bodyDescription {
    float: left;
    /*width: 400px;*/
    width: 70%;
    padding-right: 20px;
    margin-bottom: 10px;
}

.bodyQuantity {
    /*float: left;*/
    /*width: 80px;*/
    /*width: 160px;*/
    /*margin-right: 20px;*/
    position: relative;
    padding-left: 36px;
}

span.bodyQuantityValue {
    float: right;
    margin-right: 20px;
}

input.bodyQuantityInput {
    border: 1px solid #E4E4DC;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 10px;
    overflow: visible;
    padding: 4px 10px;
    text-align: center;
    width: 30px;
    float: left;
    margin-right: 10px;
    margin-left: 28px;
}

input.bodyQuantityInput:hover {
    border: 1px solid #005ea5;
}

input.bodyQuantityInput.error {
    border: 1px solid red;
}

input.bodyQuantityInput.quantityInStock {
    border: 1px solid #7AAA32;
}

.basketName,
.basketDescription {
    /*margin: 16px 16px 5px;
    overflow: hidden;*/
    border-bottom: 1px solid #EBEBE3;
    overflow: hidden;
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 2px;
}

.basketDescription {
    overflow: hidden;
    margin-top: 0;
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #EBEBE3;
    border-top: 2px solid #FFFFFF;
    margin: 0;
    overflow: hidden;
    padding-left: 16px;
    padding-top: 10px;
}

.basketName input.basketNameInput {
    font-size: 24px;
}

.basketName input.basketNameInput.active,
.basketDescription input.basketNameInput.active {
    background-color: #FFFFFF;
    border: 1px solid #005ea5;
}

.basketDescription input.basketNameInput {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #EAEAE8;

}

.basketName a.basketItemUpdateButton span,
.basketDescription a.basketItemUpdateButton span {
    margin: 0;
    background-position: -38px -4px;
    padding: 2px;
}

.basketName a.basketItemUpdateButton.active span,
.basketDescription a.basketItemUpdateButton.active span {
    background-position: -38px -39px;
}

.basketDescription input.basketNameInput {
    font-size: 13px;
    background: none repeat scroll 0 0 #FAFAFA;
}

.basketNameandDescUpdate {
    float: left;
    margin-left: 10px;
}

.basketNameandDescUpdate span {
    margin: 0;
}

input.basketNameInput {
    border: 1px solid #E4E4DC;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 10px;
    overflow: visible;
    text-align: left;
    width: 80%;
    width: 68%;
    /*width: 665px;*/
    float: left;
    background-color: #F5F5F3;
    padding: 4px 10px;
    /*font-family: Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;*/
    font-size: 20px;
    font-weight: 600;
    color: #444444;
    position: relative;
    z-index: 1;
}

input.basketNameInput:hover {
    border: 1px solid #005ea5;
    background-color: #fff;
}

input.basketNameInput.error {
    border: 1px solid red;
}

a.basketButtonSmall.basketNameandDescUpdate {
    left: -3px;
    margin-left: 0;
    position: relative;
    display: none;
    cursor: pointer;
}

.basketHeaderResult {
    background: none repeat scroll 0 0 #7AAA32;
    border-radius: 0 0 3px 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px;
    position: relative;
    text-align: center;
    top: -12px;
    width: 68%;
}

a.basketButtonSmall.basketNameandDescUpdate span {
    background: none repeat scroll 0 0 #005ea5;
    border: 1px solid #005ea5;
    border-radius: 0 3px 3px 0;
    color: #FFFFFF;
    font-size: 13px;
    height: auto;
    padding: 3px 10px 5px;
    width: auto;
}

a.basketButtonSmall.basketNameandDescUpdate span:hover {
    background: #3095D2;
}

.basketName a.basketButtonSmall.basketNameandDescUpdate span {
    padding: 10px 10px 12px;
}

.basketActionOuterContainer {
    float: right;
}

.basketItemPriceContainer {}

.bodyPriceContainer {
    width: 80px;
    width: 150px;
    margin-right: 20px;
    float: left;
    margin-bottom: 10px;
    text-align: right;
}

.bodyPrice,
.bodyTotalPrice {
    color: #000000;
    float: right;
    font-size: 14px;
    font-size: 11px;
    width: 100%;
}

.bodyItemPrice {
    color: #6A6A62;
}

.bodyTotalPrice {
    font-size: 18px;
    font-weight: 700;
}

.bodyTotalPrice span {}

.bodyAction {
    float: left;
    /*width: 150px;*/
}

.bodyAction a {
    float: left;
}

a.basketButtonSmall {}

.basketActionOuterContainer a.basketButtonSmall {
    display: block;

    float: left;
    left: 0;
    position: static;
    margin-bottom: 10px;
    margin-right: 10px;
}

a.basketButtonSmall span {
    /*background: url(/stylesheets/images/icons/store-basket-icons-35px-35px.png) no-repeat -2px -2px;*/
    border: 1px solid #E4E4DC;
    border-radius: 3px 3px 3px 3px;
    display: block;
    /*margin-bottom: 10px;
            margin-right: 10px;*/
    /*padding: 3px 10px 5px;*/
    text-align: center;
    /*width:30px;
            height:30px;*/
    width: 24px;
    height: 24px;
}

a.basketButtonSmall:hover span {
    border-color: #005ea5;
}

a.basketItemUpdateButton,
a.basketItemConfigureButton {
    /*float: left;
    left: 32px;
    position: relative;*/
}

.basketActionOuterContainer a.basketItemUpdateButton {
    display: none;
    left: 27px;
    position: absolute;
    top: 0;
}

a.basketItemUpdateButton span {
    background-position: -40px -6px;
    background-color: #F5F5F3;
}

a.basketItemUpdateButton:hover span {
    border: 1px solid #E4E4DC;
}

a.basketItemUpdateButton.active span {
    background-position: -40px -41px;
    background-color: #8DBD45;
    border: 1px solid #8DBD45;
}

a.basketItemConfigureButton span {
    background-position: -73px -2px;
}

a.basketItemConfigureButton:hover span {
    background-position: -73px -37px;
    background-color: #005ea5;
}

a.basketItemSaveButton span {
    background-position: -2px -2px;
}

a.basketItemSaveButton:hover span {
    background-position: -2px -37px;
    background-color: #005ea5;
}

a.basketItemRemoveButton {}

a.basketItemRemoveButton span {
    background-position: -111px -5px;
    border-color: #005ea5;
    float: right;
}

a.basketItemRemoveButton:hover span {
    background-position: -111px -40px;
    border-color: #cb3b3b;
}

.basketGroup:first-child {
    border-top: none;
}

.basketGroup {
    border-top: 2px solid #EBEBE3;
    float: left;
    width: 100%;
}

.footer {
    border-bottom: 2px solid #CACACA;
    overflow: hidden;
    width: 100%;
}

.footerItem {
    clear: both;
}

.subTotalPrice {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 10px solid #7AAA32;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    float: right;
    font-size: 18px;
    /*font-weight: 700;*/
    padding: 20px;
}

.bodyActions {
    margin-left: 20px;
    padding-left: 20px;
}

.mp-basketSummaryRow {
    border-bottom: 1px solid #bfc1c3;
    padding: 6px 10px 7px;
}

.mp-basketPrimaryData {
    padding-top: 8px;
    padding-bottom: 9px;
    font-size: 108%;
    font-weight: 600;
}

.mp-basketActionsRow {
    padding-top: 10px;
}


/* BASKET STEPS */

.stepDefault {
    float: left;
    margin: 10px;
    padding: 10px;
    max-width: 100px;
}

.stepDefault a {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    padding-top: 35px;
}

.stepIndicator {
    width: 480px;
    margin: 20px auto;
    padding: 15px;
    /*background-image: url('/images/demo.png');*/
    background-repeat: no-repeat;
    background-position: center center;
    height: 60px;
}

.rowView .rowPanelContainer .rowPanel02 {
    width: 150px !important;
}

.stepButton {
    background-color: #7aaa32;
    border-radius: 2px;
    margin-bottom: 4px;
    border: none;
    padding: 10px;
    cursor: pointer;
    color: white;
    font-weight: 600;
}

.stepButton:hover {
    background-color: #8DBD45;
}

.basketItem {
    float: left;
    max-width: 60%;
    margin: 20px;
}

.basketDeliveryGroup {
    margin: 30px 0px;
}

.basketItemMain {
    margin: 20px 0px;
    border-bottom: 1px dashed darkgray;
}

.bi_update,
.bi_remove {
    cursor: pointer;
}


/*.proxyPanel {
        color: red;
        text-align: center;
    }

        .proxyPanel input {
            min-width: 100px;
            margin: 0px;
        }

    .proxyItem_title, .proxyItem_buttons, .proxyItem_costPrice, .proxyItem_sellPrice, .proxyItem_margin {
        float: left;
        padding: 3px;
        margin: 5px 10px;
    }*/

.btnUpdate {
    padding: 7px;
    border: 1px solid darkgray;
    border-radius: 4px;
    background-color: red;
    color: white;
    cursor: pointer;
    margin-top: 10px;
}

.biButton {
    border-radius: 2px;
    cursor: pointer;
    padding: 3px 8px;
    font-size: 13px;
    background-color: #005ea5;
    color: #fff;
    border: none;
}

.biButton:hover {
    background-color: #005ea5;
}

.errorRequired {
    border: 1px solid red !important;
}

.bi_ItemTotal {
    font-size: 18px;
    font-weight: bold;
}

.delivery {
    margin: 20px 0px;

}

.deliveryTitle {
    padding: 10px;
    font-weight: bold;
    font-size: medium;
}

.bi_description {
    min-width: 60%;
}

.basketItemLeft {
    float: left;
    width: 10%;
    margin: 10px;
}

.basketItemMiddle {
    float: left;
    width: 70%;
    color: #4FA7DC;
    font-size: 15px;
    margin: 10px;
}

.basketItemRight {
    float: left;
    width: 10%;
    font-weight: bold;
    font-size: 15px;
    margin: 10px;
    margin-left: 25px;
}

.bi_ItemEach {
    font-size: 12px;
}

.proxyPanelContainer {
    border-top: 1px solid #eee;
    width: 100%;
}

.proxyPanel {
    color: red;
    text-align: center;
    width: 74%;
    float: left;
}

.proxyPanelCol02 {
    float: left;
    width: 26%;
}

.proxyPanel input {
    min-width: 100px;
    margin: 0px;
}

.proxyItem_title,
.proxyItem_buttons,
.proxyItem_costPrice,
.proxyItem_sellPrice,
.proxyItem_margin {
    float: left;
    padding: 3px;
    margin: 5px 10px;
}

.proxyPanelCol02 input {
    margin: 4px 0px 0;
    display: inline-block;
}

.basketProductStripe {
    border: 1px solid #f7f7f7;
    border-radius: 2px;
    box-shadow: -2px 2px 2px #f4f4ee;
    margin: 5px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #fff;
}

.basketProductStripe.itemAddedToBasket {
    border: none;
    box-shadow: none;
}


/* col 1 */

.basketProductStripe .basketProductCol01 {
    float: left;
    width: 74%;
}

.basketProductStripe .basketProductImage {
    float: left;
    margin: 10px 0 10px 5px;
}

.basketProductStripe .basketProductCol01Content {
    margin: 10px 0 10px 120px;
}

.basketProductStripe .basketProductDescription {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 6px;
}

.basketProductStripe .itemManufacturerInfo {
    margin-top: 6px;
}

.basketProductStripe .itemStock {
    margin-top: 6px;
    font-size: 11px;
    color: #909088;
}

.basketProductStripe .itemLastChecked {
    font-size: 11px;
    color: #909088;
}


/* col2 */

.basketProductStripe .basketProductCol02 {
    float: left;
    width: 26%;
    text-align: right;
}

.basketProductStripe .basketProductCol02Content {
    margin: 10px;
}

.basketProductStripe .itemQuantity {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    color: #909088;
}

.basketProductStripe.itemAddedToBasket .itemQuantity {
    margin: 15px 0 10px;
    padding: 10px;
    border: 1px solid #DEDEDE;
    border-radius: 3px 3px 3px 3px;
    width: 92%;
}

.basketProductStripe.itemAddedToBasket .itemQuantity a.basketButton {
    padding-left: 12px;
    padding-right: 12px;
}

.basketProductStripe .itemLineSingle {
    color: #909088;
}

.basketProductStripe .itemLineTotal {
    font-size: 21px;
    font-weight: 700;
    color: #316f2b;
}


/* Split Delivery */

.basketProductStripe .splitDeliveryOptions {
    text-align: left;
    margin-top: 8px;
    font-size: 13px;
}

.basketProductStripe .splitDeliverySelection input[type=radio] {
    float: left;
}

.basketProductStripe .splitDeliverySelection label {
    display: block;
    margin-left: 25px;
    margin-bottom: 4px;
}

.basketProductStripe .highlightStock {
    font-size: larger !important;
    color: red !important;
}

.basketProductStripe .savings {
    color: forestgreen;
}

.basketProductStripe .bi_ItemEach.savings {
    font-size: 15px;
    font-weight: 600;
}


/****************************************
    
    ORDER REVIEW LIST - 
    USE'S SOME BASKET STYLES!

*****************************************/

.reviewOrdersContent {
    background-color: white;
    padding: 10px;
}

.reviewOrdersContent .reviewOrderCol01Content,
.reviewOrdersContent .reviewOrderCol02Content {
    margin: 10px 20px;
}

.reviewOrdersContent .orderCreatedDate {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 6px;
}

.reviewOrdersContent .orderPlacedDate {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 6px;
}

.reviewOrdersContent .orderStatus {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    padding-bottom: 12px;
}

.reviewOrdersContent .orderTotal {
    color: #316f2b;
    font-size: 17px;
    font-weight: 700;
}

.reviewOrdersContent .orderTotal span {
    color: #000000;
}

.reviewOrdersContent .orderQuantity {
    color: #909088;
    font-size: 13px;
}


/****************************************
    
    ORDER REVIEW PURCHASES - 
    USE'S SOME BASKET STYLES!

*****************************************/

.orderReviewContent .basketProductStripe {
    padding: 6px 10px;
    margin-bottom: 8px;
    width: auto;
}

.orderReviewContent .orderSectionHeading {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 22px 0 20px;
    color: #585858;
}

.orderReviewContent .basketProductImage {
    width: 100px;
}

.orderReviewContent .orderReviewImportantDetails {
    width: 60%;
}

.orderReviewContent .notesTable {
    width: 80%;
}

.orderReviewContent .notesTable tr td {
    border-bottom: 1px solid #d7d7d7;
}

.orderReviewContent .notesTable tr th,
.orderReviewContent .notesTable tr td {
    padding: 4px 8px;
}

.orderReviewContent table tr th {
    color: #909088;
}

.orderReviewContent .totalPrice .itemLineTotal {
    font-size: 23px;
}


/*****************************************

    BASKET PAGE / SAVE TO... ACTION MENU

****************************************/

.nonProductImage {}

.bodySaveActionsOuterContainer {
    position: relative;
}

.bodySaveActions {
    background: none repeat scroll 0 0 #005ea5;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 3px 10px 5px;
    cursor: pointer;
}

.bodySaveActions.default {}

.bodySaveActions:hover {
    background: #3095D2;
}


.bodySaveActionsMenu {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.bodyFrameworkSaving {
    background: none repeat scroll 0 0 #FBFBF9;
    border: 1px solid #7AAA32;
    color: #487800;
    clear: both;
    margin-top: 0px;
    margin-bottom: 8px;
}

.bodySaveActionsMenuItems {
    background: none repeat scroll 0 0 #005ea5;
    border: 1px solid #005ea5;
    border-right: 10px solid #005ea5;
    border-radius: 0 10px 0 0;
    color: #FFFFFF;
    float: left;
    left: -5px;
    margin: 0;
    /*padding: 0 0 0 25px;*/
    position: absolute;
    top: -39px;
    /*width: 394px;*/
    width: 100%;
    /*padding: 0 0 0 35px;*/
    padding: 0;
}

.bodyChangeItemDeliveryOption {
    clear: both;
    margin-top: 10px;
    margin-bottom: 8px;
    padding-top: 10px;
}

.bodySaveActionsMenuItems {
    margin: 0;
    position: relative;
}

.bodySaveActionsMenuItems li {
    list-style: none outside none;
    float: left;
}

.bodySaveActionsSubMenuItems {
    background: none repeat scroll 0 0 #EBEBE3;
    border: 1px solid #005ea5;
    bottom: -17px;
    display: none;
    left: 122px;
    position: absolute;
    width: 200px;
    cursor: default;
    padding-left: 0;
}

.bodySaveActionsSubMenuItems li {
    list-style-type: none;
}

.bodySaveActionsSubMenuItems li a,
.bodySaveActionsSubMenuItems .basketFolder a,
.bodySaveActionsSubMenuItems .newBasketButton {
    width: auto;
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    border: 1px solid #E4E4DC;
    padding: 3px 10px 5px;
    width: auto;
    border-radius: 3px 3px 3px 3px;
    display: block;
    list-style-type: none;
    /*margin: 10px;*/
    margin: 4px;
    padding: 3px 10px 5px;
    position: relative;
}

.bodySaveActionsSubMenuItems .basketFolder a .basketFolderItem {}

.bodySaveActionsSubMenuItems .basketFolder a .basketFolderItem .basketFolderItemName {}

.bodySaveActionsMenuItems .basketMenuItem .basketSubActionButton {
    background: none repeat scroll 0 0 #005ea5;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    list-style-type: none;
    margin: 10px;
    margin: 4px;
    padding: 3px 30px 5px 10px;
    overflow: hidden;
    padding: 3px 5px 2px 10px;
    width: 52px;
    width: 88px;
    width: 105px;
}

.bodySaveActionsMenuItems .basketMenuItem:first-child {
    margin-left: 35px;
}

.bodySaveActionsMenuItems .basketMenuItem .basketSubActionButton a {
    color: #fff;
}

.bodySaveActionsMenuItems .basketSubActionButton:hover {
    background-color: #1594E1;
}

.bodySaveActionsMenuItems .basketSubActionButton span {
    display: block;
    float: left;
}

.bodySaveActionsMenuItems .basketSubActionButton .moveToIcon,
.bodySaveActionsMenuItems .basketSubActionButton .copyToIcon,
.bodySaveActionsMenuItems .basketSubActionButton .newBasketIcon {
    /*background: url("/stylesheets/images/icons/store-basket-icons-35px-35px.png") no-repeat scroll -145px -41px transparent;*/
    display: block;
    float: right;
    height: 22px;
    width: 25px;
}

.bodySaveActionsMenuItems .basketSubActionButton .copyToIcon {
    background-position: -181px -41px;
}

.bodySaveActionsMenuItems .basketSubActionButton .newBasketIcon {
    background-position: -216px -40px;
}


/**********************************************************************

    Your Orders Page

***********************************************************************/

.kk_Model .ccs_AddressGrid table.kk_HorizontalDS td {}

.kk_Model .mp-OrderPage-OrderSummary,
.kk_Model .mp-OrderPage-OrderSummary label {
    font-size: 19px;
}


/**********************************************************************

    SCROLLER BANNER STYLES 

***********************************************************************/

.mp-homepageBanners .padding {
    padding: 0 0 15px;
}

.scrollerBannerContainer {
    background: #fff;
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 0;
    height: 230px !important;
}

.scrollerBannerContainer a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.scrollerBannerContainer .imageContainer {
    background-color: #dee0e2;
}

.scrollerBannerContainer .imageContainer img {
    visibility: hidden;
}

.bannerSubContent {
    font-size: 18px;
    font-style: italic;
    line-height: 1.5;
    color: #ffffff;
    /*background-image: url(/stylesheets/images/glassElements/1px-glass-bg-10.png);*/
}

.mainTitle {
    /*background-image: url("/stylesheets/images/glassElements/1px-glass-bg-07.png");*/
    color: #FFFFFF;
    font-size: 14px;
    font-style: italic;
    line-height: 1.5;
    margin-left: 90px;
    margin-top: 50px;
    padding: 25px 10px 25px 25px;
    position: relative;
    z-index: 20;
}

.bannerInnerContent .imageContainer {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}


/************************************

   PRODUCT SLIDER STYLES 

************************************/

.condensedSlider,
.associatedProductsContainer.condensedSlider {
    background: #f7f6f4;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7f6f4 0%, #ebebe3 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f6f4), color-stop(100%, #ebebe3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f6f4 0%, #ebebe3 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f6f4 0%, #ebebe3 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f6f4 0%, #ebebe3 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f7f6f4 0%, #ebebe3 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f4', endColorstr='#ebebe3', GradientType=0);
    /* IE6-8 */
    width: 100%;
    /*border-bottom: 1px solid #ebebe3;
    border-top: 1px solid #ebebe3;
    border: 1px solid #dedede;*/
    /*height: 345px;*/
    height: 150px;
    position: relative;
    overflow: hidden;
}

.condensedSlider .slideHeader {
    background: none;
    /*margin-bottom: 15px;*/
    overflow: hidden;
    width: 100%;
    border-top: 3px solid #fff;
}

.condensedSlider .slideHeader .slideTotal {
    margin: 0 0 0 0;
    float: right;
    clear: right;
    padding: 15px 35px 10px;
    color: #000;
}

.condensedSlider .productImage {
    height: 94px;
    width: 120px;
    margin-bottom: 0;
}

.condensedSlider .productImage img {
    width: 100%;
    height: auto;
}

.condensedSlider .slideCategoryName {
    position: relative;
    font-weight: bold;
}

.condensedSlider .slideItem {
    padding: 0;
}

.condensedSlider .slideRight,
.condensedSlider .slideLeft {
    /*background-image: none;
        background: url("/stylesheets/images/MercatoUI/Circuit/primary-blue-15pc.png") repeat scroll 0 0 ;*/
    background: #F8F8F9;
    height: 100px;
    border: 1px solid #c4cbd1;
    margin-top: -50px;
    right: 0;
    top: 50%;
    border-radius: 0px 3px 3px 0px;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.condensedSlider .slideRight:hover,
.condensedSlider .slideLeft:hover {
    background: #fff;
    border-color: #247CD5;
}

.slideRight,
.condensedSlider .slideRight {
    border-radius: 3px 0 0 3px;
    right: -5px;
    border-right: none;
}

.condensedSlider .slideRight .slideButtonIcon {
    /*background: url("/stylesheets/images/MercatoUI/Circuit/ui-sprites_04.png") repeat scroll -4px 0;*/
    display: block;
    height: 30px;
    margin-top: -15px;
    position: relative;
    top: 50%;
    width: 100%;
}

.slideRight:hover,
.condensedSlider .slideRight:hover {
    right: 0;
    border-right: none;
}

.slideRight:hover .slideButtonIcon,
.condensedSlider .slideRight:hover .slideButtonIcon {
    background-position: -4px 30px;
}

.condensedSlider .slideLeft,
.condensedSlider .slideLeft:hover {
    left: -5px;
    border-left: none;
}

.condensedSlider .slideLeft .slideButtonIcon {
    /*background: url("/stylesheets/images/MercatoUI/Circuit/ui-sprites_05.png") repeat scroll 0 0;*/
    display: block;
    height: 30px;
    margin-top: -15px;
    position: relative;
    top: 50%;
    width: 100%;
}

.slideLeft:hover,
.condensedSlider .slideLeft:hover {
    left: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border-left: none;
}

.condensedSlider .slideLeft:hover .slideButtonIcon {
    background-position: 0 30px;
}


/* Default styles before script runs */

.condensedSlider #container1>div {
    float: left;
    width: 168px;
    padding: 15px;
}

.condensedSlider #container1 .slideHeader,
.condensedSlider #container1 .slideButton,
.condensedSlider #container1 .slidingContaner {
    width: auto;
}

.condensedSlider #container1 .slidingContaner {
    padding: 0;
}


.condensedSlider #container1 .slideButton {
    width: 30px;
    padding: 0;
}


/* Condensed height slider */

.slideWrapper.condensedSlider {}

.slideWrapper.condensedSlider .slideRow {
    margin-bottom: 0;
}

.slideWrapper.condensedSlider .slideHeader {
    display: none;
}


/************************************

 RELATED PRODUCTS SLIDER CHANGES 

************************************/

.relatedProducts {}

.relatedProducts .slideHeader {
    border-bottom: 1px solid #dedede;
}

.relatedProducts .slideLeft,
.relatedProducts .slideRight {
    border-top: 0;
    border-bottom: 0;
    background-color: #EBEBE3;
}

.relatedProducts .slideLeft:hover,
.relatedProducts .slideRight:hover {
    background-color: #EDF6FC;
}

.relatedProducts .slideLeft {
    border-right: 0;
}

.relatedProducts .slideRight {
    border-left: 0;
}


/************************************

MULTI SCROLL HELPER CLASSES

************************************/

.multiMenuScroll {}

.heightHelper {
    position: absolute;
}

.contentFollow {
    position: fixed;
    bottom: 0;
}



/******************************************************

    POPUP MODAL

*******************************************************/

.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal {
    height: 100%;
    width: 100%;
    opacity: 1;
    z-index: 500;
    overflow: hidden;
    position: fixed;
    margin: 0;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
}

.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal .kk_PlaceHolderContent {
    position: relative;
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    margin: 130px auto 45px;
    max-width: 1360px;
    min-height: 180px;
    max-height: calc(100% - 175px);
    padding: 0 40px 30px;
    overflow-y: auto;
    padding-top: 30px;
}

.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal.kk_PopupModalHasWindowTitleButton .kk_PlaceHolderContent {
    padding-top: 0px;
}
.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal.kk_PopupModalMediumWidth .kk_PlaceHolderContent {
    max-width: 960px;
}
.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal.kk_PopupModalShortWidth .kk_PlaceHolderContent {
    max-width: 560px;
}

.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal .kk_ButtonContainer[class*='kk_ButtonIcon\['] .kk_NewSubmitButtonText {
    min-height: 36px;
    box-sizing: border-box;
}
.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal .kk_ButtonContainer[class*='kk_ButtonIcon\['] .kk_IconContainer {
    background-position: center -27px;
}
.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal .kk_ButtonContainer.kk_WindowTitleButton {
    float: right;
    min-height: 0;
}
.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal .kk_ButtonContainer.kk_WindowTitleButton .kk_ButtonControl {
    margin-right: 0;
    margin-left: 5px;
    margin-bottom: 0;
    height: auto;
}
.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal .kk_ButtonContainer.kk_WindowTitleButton .kk_NewSubmitButtonText {
    background-color: #3f6476;
    border-color: #3f6476;
}
.kk_QuestionControlWrapper.kk_PlaceHolderContainer.kk_PopupModal .kk_ButtonContainer.kk_WindowTitleButton .kk_NewSubmitButtonText:hover {
    background-color: #254b5d;
    border-color: #254b5d;
}




/******************************************************

    QUICK VIEW MODAL 

*******************************************************/

.quickViewPriceSummary {
    font-size: 30px;
    color: #006435;
    font-weight: 700;
}

.quickViewFullScreenTrigger {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.extendedInformationModal {
    display: none;
}

.quickViewClose {
    right: 5px;
    top: 5px;
    /*background-color:transparent;*/
    display: block;
}

.outerQuickViewContainer {

    margin: 0 auto;
    padding: 0;
    position: relative;
    padding-bottom: 20px;
}

.quickViewContainer {
    /*background: url("/stylesheets/images/searchElements/1px-white-90pc.png") repeat scroll 0 0 transparent;*/
    background: #fff;
    border: 1px solid #FBFBF3;
    border-radius: 3px 3px 3px 3px;
    /*padding: 10px;*/
    /*margin: 8% auto 0;*/
    /*margin-top: 100px;*/
    overflow: hidden;
    position: relative;

    position: absolute;
    /*width: 600px;*/
    left: 0;
    z-index: 4750;
    /*box-shadow: 0 0 10px #E4E4E3;*/
}

.innerQuickViewContainer {
    border-top: 1px solid #EBEBE3;
    padding: 15px;
}

.quickViewDragHandle {
    background: none repeat scroll 0 0 #EBEBE3;
    height: 32px;
    width: 100%;
    cursor: move;
}

.quickViewDragHandle:hover {
    background: #E1E7EA;
}

.moveQuickView {
    outline: 3px solid #005ea5;
    /*outline: 6px double #005ea5;*/

}


/* LEFT CONTENT */

.leftContent {
    border: 1px solid #fff;
    float: left;
    position: relative;
    width: 400px;
}

.productionImageOuter {
    height: 320px;
    overflow: hidden;
    /*width:400px;*/
    position: relative;
    border: 1px solid #fff;
    border-radius: 3px;
    height: 320px;
    overflow: hidden;
}


/*.productImageInner
{
    padding: 10px;

}*/

.innerQuickViewContainer .productImageInner {
    padding: 180px;
    position: relative;
}

.productImageInner img {
    width: 100%;
}

.productGalleryContainer {}

.productGalleryContainer img {
    border: 1px solid #D9D9D1;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #F1F1E9;
    margin-bottom: 20px;
    margin-right: 5px;
    position: relative;
    top: -100px;
    overflow: hidden;
    /*width: 80px;*/
    cursor: pointer;
    /*side bar gallery styles - thumbnailContainer */
    margin-bottom: 5px;
}

.productGalleryContainer img:hover {
    border-color: #005ea5;
}

.productGalleryContainer img.current,
.productGalleryContainer img.current:hover {
    border-color: #7AAA32;
    cursor: default;
}

.thumbnailOuter {}

.thumbnailInner {}

.thumbnailInner img {
    width: 100%;
}


/* RIGHT CONTENT */

.rightContent {
    border: 1px solid #fff;
    float: left;
    /*height: 400px;*/
    margin-left: 20px;
    width: 315px;
    width: 450px;
}

.quickViewCategoryContainer {
    /*background: none repeat scroll 0 0 #FCFCFC;*/
    border-bottom: 1px solid #EBEBE3;
    /*border-top: 1px solid #EBEBE3;*/
    /*margin-bottom: 15px;*/
    overflow: hidden;
    padding-bottom: 5px;
    /*padding-left: 10px;
    padding-top: 10px;*/
}

.quickViewCategoryContainer a {
    background-color: #12ccb5;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    margin: 5px 5px 0 0;
    padding: 0.3rem 0.6rem;
}

.quickViewCategoryContainer a:hover {
    background-color: #86ded2;
    color: #ffffff;
    text-decoration: none;
}

.quickViewCategoryContainer a:focus {
    color: #fff;
}

.productDesc .quickViewSummary {
    display: block;
    /*color: #0C73BC;*/
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    padding: 10px;
    /*border-bottom: 1px solid #EBEBE3;*/
}

.productDesc .highlight {
    background: none;
}

.productPriceDefault {
    color: #222222;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px 5px;
}

.productStockContainer {
    padding: 0 10px 20px;
    color: #41870D;
}

.stockLevel {
    font-weight: 700;
}

.productStockContainer .rowStockLevel.quickViewStockLevel .lastUpdated {}

.productStockContainer .rowStockLevel.quickViewStockLevel {
    font-weight: 700;
}

.productStockContainer .quickViewPartNumber {
    color: #000000;
    font-weight: normal;
}

.innerQuickViewContainer .lastUpdatedGridView {
    color: #686868;
    display: block;
    font-weight: normal;
    margin: 0;
}

.productStockContainer .partNumber {
    color: #000000;
    font-weight: normal;
}


/* BOTTOM CONTENT */

.bottomContent {
    clear: both;
    float: left;
    width: 850px;
}


/* TABBED CONTENT */

.tabInformationContainer {
    position: relative;
    /*overflow: hidden;*/
}

.tabInformationContainer .tabHeader {
    width: 100%;
    position: relative;
    z-index: 100;
    clear: both;
}

.tabInformationContainer .tabNav {
    overflow: hidden;
    float: left;
    margin-right: 5px;
    position: relative;
}

.tabInformationContainer .tabNav .tabLink {
    /*background: none repeat scroll 0 0 #CCCCCC;*/
    border-radius: 3px 3px 0 0;
    border: 1px solid #EBEBE3;
    border-bottom: 1px solid #fff;
    color: #0C73BC;
    display: block;
    font-size: 13px;
    padding: 10px;
    cursor: pointer;
}

.tabInformationContainer .tabNav .tabLink:hover {
    border: 1px solid #3EA5EE;
    border-bottom: 1px solid #fff;
}

.tabInformationContainer .tabOn {
    bottom: -1px;
}

.tabInformationContainer .tabOn .tabLink,
.tabInformationContainer .tabOn .tabLink:hover {
    color: #9B9B93;
    border: 1px solid #D9D9D1;
    border-bottom: 1px solid #fff;
}

.tabContentContainer {
    clear: both;
    position: relative;

    width: 100%;
}

.tabContent {
    overflow: hidden;
    padding: 10px 0 10px 10px;
    padding: 10px;
    border: 1px solid #EBEBE3;
    border: 1px solid #D9D9D1;
    border-radius: 0px 3px 3px 3px;
    box-shadow: 2px 2px 2px #EBEBE3;
    box-shadow: 2px 2px 2px #F1F1E9;
}

.quickViewButtonContainer {
    /*float: left;
    margin-bottom: 5px;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;*/
    float: left;
    margin-left: 10px;
    overflow: hidden;
    padding-bottom: 20px;
    width: 100%;
}

.quickViewButtonContainer a.basketButton {
    float: left;
}


/******************************************************

    MODAL OVERLAY LAYERS

*******************************************************/

.overlayGlassOuter {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3;
    left: 0;
    top: 130px;
    top: 0;
}

.overlayGlassFullScreen {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3;
    left: 0;
    top: 130px;
    top: 0;
    z-index: 3016;
}

.overlayGlassInner,
.overlayInnerBg {
    height: 100%;
    width: 100%;
    /*padding-bottom:10px;*/
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 1001;
    z-index: 3501;
}

.overlayInnerBg {
    z-index: 1;
}

.overlayGlassOuter,
.overlayGlassInner {
    /*background: url(/stylesheets/images/searchElements/background-overlay12.png) repeat 0 0;*/
    display: none;
}

.overlayGlassOuter,
.overlayGlassInner,
.overlayGlassFullScreen {
    /*background: url(/stylesheets/images/searchElements/background-overlay12.png) repeat 0 0;*/
    display: none;
}

.overlayGlassFullScreen {
    /*background: url(/stylesheets/images/searchElements/background-overlay13.png) repeat 0 0;*/
}

.overlayGlassFullScreen {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3;
    left: 0;
    top: 130px;
    top: 0;
    /*background-image: url(/stylesheets/images/searchElements/background-overlay13.png);
    background-image: url(/stylesheets/images/searchElements/background-overlay12.png);
    background-image: url(/stylesheets/images/headerImages/1px-dark-crosshatch-bg.png);*/
    z-index: 4600;
    display: none;
}

.modalContentContainer {
    /*border: 1px solid #EDEDED;*/
    padding: 20px;
    padding: 20px 20px 20px 270px;
    /*overflow: hidden;*/
    padding: 5px 0 20px 250px;
    padding: 5px 0 20px 255px;
    position: relative;
    z-index: 2;
}

.modalClose {
    /*background: url("/stylesheets/images/searchElements/close-x-icon-28px.png") no-repeat scroll 0 0 #FFFFFF;*/
    border: 1px solid;
    border-radius: 5px;
    height: 28px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 28px;
    cursor: pointer;
    z-index: 3502;
    /*background: url("/stylesheets/images/searchElements/close-x-icon-28px.png") no-repeat scroll 6px 6px #FFFFFF;*/
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    z-index: 3502;
    display: none;
}

.modalClose:hover {
    background-position: 0 -28px;
    background-position: 6px -22px;
    background-color: #EF454C;
    border: 1px solid #EF454C;
}


/************************************

   GENERIC HELPER CLASSES

************************************/

.noMargin,
.containerWrap div.noMargin {
    margin: 0 0 0 0;
}

.roleMercatoDesigner {
    background-color: #fccb3c;
    border: 1px solid #f27d0c;
    border-top-width: 6px;
    padding: 0 25px 25px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    transform: all 0.4s ease-out;
    max-height: 200px;
}

.roleMercatoDesigner:hover {
    overflow: scroll;
    transform: all 0.4s ease-out;
    max-height: 350px;
}

div.roleMercatoDesigner:before {
    font-size: 20px;
    line-height: 1;
    background: #f27d0c;
    color: #fff;
    padding: 0 15px 3px;
    display: inline-block;
    margin: 0;
    margin-bottom: 15px;
    content: "Mercato Designer Role";
}


/************************************

    SETTINGS PANEL FORM CONTROLS

************************************/

.formOptionContainer {}

.customFormControl {
    display: none;
}

.formOptionCheckbox {}

.stockItemControls {
    border-right: 1px solid #4FA5D9;
    float: left;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 10px;
    width: 232px;
}

.formOptionCaption {
    color: #FFFFFF;
    font-size: 13px;
}

.captionHighlight {
    color: #CBFFFF;
}


/*Checkbox Switch */

.checkBoxSwitch {
    /*background: url(/stylesheets/images/formControlUi/checkbox-backface.jpg) no-repeat 0 0;*/
    border: 1px solid #FFFFFF;
    /*border: 1px solid #54B9F6;*/
    overflow: hidden;
    float: right;
    height: 24px;
    width: 56px;
    margin-bottom: 5px;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    top: -2px;
}

.checkBoxSwitch .switchSlider {
    background-color: #005ea5;
    /*background: url(/stylesheets/images/formControlUi/checkbox-slider.jpg) no-repeat 0 0;*/
    /*border-radius:3px;*/
    display: block;
    height: 24px;
    width: 28px;
    position: relative;
    left: 29px;
    left: 0;
}

.checkBoxSwitch:hover {
    border: 1px solid #CBFFFF;
}

.checkBoxSwitch:hover .switchSlider {
    background-position: 0 -24px;
}

.checkBoxContainer .disabled {
    background-position: 0 -24px;
    cursor: default;
}

.checkBoxContainer .disabled .switchSlider {
    background-position: 0 -48px;
    /*background-position:0 0;*/
}

.checkBoxContainer .disabled:hover {
    border: 1px solid #FFFFFF;
}

.checkBoxContainer .disabled:hover .switchSlider {
    background-position: 0 -48px;
    /*background-position:0 0;*/
}


/************************************

    TRIB SEARCH ANCHOR

************************************/

#tribSort {
    background: none repeat scroll 0 0 #FFFFFF;
    /*float: right;*/
    float: none;
    padding-top: 10px;
    margin-top: 0;
    width: auto;
}

#tribSort a,
#tribSort a.activeSort,
a.saveOptionsButton {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 3px 3px 3px 3px;
    /*color: #005ea5;
        color:#9F9F9C;*/
    float: left;
    font-size: 13px;
    height: 22px;
    margin: 0 0 10px 10px;
    padding: 6px 12px 4px;
    position: relative;
    text-decoration: none !important;
    /*slim button*/
    padding: 3px 12px 2px;
}

a.saveOptionsButton {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 15px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
}

a.saveOptionsButton:hover {
    background: #49A2D7;
    color: #fff;
    border: 1px solid #CBFFFF;
}

#tribSort a:hover {
    color: #005ea5;
    border-color: #005ea5;
    /*border: 1px solid #dedede;*/
}

#tribSort a.activeSort {
    background: #005ea5;
    border: 1px solid #005ea5;
    color: #fdfdfa;
    background: #B0B0A8;
    border: 1px solid #B0B0A8;
}

.selectionOptionMenu {
    /*background: #005ea5;*/
    /*background: #fff;*/
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: left;
    height: 32px;
    margin-left: 5px;
    text-decoration: none;
    width: 39px;
}

.filterOptionContainer {
    position: relative;
    height: 45px;
    float: right;
    float: right;
    height: 45px;
    margin-right: 15px;
    /*position: relative;
    top: -3px;*/
}

.selectionOptionMenu:hover {
    background-color: #F8F8F7;
    background-color: #fff;
    text-decoration: none;
    border-color: #005ea5;
}

.selectListView {
    /*background: url(/stylesheets/images/searchElements/menu-icons-larger.png) no-repeat 0 -192px #fff;*/
}

.selectListView:hover {
    background-position: 0 -224px;
}

.selectGridView {
    /*background: url(/stylesheets/images/searchElements/menu-icons-larger.png) no-repeat 0 -96px #fff;*/
}

.selectGridView:hover {
    background-position: 0 -128px;
}

.contentFilterOptions .activeSort {
    background-color: #005ea5;
    background-position: 0px -256px;
    border-color: #005ea5;
}


/*.activeSort:hover
{
    border-color:#4ECEFF;
}*/

.contentFilterOptions .gridActiveSort {
    background-color: #005ea5;
    background-position: 0px -160px;
    border-color: #005ea5;
}

.optionContainerWide {
    background: #fff;
    float: left;
    width: 100%;
}

.selectionUIStyle {
    float: right !important;
    padding: 0 3px 3px !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    height: 45px;

    overflow: hidden;
}

.selectionUIStyle a {
    height: 20px !important;
    margin: 3px 0 0 !important;
    padding: 9px 0 11px 10px !important;
    text-decoration: none !important;
    padding: 9px 5px 11px !important;
    text-align: center;
    width: 92%;
}


/************************************

    FOOTER RESULTS PAGE

************************************/

.SEFooter {}

.SEFooter table,
ul.pagerControl {
    border: medium none;
    border-collapse: separate;
    border-spacing: 2px;
    float: right;
    margin-right: 5px !important;
    margin-top: 5px;
    list-style: none;
}

.SEFooter table td span {
    background-image: none;
    color: #000000;
    font-weight: bold;
    display: block;
    margin: 0 0 0 1px;
    text-decoration: none;
}

.SEFooter table td span a {
    background-color: #2261AB;
    background-image: none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 4px 7px;
    text-decoration: none;
}

ul.pagerControl li {
    background-color: #2261AB;
    background-image: none;
    border: 1px solid #2261AB;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    margin-left: 4px;
    text-decoration: none;
}

ul.pagerControl li:hover {
    background-color: #1D6DC1;
}

ul.pagerControl li a {
    color: #FFFFFF;
    display: inline-block;
    padding: 4px 7px;
}

ul.pagerControl li.pagerControlCurrent {
    padding: 4px 7px;
    background: #fff;
    color: #2261AB;
    font-weight: 900;
}

span.resultCaption {}


/************************************   
        
    ROW VIEW STYLES

************************************/

.rowView .rowSearchEntity {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F7F7F7;
    border-radius: 2px 2px 2px 2px;
    box-shadow: -2px 2px 2px #F4F4EE;
    float: left;
    margin: 5px 0;
    /*min-height: 135px;*/
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.rowView .rowExtendedOptions {
    /*background: url("/stylesheets/images/searchElements/1px-option-menu-bg.png") repeat scroll 0 0 transparent;*/
    border-bottom: 5px solid #005ea5;
    cursor: default;
    height: 130px;
    height: 0;
    display: none;
    overflow: hidden;
    /*margin-top: 10px;*/
    width: 100%;
}

.rowView .rowOptionsColumnLeft {
    float: left;
}

.rowView .rowOptionsColumnRight {
    float: right;

}

.rowView .rowExtendedOptionsInner {
    padding-right: 10px;
    padding-top: 5px;
}

.rowView .rowExtendedOptions .rowOptionContainer {
    color: #000000;
    margin-bottom: 12px;
    margin-top: 5px;
}

.rowView .rowExtendedOptions .rowOptionsColumnRight .rowOptionContainer {
    text-align: right;
    padding-right: 12px;
}

.rowView .rowExtendedOptions .rowOptionsColumnLeft .rowOptionContainer {
    text-align: left;
    padding-left: 12px;
}

.rowView .rowExtendedOptions .rowOptionContainer {
    color: #000000;
    margin-bottom: 12px;
    margin-top: 5px;
}

.rowView .rowExtendedOptions .rowOptionContainer a {
    background: none repeat scroll 0 0 #005ea5;
    border: 1px solid;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 10px 5px;
    position: relative;
    z-index: 1000;
    cursor: pointer;
}

.rowView .rowExtendedOptions .rowOptionContainer a:hover {
    background: none repeat scroll 0 0 #2796D6;
}

.rowView .rowExtendedOptions .categoryOptions a {
    font-size: 11px;
    padding-bottom: 3px;
    padding-top: 2px;
}

.rowView .rowExtendedOptions .optionCaption {
    display: block;
    font-size: 11px;
    margin-top: 10px;
}

.rowView .rowExtendedOptions .categoryCaption {
    margin-bottom: 0;
}

.rowView .rowProductImageContainer {
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
    overflow: hidden;
    width: 100px;
}

.rowView .rowProductImageContainer a {
    display: block;
}

.rowView .rowProductImageContainer img {
    width: 100%;
    position: relative;
    top: 0;
}

.rowView .rowProductImageContainer .additionalImagea {
    display: none;
}

.rowView .rowPanelContainer {
    /*float: left;
    padding-top: 10px;
    width: 87%;*/
}

.rowView .rowPanelContainer .rowPanel01 {
    /*height: 122px;
    margin-top: 46px;
    margin-top:165px;
    background:url(/stylesheets/images/search-result-icons/1px-panel-bg.png) repeat;
    z-index: 99;*/
    float: left;
    width: 43%;
    width: 50%;
}

body.max980 .rowView .rowPanelContainer .rowPanel01 {
    width: 81%;
}

.rowView .rowPanelContainer .rowProductSummary {
    color: #0C73BC;
    font-size: 17px;
    font-weight: 600;
    padding: 10px;
}

.rowView .rowPanelContainer .rowProductSummary a {
    line-height: 1.2;
}

.rowView .rowPanelContainer .rowProductManufacturer {}

.rowView .rowPanelContainer .highlight {
    background: none;
}

.rowView .rowPanelContainer .rowProductPrice {
    display: block;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
    margin-right: 10px;
}


/* NOT USED? */

.rowView .rowPanelContainer span.frameworkIcon {
    /*background: url("/stylesheets/images/searchElements/frameworks-active-icon-2.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 100px;
    top: 4px;
    width: 17px;
}

.rowView .rowPanelContainer .rowLeftDetails {
    float: right;
    padding-right: 10px;
    text-align: right;
    width: 100%;
}

.rowView .rowPanelContainer .rowStockLevel,
.rowView .rowPanelContainer .rowPartNumber {
    float: right;
    font-size: 11px;
    font-weight: 700;
    width: 100%;
}

.rowView .rowPanelContainer .rowStockLevel {
    color: #41870d;
}

.rowView .rowPanelContainer .rowPartNumber {
    color: #979793;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
}

.rowView .rowPanelContainer .rowPanel02 {
    /*width: 225px;*/
    /*width: 250px;*/
    width: 350px;
    float: right;
    padding: 10px;
}

.rowView .rowPanelContainer .rowUpperContainer {
    float: left;
    margin-bottom: 12px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.rowView .rowPanelContainer .rowLowerContainer {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.rowView a.rowOutlineButton {
    border: 1px solid #005ea5;
    float: right;
    font-weight: 700;
    height: 22px;
    margin-right: 10px;
    padding: 9px 25px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.rowView a.optionsButton {
    /*background: url("/stylesheets/images/icons/quick-view-icon.png") no-repeat scroll 0 0 #e5e7e8;*/
    display: block;
    height: 40px;
    padding: 0;
    width: 42px;
    margin-right: 10px;
    float: right;
}

.rowView a.rowOptionsButton:hover {
    background-color: #F7FEFE;
}

.rowView a.basketButton {
    background: none repeat scroll 0 0 #7AAA32;
    border: 1px solid #A7D75F;

    color: #FFFFFF;
}

.rowView a.basketButton:hover {
    background: none repeat scroll 0 0 #8DBD45;
    border: 1px solid #A7D75F;
}

.rowView .globalGlow {
    /*background: url(/stylesheets/images/searchElements/1px-verticle-glow.png) repeat-x 0 0;*/
    width: 222px;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    display: none;
}


/************************************

    No search result styles

************************************/

.noSearchResultsContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    padding-bottom: 20px;
}

.noSearchResultsQuery {
    padding: 20px;
}

.noSearchResults {}

.noSearchResults ul {
    list-style: none outside none;
}

.noSearchResults ul li {
    display: block;
    float: left;
    font-size: 16px;
    padding-left: 20px;
    vertical-align: middle;
    width: 100%;
}

.noSearchResults ul li ul li {}

.noSearchResults ul li .noSearchResultsCategoryName {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 20px 20px 10px 0;
    font-weight: 600;
}

.noSearchResults ul li ul li {
    /*border-top: 1px solid #D8E9FA;*/
    background: none repeat scroll 0 0 #F2F2EA;
    display: block;
    height: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto;
}

.noSearchResults ul li ul li a {
    color: #222222;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 600;
    height: 100px;
    padding: 10px 40px 10px 10px;
    text-decoration: none;
    width: 132px;
}

.noSearchResults ul li ul li:hover {
    background: none repeat scroll 0 0 #1F61AC;
    text-decoration: none;
}

.noSearchResults ul li ul li a:hover {
    color: #fff;
}


/************************************

HOME PAGE DE BANNERS 

************************************/
/*
.xeroxExtended {
    background: url(/DataElements/Content/Images/Demo/Home-Banner-Xerox-layer02.png) no-repeat 0 0;
}

.crucialExtended {
    background: url(/DataElements/Content/Images/Demo/Home-Banner-Crucial-layer02.png) no-repeat 0 0;
}

.hpExtended {
    background: url(/DataElements/Content/Images/Demo/Home-Banner-HP-layer02.png) no-repeat 0 0;
}*/


/************************************

Misc - Simple Table (Cookies page et al)

************************************/

.simpleTable {
    border-collapse: collapse;
    margin-bottom: 15px;
}

.simpleTable th,
.simpleTable td {
    border: 1px solid #cccccc;
    padding: 3px 10px 6px 4px;
    text-align: left;
    vertical-align: top;
}

.simpleTable th {
    font-weight: normal;
}


/****************************************

    MODAL / FOUNDATION MODAL OVERRIDES

*****************************************/

.mp-modal h1 {
    font-size: 20px;
    margin-bottom: 5px;
}

.mp-modal .mp-content-product-sku-ref {
    color: #302e2d;
    font-size: 13px;
}

.mp-modal .mp-content-product-manufacturer {
    margin-right: 15px;
}

.mp-modal .mp-content-product-last-updated-stock,
.mp-modal .mp-content-product-manufacturer {
    color: #5a5857;
    font-size: 13px;
}

.mp-modal .mp-content-product-price {
    font-size: 30px;
    font-weight: 600;
    font-family: "Exo 2", Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
}

.mp-modal .mp-content-product-stock-level.in-stock {
    color: #12ccb5;
}



/* MODAL / FOUNDATION MODAL OVERRIDES - Medium and up */

@media screen and (min-width: 40em) {
    .mp-modal h1 {
        font-size: 24px;
    }
    .mp-modal .mp-content-product-price {
        font-size: 30px;
    }
}


/****************************************************************************************************************

     BASKET PAGE / SAVE TO... ACTION MENU 
     OVERLAY AND MODAL SET UP

    Note from Amrit;

    These classes are used for the action menu on the basket page.
    They have been kept seperate incase it needs to be removed or changed without effecting the base styles.

****************************************************************************************************************/

.basketOverlay {}

.basket {}

.basketGroup {}

.bodySaveActionsMenu {
    z-index: 35007;
}


.bodySaveActionsMenu .quickViewClose {
    display: block;
    left: 4px;
    top: -31px;
    border: 1px solid #fff;
}

.bodySaveActionsMenu .quickViewClose:hover {
    border: 1px solid #fff;
}

.basketGroup .bodyItem {
    position: relative;
    z-index: 35005;
}

.basketGroup .bodyItem.fadeBack {
    border: 1px solid #C2C2C2;
    border: 1px solid #959595;
    /*border:1px solid #fff;*/
}

.basketGroup .bodyItem.selected {
    border: 1px solid #005ea5;
    border-left: 10px solid #005ea5;
    padding-left: 11px;
    /*background: url("/stylesheets/images/searchElements/background-overlay06.png") repeat scroll 0 0 #FFFFFF;*/
}

.bodySaveActionsMenuItems .basketSubActionButton.active {
    background-color: #33B2FF;
    /*color: #005ea5;*/
}

.darkOverlayElementInner.lighten {
    /*background: url("/stylesheets/images/searchElements/background-overlay15.png") repeat scroll 0 0 transparent;*/
}

.bodySaveActionsSubMenuItems {
    background: #fff;
    /*background: url("/stylesheets/images/headerImages/1px-white-crosshatch-bg.png") repeat scroll 0 0 #EFEFE8;*/
    left: 8px;
    overflow: hidden;
    /*padding-bottom: 10px;
    
    padding-left: 145px;
    padding-right:5px;
    padding-top: 10px;*/
    /*padding:10px;*/
    top: -17px;
    top: 38px;
    z-index: -1;
    border-right: 10px solid #33B2FF;
    /*border-right:10px solid #005ea5;*/
}

.bodySaveActionsSubMenuItemsRef {
    display: none;
}

.basketSubItemOuterContainer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bodySaveActionsSubMenuItems .basketFolder {
    float: left;
    width: 25%;
}

.bodySaveActionsSubMenuItems li .saveActionButtonClass,
.bodySaveActionsSubMenuItems .basketFolder .saveActionButtonClass {
    overflow: hidden;
    height: 38px;
    height: 35px;
    height: 50px;
    margin: 3px;
    padding-top: 10px;
    /*width: 138px;*/
    /*width: 129px;*/
    /*background: url("/stylesheets/images/icons/store-basket-icons-35px-35px.png") no-repeat scroll 126px -54px #FFFFFF;
    background-position:126px -48px;*/
}

.bodySaveActionsSubMenuItems li .saveActionButtonClass:hover,
.bodySaveActionsSubMenuItems .basketFolder .saveActionButtonClass:hover {
    border: 1px solid #005ea5;
    background-position: 126px 14px;
}


/*body.max980 .bodySaveActionsSubMenuItems .basketFolder .saveActionButtonClass
{
    width: 130px;
     background-position:116px -48px;
}

body.max980 .bodySaveActionsSubMenuItems .basketFolder .saveActionButtonClass:hover
{
    background-position:116px 14px;
}


body.maxBetween .bodySaveActionsSubMenuItems .basketFolder .saveActionButtonClass
{
     width: 125px;
     background-position:112px -48px;
}

body.maxBetween .bodySaveActionsSubMenuItems .basketFolder .saveActionButtonClass:hover
{
    background-position:112px 14px;
}*/

.bodySaveActionsSubMenuItems .basketPanel {
    /*position: absolute;
    padding:10px;*/
    position: absolute;
    width: 100%;
}

ul.panelNavContainer {
    /*background: none repeat scroll 0 0 #005ea5;
    border-radius: 5px 0 0 0;
    bottom: 0;
    float: right;
    overflow: hidden;
    padding: 5px 5px 0;
    position: absolute;
    right: 0;*/
    /*background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #005ea5;
    border-radius: 5px 0 0 0;
    border-top: 1px solid #E4E4DC;
    bottom: 0;
    float: right;
    overflow: hidden;
    
    padding: 0 5px ;
    position: absolute;
    right: 0;
    width: 100%;*/
    border-bottom: 1px solid #FFFFFF;
    border-radius: 5px 0 0 0;
    border-top: 2px solid #FFFFFF;

    bottom: 0;
    float: right;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    right: 0;
    width: 100%;
}

ul.panelNavContainer li {
    /*background: none repeat scroll 0 0 #005ea5;
    border: 1px solid #005ea5;
    border-radius: 3px 3px 3px 3px;
    float: right;
    font-size: 11px;
    margin-bottom: 4px;
    margin-right: 5px;
    padding: 4px 9px;
    text-decoration: none;
    cursor:pointer;*/
    background: none repeat scroll 0 0 #005ea5;
    border: 1px solid #005ea5;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    float: right;
    font-size: 11px;
    margin-bottom: 2px;
    margin-right: 5px;
    margin-top: 3px;
    padding: 3px 8px;
    text-decoration: none;
}

ul.panelNavContainer li:hover {
    background-color: #1594E1;
}


ul.panelNavContainer li.selected,
ul.panelNavContainer li.selected:hover {
    /*background: none repeat scroll 0 0 #FFFFFF;
    color: #0070BD;
    font-weight: 600;*/
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #005ea5;
    color: #0072BF;
    font-weight: 600;
}


/*****************************************

     BASKET PAGE /  VOUCHER AND DELIVERY ITEMS

****************************************/

.basketVoucherOuterContainer,
.basketDeliveryOuterContainer {
    float: left;
    width: 100%;
    border-top: 2px solid #EBEBE3;
}

.basketVoucherOuterContainer {}

.basketVoucherOuterContainer .header {}

.basketDeliveryOuterContainer {}

.basketDeliveryOuterContainer .header {}

.basketStockContainer {
    border-radius: 3px 3px 3px 3px;
    float: left;
    /*margin-top: 10px;
    padding: 3px 10px 5px;*/
    clear: both;
}

.basketStockNumber {
    /*background: url("/stylesheets/images/icons/inStockIcon.gif") no-repeat scroll left -2px transparent;*/
    color: #41870D;
    padding-left: 24px;
    padding-right: 10px;
}

.basketStockNumber.notInStock {
    color: #BC1414;
    /*background: url("/stylesheets/images/icons/outOfStockIcon.gif") no-repeat scroll left -1px transparent;*/
    padding-left: 24px;
    padding-right: 10px;
}

.basketStockLastUpdate {
    color: #979793;
    font-weight: normal;
}


/*****************************************

     BASKET PAGE /  SETTINGS BAR

****************************************/

.basketSettingsOuterContainer {}


/*****************************************

     BASKET PAGE /  MANAGE BASKET

****************************************/

.manageBasketPage {}

.manageBasketPage #leftNav {
    padding-top: 0;
}


/*Added in merge*/


/*.manageBasketPage .basketManagerIcon
    {
        background: url("/stylesheets/images/icons/store-basket-icons-35px-35px.png") no-repeat scroll -283px -42px transparent;
        display: block;
        height: 30px;
        left: 3px;
        position: absolute;
        top: 22px;
        width: 25px;
    }*/

.manageBasketPage .basketManagerIcon {
    /*background: url("/stylesheets/images/icons/store-basket-icons-35px-35px.png") no-repeat scroll -283px -42px transparent;*/
    display: none;
    height: 30px;
    left: 3px;
    position: absolute;
    top: 22px;
    width: 25px;
}

.manageBasketPage #leftNav span.elementCount {
    /*background: url("/stylesheets/images/icons/store-basket-icons-35px-35px.png") no-repeat scroll -287px -54px transparent;*/
    /*color: #8D8D8B;
        display: block;
        float: right;
        padding: 1px 0 1px 19px;
        text-align: center;
        width: 21px;*/
    color: #8D8D8B;
    display: block;
    float: right;
    padding: 1px 4px;
    text-align: center;
    width: 25px;
}

.manageBasketPage #leftNav li.accordionItem.selected,
.manageBasketPage #leftNav li.accordionItem.selected:hover {
    background: none repeat scroll 0 0 #B0B0A8;
    border-left: 0 none;
    /*border-radius: 4px 4px 4px 4px;*/
}

.manageBasketPage #leftNav li.accordionItem.selected a span.elementCount,
.manageBasketPage #leftNav li.accordionItem.selected:hover a span.elementCount {
    /*background: url("/stylesheets/images/icons/store-basket-icons-35px-35px.png") no-repeat scroll -287px -54px transparent;*/
    background: none repeat scroll 0 0 #B0B0A8;
    /*border: 1px solid #C7C7BF;*/
}

.manageBasketPage #leftNav li.accordionItem:hover a span.elementCount.totalItemsBasket {}

.manageBasketPage #leftNav li.accordionItem.selected .itemText {
    width: 160px;
}

.manageBasketPage #leftNav li.accordionItem.selected a span.elementCount,
.manageBasketPage #leftNav li.accordionItem.selected .basketNameBasket,
.manageBasketPage #leftNav li.accordionItem.selected .basketCreatedBasket,
.manageBasketPage #leftNav li.accordionItem.selected .totalValueBasket {
    color: #FFFFFF;
    font-size: 13px;
}

.manageBasketPage #leftNav li.accordionItem.selected a span.elementCount {
    /*border-bottom: 1px dotted #F5F5F3;*/
    font-weight: 700;
}

.manageBasketPage #leftNav li.accordionItem.selected .basketNameBasket {}

.manageBasketPage #leftNav li.accordionItem.selected .totalValueBasket {
    font-weight: 700;
}

.manageBasketPage #leftNav li.accordionItem.selected a {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
}


/*Added in merge*/

.accordionItem {}

#leftNav li.accordionItem a {
    overflow: hidden;
}

li.accordionItem.selected {
    background: none repeat scroll 0 0 #EDF6FC;
}

.manageBasketPage #leftNav li.accordionItem {
    margin-bottom: 10px;
}

.manageBasketPage #leftNav li.accordionItem:hover .basketManagerIcon,
.manageBasketPage #leftNav li.accordionItem.selected .basketManagerIcon {
    background-position: -283px -7px;
}

#leftNav li.accordionItem.selected a span.elementCount {
    background: none repeat scroll 0 0 #005ea5;
    color: #FFFFFF;
}

#leftNav li.accordionItem.selected a span.itemText {}

#leftNav li.accordionItem a .basketCreatedBasket {
    color: #8D8D8B;
    display: block;
    margin-top: 5px;
}

#leftNav li.accordionItem.selected .basketCreatedBasket {
    color: #8D8D8B;
}

.dateCreated {
    /*background: url(/stylesheets/images/icons/manage-basket-clock-date-icon.png) no-repeat 0 -1px;*/
    display: block;
    height: 20px;
    margin: 4px auto;
    width: 20px;
}

#leftNav li.accordionItem.selected a span.elementCount .dateCreated,
#leftNav li.accordionItem:hover a span.elementCount .dateCreated {
    background-position: 0 -22px;
}

#leftNav li.accordionItem.selected a span.elementCount .dateCreated:hover,
#leftNav li.accordionItem:hover a span.elementCount .dateCreated:hover {
    background-position: 0 -43px;
}

#leftNav li.accordionItem a .totalValueBasket {
    color: #8D8D8B;
    color: #444;
    display: block;
    float: left;
    margin-top: 5px;
    text-align: left;
}

#leftNav li.accordionItem a .basketIndicator {
    color: #8D8D8B;
    color: #444;
    /*display: block;*/
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    text-align: left;
}

.accordionItem .totalItemsBasket {}

.accordionItem .totalValueBasket {}

.accordionItem .basketNameBasket {}

.accordionItem .basketCreatedBasket {}


/* End of product resize styles */


/*****************************************

     QUANTITY UPDATER

****************************************/

.basketTotalHeader {
    zoom: 1;
}

.itx_QuantityUpdater {
    display: inline-block;
    margin: 0 8px 8px 8px;
    width: 50px;
    box-sizing: initial;
}

.itx_QuantityUpdater input {
    margin: 0;
    height: 17px;
    border: 1px solid #dbdbd3;
    border-bottom: 1px solid #fff;
    border-radius: 3px 3px 0 0;
    text-align: center;
    padding: 4px 9px;
}

.itx_QuantityUpdater .itx_QuantityAdd,
.itx_QuantityUpdater .itx_QuantityMinus {
    background: #F5F5F3;
    border: 1px solid #dbdbd3;
    display: block;
    float: left;
    height: 14px;
    width: 23px;
    position: relative;
    cursor: pointer;
}

.itx_QuantityUpdater .itx_QuantityAdd {
    border-radius: 0 0 0 3px;

    color: #fff;
}

.itx_QuantityUpdater .itx_QuantityMinus {
    border-radius: 0 0 3px;
    border-left: 1px solid #fff;
    color: #fff;
}

.itx_QuantityUpdater .itx_QuantityAdd .itx_QuantityIcon,
.itx_QuantityUpdater .itx_QuantityMinus .itx_QuantityIcon {
    background: url(//marketplace.probrand.co.uk/cds/image?n=add-minus-icons&v=20180427131645) no-repeat center 0;
    position: absolute;
    text-align: center;
    top: 3px;
    left: 0;
    width: 100%;
    height: 10px;
}

.itx_QuantityUpdater .itx_QuantityMinus .itx_QuantityIcon {
    background-position: center -28px;
}

.itx_QuantityUpdater .itx_QuantityAdd:hover,
.itx_QuantityUpdater .itx_QuantityMinus:hover {
    background: #fff;
    border-color: #005ea5;
}

.itx_QuantityUpdater .itx_QuantityAdd:hover .itx_QuantityIcon {
    background-position: center -60px;
}


.itx_QuantityUpdater .itx_QuantityMinus:hover .itx_QuantityIcon {
    background-position: center -88px;
}


/*****************************************

     SIGN UP FORM

****************************************/

.signUpForm {
    padding: 1px 20px 20px;
}

.signUpForm.signUpPrimaryForm {
    background-color: #fBfBf3;
    margin-top: 20px;
}


/*.signInForm {
    background-color: #F7F6F4;
    padding: 20px;
    margin-bottom: 20px;
    color: #444;
}*/

.accountAccessFormContainer {
    padding: 20px;
    margin-bottom: 20px;
    color: #444;
}

.loading_suppliers {
    /*background: transparent url("/stylesheets/images/icons/basket-loader.gif") no-repeat scroll 0 0;*/
    display: block;
    height: 40px;
    padding-left: 50px;
    padding-top: 9px;
}


/*****************************************

     TOOLBOX ACCORDION


****************************************/


/*  toolbox accordion  */

#toolbox {
    position: relative;
    position: fixed;
    top: -1px;
    right: 0;
    z-index: 10000;
    margin-right: 15%;
    /*height: 100%;*/
}

#toolbox.fluid {
    position: fixed;
    top: 0px;
    top: -1px;
    width: 930px;
    border-bottom: 0;
    border-bottom: 0 none;
    margin-right: 15%;
    position: fixed;
    right: 0;
    top: 0;
    width: 930px;
}

#toolbox .toolboxContainer {
    position: absolute;
    right: 279px;
    z-index: 10000;
}

#toolbox .toolboxTrigger {
    text-align: center;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 2;
}

#toolbox .toolboxTrigger a {
    background: #fbfcfc;
    padding: 7px 47px;
    display: block;
    outline: none;
    font-size: 15px;
    text-decoration: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #269ac4;
}

#toolbox.fluid .toolboxTrigger a {
    padding: 7px 47px;
}

#toolbox .toolboxTrigger a:hover {
    background: #f5f5f5;
}

#toolbox .toolboxTrigger a span span {
    display: block;
    top: -2px;
    position: relative;
}

#toolbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#toolbox .toolboxAccordion {
    padding: 10px 5px 7px;
    margin: 0 17px;
    width: 206px;
    position: absolute;
    top: 0;
    z-index: 1;
    background: #77c3e3;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 13px;
}

#toolbox .toolboxAccordionContainer {
    display: none;
}

#toolbox .triggerShadow {
    padding: 35px 0 13px 0;
    background: #77c3e3;
}

#toolbox .triggerShadow li {
    border-bottom: solid 1px #96d5f0;
}

#toolbox .triggerShadow li.open {
    border: 0;
}

#toolbox .toolboxAccordionContainer li {
    margin: 0 4px;
}

#toolbox .triggerShadow li .accordionHeader {
    color: #fff;
    text-decoration: none;
    padding: 5px;
    display: block;
    outline: none;
}

#toolbox .triggerShadow li.open .accordionHeader {
    background: #c8e8f5;
    border-top: solid 1px #5e9eb9;
    color: #1e677c;
}

#toolbox .toolboxAccordion .accordionContent {
    background: #d8f0fa;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #5e9eb9;
}

#toolbox .toolboxAccordion .accordionContent li {
    margin: 0;
    border: 0;
}

#toolbox .toolboxAccordion .accordionContent li a {
    color: #1e677c;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    outline: none;
}

#toolbox .triggerShadow li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px;
    outline: none;
}

#toolbox .toolboxAccordion .accordionContent li a:hover {
    background: #fff;
}


/************************************

    HOMEPAGE FEED STATISTICS

************************************/

.mp-statistics .mp-statistic {
    margin: 0 0 10px 0;
    width: 100%;
    text-align: center;
}

.mp-statistics {
    margin-bottom: 30px;
    background-color: #e5e7e8;
    padding: 20px;
    color: #302e2d;
}

.mp-statistics .statisticValue {
    display: block;
    color: #9013fe;
    font-size: 1.8rem;
    font-weight: bold;
}

.mp-statistics .statisticMetric {
    font-size: 1.2rem;
    font-family: "Work Sans", Segoe UI, Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
}

.mp-statistics .mp-statistic:last-child {
    display: none;
}


/* HOMEPAGE FEED STATISTICS - Medium and up */

@media screen and (min-width: 64em) {
    .mp-statistics .mp-statistic {
        float: left;
        margin: 0 1% 5px 0;
        width: 32%;
        text-align: left;
    }
    .mp-statistics {
        overflow: hidden;
        padding: 20px 40px;
    }
    .mp-statistics .statisticValue {
        display: inline;
        padding-right: 10px;
    }
}


/************************************

    Stats Block (homepage)

************************************/


/*
.sidebarContainer.statsBlockContainer {
    width: 315px;
    padding-left: 30px;
    background-color: #fff;
    z-index: 35007;
    position: absolute;
    top: 35px;
    right: 0;
    font-weight: 500;
    line-height: 1.25;
    box-sizing: initial;
}

.sidebarContainer.statsBlockContainer .statsBlockStatTile p.heading {
    font-size: 31px;
    font-weight: 700;
    line-height: 1.0;
    margin: 0;
    padding: 0;
}

.sidebarContainer.statsBlockContainer .statsBlockStatTile p {
    font-size: 14px;
    margin: 0;
    padding: 2px 0 0;
}

.sidebarContainer.statsBlockContainer .statsBlockStatTile {
    float: left;
    width: 157px;
    background-color: #fff;
    color: #4c2c92;
    height: 70px;
}

.sidebarContainer.statsBlockContainer .statsBlockContainerLowerContent {
    clear: left;
    background: #fff;
    height: 70px;
}

.sidebarContainer.statsBlockContainer .statsBlockStatTile .statsTilePadding {
    padding: 0 8px 8px 15px;
}

.sidebarContainer.statsBlockContainer .statsBlockStatTile.bottom {
    border-bottom: 1px solid #fff;
    height: 89px;
}

.sidebarContainer.statsBlockContainer .statsBlockStatTile.rightBorder {
    border-right: 1px solid #DEE0E2;
    background-color: #fff;
}

.sidebarContainer.statsBlockContainer .statsBlockStatTile.right {
    border-right: none;
    color: #6E777A;
}
*/

.sidebarContainer.statsBlockContainer .statsBlockStatTile.rightBorder p {}

.sidebarContainer.statsBlockContainer .signUpText {
    /*width:186px;
    float:left;*/
}

.sidebarContainer.statsBlockContainer .signUpText p {
    padding: 10px 10px 8px 15px;
    font-size: 14px;
}

.sidebarContainer.statsBlockContainer .signUpText a {
    text-decoration: underline;
}

.sidebarContainer.statsBlockContainer .signUpText a:hover {}

.signUpButtonContainer {
    display: none;
}

.sidebarContainer.statsBlockContainer .signUpButtonContainer {
    width: 140px;
    float: right;
    padding-right: 1px;
}

.sidebarContainer.statsBlockContainer .signUpButtonContainer a {
    margin-top: 14px;
    font-size: 21px;
}

.bluePageButton.yellow {
    background-color: #ffc105;
    border: 1px solid #ffc105;
    border-radius: 3px;
    color: #363636;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 15px 7px;
    margin-top: 8px;
    margin-left: 16px;
    display: inline-block;
    text-decoration: none;
}

.bluePageButton.yellow:hover {
    background-color: #ffdf38;
    border-color: #ffdf38;
}


/************************************

    COOKIE OPT IN POPUP

************************************/

#cookieOptIn {
    display: none;
    left: -20px;
    min-width: 300px;
    position: absolute;
    top: 30px;
    width: 50%;
    z-index: 100000;
}

#cookieOptIn .innerBox1 {
    border: 15px solid #ffffff;
}

#cookieOptIn .innerBox2 {
    background-color: #3275ab;
    font-family: roboto;
    font-size: 17px;
    font-weight: 300;
    min-height: 76px;
    padding: 5px 5px 12px 14px;
}

#cookieOptIn p {
    color: #fff;
    padding: 12px 0 0 0;
    margin: 0 15px 8px;
}

#cookieOptIn p.head {
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
}

#cookieOptIn .alignRight {
    text-align: right;
    float: right;
}

#cookieOptIn a {
    color: #bbefff;
    margin: 0 0 12px 15px;
}

#cookieOptIn a:hover {
    text-decoration: none;
    color: #fff;
}

#cookieOptIn a.button {
    background: #b9e9fb none repeat scroll 0 0;
    border: 1px solid #b9e9fb;
    border-radius: 3px;
    color: #444444;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 10px 10px;
    padding: 4px 10px 5px;
}

#cookieOptIn a.button:hover {
    background: #fff;
    color: #666;
}

#cookieOptIn .clear {
    clear: both;
}

.cookiePreferencesLink {
    display: none;
}

#CookieOptionIntro,
#cookiePreferences {
    display: none;
}


/************************************

    HOMEPAGE STYLES 2016

************************************/

.startNewBlock {
    margin-top: 15px;
}

#contentContainer>.containerWrap.noPaddingBottom,
.noPaddingBottom {
    padding-bottom: 0;
}

.noMarginBottom {
    margin-bottom: 0;
}

.featuredProductCategories .productCategories {
    overflow: hidden;
}

.productCategories .row img {
    height: 100px;
}

.mp-categoryTitle {
    min-height: 70px;
    line-height: 1.2;
}


/******************************

    HOMEPAGE FEATURED BANNER

******************************/

.welcomeBanner {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=banner-homepage-laptop&v=20180427131647");
    background-color: #edf2f6;
    background-position: bottom;
    background-repeat: no-repeat;
    color: #000;
}

.mp-pageFeaturedBanner .mp-welcome-message {
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    padding: 0;
    margin: 0 45% 10px 0;
}

.mp-pageFeaturedBanner .mp-home-message {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.1;
    color: #e5e7e8;
    padding: 0;
    margin: 0 0 10px;
}

.homePageWelcomeBanner {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=probrand-welcome-banner&v=20180427131825");
    background-color: #041b26;
    background-position: top;
    background-repeat: no-repeat;
    color: #fff;
}

.mp-pageFeaturedBanner {
    min-height: unset;
    background-size: cover;
    color: #fff;
    padding: 20px;
}

.mp-pageFeaturedBanner .mp-welcome-message {
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    padding: 0;
    margin: 0 45% 10px 0;
}

.mp-pageFeaturedBanner p {
    padding: 0;
    margin: 0 0 8px;
}

.mp-welcomeBannerRightBlock {
    min-height: 170px;
    background-color: #dee0e2;
    padding: 20px 20px 10px;
}


/* HOMEPAGE FEATURED BANNER - Large and up */

@media screen and (min-width: 64em) {
    .mp-pageFeaturedBanner {
        min-height: 300px;
    }
    .mp-pageFeaturedBanner .mp-home-message {
        font-size: 3rem;
    }
}


/******************************

    HOME PAGE MPU BANNERS 

******************************/

.multiScrollerBanner {
    display: block;
    position: relative;
    /* width: 300px;
    height: 250px;*/
    overflow: hidden;
}

.multiScrollerBanner a {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

.multiScrollerBanner.startNewBlock {
    margin-top: 30px;
}


/************************************

    HOMEPAGE SIDEBAR PANELS
    
    FRAMEWORK PANEL & ADVISORS

************************************/

.frameworkTeaserBlock {
    background-color: #ffffff;
    /*background-image: url(/stylesheets/images/homepagePanels/product-framework-polygon-background.png);*/
    background-repeat: no-repeat;
    background-position: top right;
    border: 1px solid #d9ad39;
}

.frameworkTeaserBlock .innerFrameworkContent {
    padding: 22px 14px 14px;
}

.frameworkTeaserBlock .innerFrameworkContent h1 {

    /*background-image: url(/stylesheets/images/homepagePanels/framework-icon.png);*/
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 0 48px 12px 68px;
    margin: 0;
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
    color: #d9b451;
    text-transform: uppercase;
}

.frameworkTeaserBlock .innerFrameworkContent h3 {
    padding: 10px 0 20px 3px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 24px;
    font-weight: 200;
    color: #55524a;
}

.frameworkTeaserBlock .innerFrameworkContent p {
    padding: 0 16px 0 3px;
    color: #55524a;
    font-size: 15px;
    line-height: 18px;
}

.frameworkTeaserBlock .innerFrameworkContent .frameworkStatsBlock {
    float: left;
    margin-top: 5px;
    background-color: #d9ad39;
    height: 89px;
    width: 128px;
}

.frameworkTeaserBlock .innerFrameworkContent #StatsBlockOne {
    margin-right: 10px;
}

.frameworkTeaserBlock .innerFrameworkContent .frameworkStatsBlock .statsTilePadding {
    padding: 8px 10px;
}

.frameworkTeaserBlock .innerFrameworkContent .frameworkStatsBlock .statsTilePadding p {
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
}

.frameworkTeaserBlock .innerFrameworkContent .frameworkStatsBlock .statsTilePadding .heading p {
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 0;
}

.advisorTeaserBlock {
    /*background-color:#dee0e2;*/
    border-top: 1px solid #bfc1c3;
}

.advisorTeaserBlock .advisorHeader h2 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 22px;
}

.advisorTeaserBlock .advisorHeader p {
    font-size: 16px;
}

.advisorTeaserBlock a.standardPageButton {
    margin: 0;
}


/************************************

    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

************************************/

.carouselParentWrapper {
    /*max-width: 1065px;
    width: 100%;
    overflow: hidden;
    position: relative;*/
}

.carouselParentWrapper .sectorSection {
    margin: 0;
    padding: 0;
    /*width: 1000%;
    z-index: 1000;
    float: left;*/
}

.carouselParentWrapper .sectorSection::after {
    clear: both;
    content: ".";
    display: inline;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.carouselParentWrapper .sectorPanel {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #838B93;
    /*display: inline;
    float: left;
    height: 100%;*/
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /*position: relative;
    width: 9.9%;
    top: 0;*/
}


/*.carouselParentWrapper .sectorSection .columnFloatLeft {
    float:left;
    width:80%;
}
.carouselParentWrapper .sectorSection .columnFloatRight {
    float:left;
    width:20%;
}
.carouselParentWrapper .sectorSection .columnSpanFull {
    float:left;
    width:100%;
}
.carouselParentWrapper .sectorSection .imageContainer.sectorArrowsContainer { 
    position:relative;
    left:40%;
}*/

.carouselParentWrapper .panelNavigationContainer {
    float: right;
    width: 160px;
    padding-right: 20px;
    text-align: right;
}

.carouselParentWrapper .panelNavigationContainer .sectorArrowsContainer {
    display: inline-block;
    width: 50px;
}

.carouselParentWrapper .panelNavigationContainer .sectorArrowLeft,
.carouselParentWrapper .panelNavigationContainer .sectorArrowRight {
    width: 65px;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -webkit-transition: opacity 0s ease-in-out;
    -moz-transition: opacity 0s ease-in-out;
    -ms-transition: opacity 0s ease-in-out;
    -o-transition: opacity 0s ease-in-out;
    transition: opacity 0s ease-in-out;
}

.carouselParentWrapper .panelNavigationContainer .sectorArrowLeft {}

.carouselParentWrapper .panelNavigationContainer .sectorArrowRight {}

.carouselParentWrapper .sectorSection .imageContainer .sectorArrowLeft:hover,
.carouselParentWrapper .sectorSection .imageContainer .sectorArrowRight:hover {
    zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9;
    cursor: pointer;
}

.carouselParentWrapper .sectorSection .sectorArrowLeft.inactive,
.carouselParentWrapper .sectorSection .sectorArrowLeft.inactive:hover {
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: default;
}

.carouselParentWrapper .sectorSection h1.sectorHeading::before {

    clear: both;
    visibility: hidden;
}

.carouselParentWrapper .textContent {
    margin: 0 15px 0;
    padding-top: 10px;
    color: #fff;
}

.carouselParentWrapper h1 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    max-width: 650px;
    padding-right: 20px;
}

.carouselParentWrapper p.intro {
    font-size: 17px;
}


/*.carouselParentWrapper .sectorSection h1.sectorHeading {
    margin-left:15px;
    font-size:3.538rem;
    line-height:1.1;
    font-weight:600;
    max-width:650px;
    padding-right:20px;
    color:#fff;
}
.carouselParentWrapper .sectorSection p.sectorParagraph { 
    font-size:18px;
    line-height:1.3;
    color:#fff;
    max-width:580px;
    margin-left:15px;
    padding-right:20px;
    width:65%;
}*/

.carouselParentWrapper .carouselContainer #AssetsContainer {
    width: 94%;
    overflow: hidden;
    float: left;
    height: 290px;
}

.carouselParentWrapper .carouselContainer #AssetsContainer .resultsContainerMain.paddingRight {
    width: 300%;
}

.carouselParentWrapper .carouselContainer .searchResultOuterContainer {
    /*width: 6.66%;
    min-width: 172px;*/
}

.carouselParentWrapper .spacer .searchEntity {
    /*background: #EBEBE3 url(/App_Themes/Skin_1/images/headerImages/theitindex-50pc-opacity.png) no-repeat center;*/
    opacity: 0.5;
    background-size: contain;
}

.carouselParentWrapper .spacer .searchEntity:hover {
    border-color: #e4e4e4;
}

.carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer {
    width: 20%;
}

.carouselParentWrapper .carouselContainer .clickableNextArrow {
    float: left;
    /*background-image: url(/stylesheets/images/carouselPlugin/arrow-right.png);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px 0 0 0.5%;
    padding: 0;
    background-color: #555f6a;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -webkit-transition: opacity 0s ease-in-out;
    -moz-transition: opacity 0s ease-in-out;
    -ms-transition: opacity 0s ease-in-out;
    -o-transition: opacity 0s ease-in-out;
    transition: opacity 0s ease-in-out;
    width: 4%;
    height: 275px;
    border-radius: 2px;
}

.carouselParentWrapper .carouselContainer .clickableNextArrow:hover {
    zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9;
    cursor: pointer;
}

.carouselParentWrapper .clickableNextArrow img {
    width: 40px;
    height: auto;
    opacity: 1.0;
}

.carouselParentWrapper .viewAllServicesButton {
    display: inline-block;
    margin: 10px 0 0 18px;
}


/************************************

        CAROUSEL SERVICES OVERRIDES

    ************************************/

.carouselParentWrapper .avoidRightColumn {
    margin-right: 20px;
}

.carouselParentWrapper .containerWrap {
    background-color: transparent;
    border: 0;
    padding-top: 10px;
}
/*
.carouselParentWrapper .sectorSection .healthcareSector {
    background-image: url(/stylesheets/images/carouselPlugin/healthcareBG.jpg);
}

.carouselParentWrapper .sectorSection .modSector {
    background-image: url(/stylesheets/images/carouselPlugin/modBG.jpg);
}

.carouselParentWrapper .sectorSection .educationSector {
    background-image: url(/stylesheets/images/carouselPlugin/educationBG.jpg);
}

.carouselParentWrapper .sectorSection .privateSector {
    background-image: url(/stylesheets/images/carouselPlugin/privateSectorBG.jpg);
}

.carouselParentWrapper .sectorSection .publicSector,
.carouselParentWrapper .sectorSection .defaultSector {
    background-image: url(/stylesheets/images/carouselPlugin/publicSectorBG.jpg);
    background-position: 0 -3px;
}

.carouselParentWrapper .sectorSection .defaultSector ul {
    font-size: 19px;
    list-style-type: disc;
}

.carouselParentWrapper .sectorSection .localGovernmentSector {
    background-image: url(/stylesheets/images/carouselPlugin/localGovSectorBG.jpg);
}

.carouselParentWrapper .sectorSection .centralGovernmentSector {
    background-image: url(/stylesheets/images/carouselPlugin/centralGovSectorBG.jpg);
}

.carouselParentWrapper .sectorSection .servicesSector {
    background-color: #ffffff;
    border-top: 10px solid #deded6;
}

.carouselParentWrapper .sectorSection .servicesSector h1.sectorHeading {
    color: #1a1a1a;
}

.carouselParentWrapper .servicesSector .textContent {
    color: #1a1a1a;
}

.carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer {
    display: inline;
}

.carouselParentWrapper .carouselContainer .servicesBlocks .serviceTextHeading p {
    font-size: 21px;
}
*/

/************************************

    SERVICES AND PRODUCTS STYLES
    
    HOMEPAGE FEATURED SERVICES
    NEW HOMEPAGE

************************************/

.servicesBlocks a:hover,
a:active,
a:focus {
    color: #005ea5;
}

.servicesBlocks .imageContainer {
    text-align: center;
}

.itx_PromoItem .searchEntity {
    border-color: #FFDF38;
    overflow: hidden;
}

.searchResultOuterContainer.itx_PromoItem .searchEntity:hover {
    border-color: #005ea5;
}

.itx_PromoItem a.itx_ProductLink {
    bottom: 0;
    height: 100%;
}

.serviceUpperContent {
    /*background-color: #deded6;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf8ef+2,fffcfc+100 */
    background: #fcf8ef;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2ZjZjhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fcf8ef 2%, #fffcfc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcf8ef), color-stop(100%, #fffcfc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcf8ef 2%, #fffcfc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcf8ef 2%, #fffcfc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcf8ef 2%, #fffcfc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fcf8ef 2%, #fffcfc 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcf8ef', endColorstr='#fffcfc', GradientType=0);
    /* IE6-8 */
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.serviceUpperContent .imageContainer img {
    width: 100%;
}

.serviceBottomContent {
    /*background: url("/stylesheets/images/searchElements/1px-panel-bg.png") repeat;*/
    bottom: 0;
    height: auto;
    position: absolute;
    width: 100%;
}

.serviceTextHeading {
    /*background: url("/stylesheets/images/searchElements/1px-white-80pc.png") repeat scroll 0 0;*/
    border-bottom: 1px dashed #ccc;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.serviceTextHeading p {
    font-size: 23px;
    line-height: 1.1;
    margin: 0 0 8px;
}

.serviceTextDescription {
    min-height: 80px;
    padding: 5px 10px;
}

.serviceTextDescription p {
    color: #686868;
    font-size: 13px;
    line-height: 1.2;
    margin: 0 0 8px;
}


/* SMALL PROMO ITEM */

.itx_PromoItem.itx_SmallPromoItem .searchEntity {

    height: 126px;
}

.itx_PromoItem.itx_SmallPromoItem .searchEntity:first-child {
    height: 127px;
}

.itx_PromoItem.itx_SmallPromoItem .serviceTextDescription {
    min-height: 40px;
}


/* Cloud Backup Calculator */

.itx_Service-CloudBackupCal {}

.itx_Service-CloudBackupCal .serviceUpperContent,
.itx_Service-CloudBackupCal .serviceBottomContent {
    background: none;
}

.itx_Service-CloudBackupCal .searchEntity {
    background: #f79b2e;
}

.itx_Service-CloudBackupCal .serviceTextHeading {
    border-color: #bf6300;
    background: none;
}

.itx_Service-CloudBackupCal .serviceTextDescription p {
    color: #333;
}

.itx_Service-CloudBackupCal .serviceUpperContent .imageContainer img {
    left: 43px;
    position: relative;
    top: 0;
    width: 77%;

}


/* Managed Remote Access */

.itx_Service-ManagedRemoteAccess {}

.itx_Service-ManagedRemoteAccess .searchEntity {}

.itx_Service-ManagedRemoteAccess .serviceUpperContent .imageContainer img {
    left: -55px;
    position: relative;
    bottom: 0px;
    width: 213%;
}

.itx_Service-ManagedRemoteAccess .serviceBottomContent,
.itx_Service-ManagedRemoteAccess .serviceTextHeading {
    background: none;
}

.itx_Service-ManagedRemoteAccess .serviceTextDescription {
    background: #2f98c5;
}

.itx_Service-ManagedRemoteAccess .serviceTextDescription p {
    color: #fff;
}

.itx_Service-ManagedRemoteAccess .serviceTextHeading p {
    color: #175068;
    text-shadow: 0 2px 1px #37a0cd;
    border-color: #2F98C5;
}


/* Managed Firewall */

.itx_Service-ManagedFirewall {}

.itx_Service-ManagedFirewall .serviceUpperContent .imageContainer img {
    width: 178%;
}

.itx_Service-ManagedFirewall .serviceBottomContent,
.itx_Service-ManagedFirewall .serviceTextHeading {
    background: none;
}

.itx_Service-ManagedFirewall .serviceTextHeading p,
.itx_Service-ManagedFirewall .serviceTextDescription p {
    color: #fff;
}


/* Cloud Services */

.itx_Service-CloudServices {}

.itx_Service-CloudServices .serviceUpperContent .imageContainer img {}


/* Installation */

.itx_Service-Installation {}

.itx_Service-Installation .serviceUpperContent .imageContainer img {}


/* Anti-Virus*/

.itx_Service-AntiVirus {}

.itx_Service-AntiVirus .serviceUpperContent .imageContainer img {}


/* Disaster Recovery */

.itx_Service-DisasterRecovery {}

.itx_Service-DisasterRecovery .serviceUpperContent .imageContainer img {}


/************************************

    HOMEPAGE PRODUCT CATEGORIES
    NEW HOMEPAGE

************************************/

.featuredProductCategories.contentInnerMargin {
    margin-left: 10px;
    margin-right: 10px;
}

.productCategories.equalisationContainer h1 {
    margin-bottom: 2px;
    font-size: 23px;
    font-weight: 600;
    margin-left: 15px;
    margin-top: 20px;
}

.categoryInnerStyles {
    /*border:1px solid #005ea5;*/
    /*float: left;*/
    /* margin-bottom: 9px;
    margin-left: 9px;
    margin-right: 0;
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 94%;*/
    margin-top: 15px;
}

.categoryInnerStyles a,
.categoryInnerStyles .categoryItem {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    display: block;
}

.categoryInnerStyles a:hover {
    /* border:1px solid #2b8cc4;*/
    background-color: #dee0e2;
}

.categoryInnerStyles a:focus {
    background-color: #ffbf47;
}

.categoryInnerStyles img {
    width: 50%;
    margin-bottom: 5px;

    margin-top: 5px;
}

.categoryInnerStyles span {
    display: block;
}

.categoryInnerStyles span.imageContainer {
    text-align: center;
}


/*.categoryInnerStyles span.categoryName {
    bottom: 0;
    margin-bottom: 8px;
    color: #005ea5;
    line-height: 1;
    position: relative;
    text-align: center;
    width: 100%;
    font-size:16px;
    font-weight:bold;
}*/

.categoryInnerStyles span.categoryName {
    padding-bottom: 5px;
}


/***************************************

VENDOR LOGOS (Homepage and Vendor Index)

****************************************/

.vendorLogos {
    margin: 20px 0;
}

.vendorLogos .logoPanel {
    display: inline-block;
}

.logoPanel img {
    max-width: 125px;
    width: 100%;
    padding: 10px 2px;
}

.vendorLogos .logoButton {
    display: none;
}

.vendorLogos .viewAll {
    text-align: center;
}

.vendorLogos .viewAll a {
    text-align: center;
    background-color: transparent;
    border: 1px solid #12ccb5;
    color: #2e2e3b !important;
    font-size: 16px;
    padding: .8rem;
}

.vendorLogos .viewAll a:hover {
    background-color: #12ccb5;
    border: 1px solid #12ccb5;
    color: #fff !important;
}

.vendorLogos .hideVendor {
    display: none;
}


/******************************************************

    BRANDS

*******************************************************/

.brand-content {
    border: 1px solid #cdcdcd;
    float: left;
    margin: 0 0 2%;
    width: 100%;
}

.brands-scroller .brand-content {
    background-color: #fff;

}

/*.brand-content {
    border: 1px solid #cdcdcd;
    float: left;
    margin: 0 10px 10px 0;
    width: 175px;
    background-color: #fff;
}*/

.brand-content a {
    display: block;
    text-align: center;
}

.brand-content .brand-link {
    padding: 0 10px 10px;
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    display: block;
}


/* BRANDS - Medium and up */

@media screen and (min-width: 40em) {
    .brand-content {
        width: 31%;
        margin: 0 2% 2% 0;
    }
    .brand-content .brand-link {
        text-align: left;
        padding: 0 10px;
        min-height: 35px;
    }
}


/* BRANDS - Large and up */

@media screen and (min-width: 64em) {
     .brand-content {
        width: 19%;
        margin: 0 1% 1% 0;
		/*height: 170px;*/
    }
}


/******************************************************

    SLICK SLIDER / SCROLLER

*******************************************************/


/* BASE SLICK SLIDER */

.mp-slider {
    padding: 10px 50px;
}

.mp-slider .slick-arrow {
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    position: absolute;
    top: 25%;
    opacity: 0.8;
    overflow: hidden;
    cursor: pointer;
	z-index:10;
}

.mp-slider .slick-arrow:hover {
    opacity: 1;
}

.mp-slider .slick-prev {
    left: 0;
    background: url(/cds/image$scroller-arrow-left-svg-01$20180912145730) no-repeat;
	background-size:75%;
}

.mp-slider .slick-next {
    right: 0;
    background: url(/cds/image$scroller-arrow-right-svg-01$20180912150039) no-repeat;
	background-size:75%;
}

.mp-slider .slick-slide img {
    margin: 0 auto;
    max-width: 100%;
}
.mp-productImageScrollerNav .mp-slider .slick-slide img {
    cursor: pointer;
}


/* BASE SLICK SLIDER SYNCING */

.mp-slider.mp-slider-syncing {
    padding: 0;
}

.mp-slider-syncing .slider-nav.slick-slider {
    padding: 10px 50px;
}

.mp-slider.mp-slider-syncing .slick-arrow {

    width: 40px;
    height: 40px;
}

/******************************************************

    STATS SLICK SLIDER / SCROLLER

*******************************************************/


.stat-slider {
    text-align: right;
    padding: 0 30px 4px 0;
    margin-top: 28px;
    border-right: 1px solid #fff;

}
.stat-slider .slick-list {
    padding-top: 2px;

}
.stat-slider .slick-dots,
.stat-slider .slick-next,
.stat-slider .slick-prev {
    display: none !important;
}
.stat-slider .overlay-slider-buttons {
    display: none !important;
}

.stat-slider .slick-dots ul {
    display: none !important;
    list-style: none !important;
}
.stat-slider .slick-next {
    display: none !important;
}   
        
/******************************************************

    BANNER SLICK SLIDER / SCROLLER

*******************************************************/

.mp-slider.brands-scroller {
    padding: 0;
}

.brands-scroller .brands-container {
    padding: 10px 50px;
}

.brands-scroller .brand-content {
    border: none;
    margin: 3px;
}

.brands-scroller .brand-link {
    display: none;
}

.viewAll {
    text-align: center;
}

.view-all-brands {
    text-align: center;
    font-size: 16px;
    padding: 1rem;
}


/******************************************************

    BANNER SLICK SLIDER - DOTS

*******************************************************/

.mp-slider .slick-dots {
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

.mp-slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}

.mp-slider .slick-dots li button {
    background: none;
    border: 0 none;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: medium none;
    padding: 5px;
    width: 20px;
}

.mp-slider .slick-dots li button:hover,
.mp-slider .slick-dots li button:focus {
    outline: medium none;
}

.mp-slider .slick-dots li button:hover::before,
.mp-slider .slick-dots li button:focus::before {
    opacity: 1;
}

.mp-slider .slick-dots li button::before {
    content: "";
    height: 10px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 0;
    width: 10px;
    background-color: #acacac;
    border-radius: 100%;
}

.mp-slider .slick-dots li.slick-active button::before {
    opacity: 1;
    background-color: #fff;
    border: 2px solid #12ccb5;
}


/******************************************************

    BANNER SLICK SLIDER - OVERLAY SLIDER BUTTONS

*******************************************************/

.mp-slider.overlay-slider-buttons {
    padding: 0;
    overflow: hidden;
}

.mp-slider.overlay-slider-buttons .slick-arrow {
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -40px;
    z-index: 1;
    transition: transform 0.2s ease-in;
}

.mp-slider.overlay-slider-buttons .slick-prev {
    transform: translateX(-60px);
    left: 10px;
}

.mp-slider.overlay-slider-buttons .slick-next {
    transform: translateX(60px);
    right: 10px;
}

.mp-slider.overlay-slider-buttons.overlay-slider-buttons:hover .slick-prev,
.mp-slider.overlay-slider-buttons.overlay-slider-buttons:hover .slick-next {
    transform: translateX(0px);
}


/************************

  BASKET NEW STYLES - 
  PRODUCT PAGE
  
************************/

.outerBasketContainer.containerWrap {
    margin-top: 28px;
    border-left: 1px solid #BFC1C3;
}

.outerBasketContainer .outerBasketSummary {
    padding: 0px 20px 20px;
}

.outerBasketContainer .outerBasketComparisonContainer {
    padding: 20px 20px 14px;
    border-top: 1px solid #BFC1C3;
}

.outerBasketContainer .outerBasketSummary {}


/*.outerBasketContainer a,
.outerBasketContainer a:visited {
    text-decoration: underline;
}*/

.productQuickView .outerBasketContainer a,
.productQuickView .outerBasketContainer a:visited {
    text-decoration: inherit;
}

.outerBasketContainer .bestPricesHeading {
    width: 100%;
}

.outerBasketContainer .summaryCaption {
    display: inline-flex;
    float: left;
    margin-right: 10px;
    width: 44%;
}

.outerBasketContainer .summaryHyperink {
    display: inline-flex;
    float: right;
}

.outerBasketContainer .priceComparisonViewAll {
    float: right;
    text-decoration: underline;
}

.outerBasketContainer .basketContentOptions {
    padding: 16px 4px 0;
}

a.outlineButton,
input.outlineButton {
    /* border-radius: 3px;*/
    /* cursor: pointer;*/
    text-decoration: none;
}

input.outlineButton {
    float: left;
    /*  font-size: 14px;*/
    /*height: 40px;*/
}

a.lightGreenButton,
input.lightGreenButton {
    /* border: 1px solid #7aaa32;*/
    /* background-color: #e7f6c5;*/
    /* color: #668e2a !important;*/
    /* font-weight: 400;*/
}

a.lightGreenButton:hover,
input.lightGreenButton:hover {
    /* color: #ffffff !important;*/
    /*background-color: #6B9034 !important;*/
}

a.darkGreenButton,
input.darkGreenButton {
    /* border: 1px solid #548a00;
    background-color: #7aaa32;
    color: #ffffff !important;*/
}

a.darkGreenButton:hover,
input.darkGreenButton:hover {
    /* background-color: #6B9034 !important; */
}

.outerBasketContainer .summaryCaption,
.outerBasketContainer .summaryHyperink,
.outerBasketContainer .summaryStock,
.outerBasketContainer .basketPriceComparison>div>div:first-of-type,
.outerBasketContainer .basketPriceComparison>div>div:nth-of-type(2),
.outerBasketContainer .priceComparisonViewAll {
    /* font-size: 16px;
    line-height: 15px;
    font-weight: 400; */
}

.outerBasketContainer .summaryCaption,
.outerBasketContainer .summaryStock,
.outerBasketContainer .basketPriceComparison>div>div:first-of-type {
    color: #000000;
}

.outerBasketContainer .summaryCaption,
.outerBasketContainer .summaryHyperink,
.outerBasketContainer .summaryStock,
.outerBasketContainer .basketPriceComparisonSector,
.outerBasketContainer .basketPriceComparisonValue,
.outerBasketContainer .priceComparisonViewAll {
    /* font-size: 13px;
    line-height: 15px;
    font-weight: 400; */
}

.outerBasketContainer .summaryCaption,
.outerBasketContainer .summaryStock,
.outerBasketContainer .basketPriceComparisonSector,
.outerBasketContainer .basketPriceComparisonValue {
    color: #000000;
}

.outerBasketContainer .summaryCaption,
.outerBasketContainer .basketPriceComparisonCaption {
    padding-left: 2px;
}

.outerBasketContainer .summaryValue,
.outerBasketContainer .summaryStock,
.outerBasketContainer .summarySavings {
    padding-left: 4px;
}

.outerBasketContainer .summaryStock {
    font-weight: 700;
}

.outerBasketContainer .summarySavings {
    padding-top: 6px;
    color: #e99716;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}


.outerBasketContainer .summaryValue {
    padding: 5px 0 15px;
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    color: #006435;
    font-family: "Exo 2", Segoe UI Semibold, "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
}

.outerBasketContainer .basketPriceComparisonCaption {
    font-weight: 700;
    padding-bottom: 8px;
    /*background-image: url('/stylesheets/images/framework_sprite.png');*/
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 28px;
    margin-top: 10px;
}

.outerBasketContainer .basketPriceComparison .basketPriceComparisonSector {
    float: left;
    width: 60%;
}

.outerBasketContainer .basketPriceComparison .basketPriceComparisonValue {
    color: #316f2b;
    float: right;
}

.outerBasketContainer .basketPriceComparisonTable>div {
    margin: 0 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #bfc1c3;
    /*width: 92%;*/
}

.outerBasketContainer .basketPriceComparison div .highlightRow {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 0px;
    background-color: #fccb7e;
}

.outerBasketContainer .outerBasketComparisonContainer .frameworkLink {
    border-bottom: 0px;
    padding-top: 6px;
}

.outerBasketContainer .staffOnly {
    color: #d80000;
}

.outerBasketContainer .basketSummary .basketTotalHeading {
    padding: 20px 20px 0;
    margin: 0;
}

.outerBasketContainer .basketSummary .basketTotalHeading h1 {
    margin-bottom: 0;
}

.outerBasketContainer .basketSummaryItem {
    padding: 12px 0 0;
}

.outerBasketContainer .basketSummaryItemValue {
    color: #316f2b;
    font-weight: 700;
    font-size: 16px;
}

.outerBasketContainer .clearBasketButtonContainer {
    margin-top: 30px;
}

.outerBasketContainer .loginLink {
    padding: 0;
    margin-top: -8px;
}

.totalSummaryMainBottom {
    background-color: #ffffff;
}


/***************************
    
    PRODUCT QUICK VIEW
    
 **************************/

#tabs.quickViewTabs {
    background-image: none;
    background-color: inherit;
    border: 0;
}

#tabs.quickViewTabs #tabsLinksListView_placeHolder {
    background-image: none;
    background-color: inherit;
    padding-top: 0;
    border: 0;
    margin-left: 5px;
}

#tabs.quickViewTabs #tabsLinksListView_placeHolder li {
    margin-right: 0.4em;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#tabs.quickViewTabs #tabsLinksListView_placeHolder li.ui-state-active {
    background-image: none;
    background-color: #ffffff;
    padding-top: 0;
}

#tabs.quickViewTabs #tabsLinksListView_placeHolder li a {
    color: #2779aa;
    font-weight: 400;
}

#tabs.quickViewTabs>div {
    background-image: none;
    background-color: inherit;
    border-radius: 0px;
    border: 1px solid #2694e8;
}

#tabs.quickViewTabs .productDetailContent {
    border: 0;
    padding-left: 0;
    padding-right: 20px;
}


/************************************
    ! jQuery UI - v1.10.4 - 2014-06-25
* Includes: jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.tabs.css
* To view and modify themes, visit http://jqueryui.com/themeroller/ 
************************************/

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: 0.4em 0.7em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget-content {
    border: 2px solid #0b0c0c;
    background: #fff;
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}


.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    border-color: #ddd;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #aed0ea;
    background: #d7ebf9 url(//marketplace.probrand.co.uk/cds/image?n=ui-bg_glass_80_d7ebf9_1x400&v=20180427131830) 50% 50% repeat-x;
    font-weight: bold;
    color: #2779aa
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #2779aa;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #74b2e2;
    background: #e4f1fb url(//marketplace.probrand.co.uk/cds/image?n=ui-bg_glass_100_e4f1fb_1x400&v=20180427131830) 50% 50% repeat-x;
    font-weight: bold;
    color: #0070a3
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #0070a3;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #2694e8;
    background: #3baae3 url(//marketplace.probrand.co.uk/cds/image?n=ui-bg_glass_50_3baae3_1x400&v=20180427131830) 50% 50% repeat-x;
    font-weight: bold;
    color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #f9dd34;
    background: #ffef8f url(//marketplace.probrand.co.uk/cds/image?n=ui-bg_highlight-soft_25_ffef8f_1x100&v=20180427131830) 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #cd0a0a url(//marketplace.probrand.co.uk/cds/image?n=ui-bg_flat_15_cd0a0a_40x100&v=20180427131830) 50% 50% repeat-x;
    color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=ui-icons_72a7cf_256x240&v=20180427131830)
}

.ui-widget-header .ui-icon {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=ui-icons_72a7cf_256x240&v=20180427131830)
}

.ui-state-default .ui-icon {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=ui-icons_3d80b3_256x240&v=20180427131830)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=ui-icons_2694e8_256x240&v=20180427131830) !important;
}

.ui-state-active .ui-icon {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=ui-icons_ffffff_256x240&v=20180427131830)
}

.ui-state-highlight .ui-icon {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=ui-icons_2e83ff_256x240&v=20180427131830)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(//marketplace.probrand.co.uk/cds/image?n=ui-icons_ffffff_256x240&v=20180427131830)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}


.ui-widget-overlay {
    background: #eee url(//marketplace.probrand.co.uk/cds/image?n=ui-bg_diagonals-thick_90_eeeeee_40x40&v=20180427131830) 50% 50% repeat;
    opacity: .8;
    filter: Alpha(Opacity=80)
}


/***** .ui CSS OVERRIDES - PRODUCT QUICK SEARCH *********************************************/

div>.ui-widget-header {
    border-radius: 0px;
    border: 0;
    border-bottom: 1px solid #dddddd;
    background-image: none;
    background-color: #f8f8f8;
    font-weight: 600;
    font-size: 1.2em;
}

div.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    padding: 0.2em;
    background-color: #F7F7F7;
}

div.ui-dialog button,
div.ui-dialog button.ui-button {
    background-color: #12ccb5 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 19px !important;
    margin-right: 10px;
    font-weight: 500;
}

div.ui-dialog button.ui-button {
    margin-right: 0.5em;
    overflow: hidden;
}

div.ui-dialog button:hover {
    background-image: none !important;
    background-color: #86ded2 !important;
    color: #fff !important;
    cursor: pointer;
}

div.ui-dialog button.ui-dialog-titlebar-close::before {
    font-family: FontAwesome;
    content: '\f00d';
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
}

div.ui-dialog button.ui-state-default .ui-icon.ui-icon-closethick,
div.ui-dialog button.ui-state-default:hover .ui-icon.ui-icon-closethick,
div.ui-dialog button.ui-state-default:focus .ui-icon.ui-icon-closethick {
    background-image: none !important;
}





.thisIsAPBGLink,
.CMSPageControlMain .sidebarContainer .containerWrap.contactBlock {
    display: none !important;
}


/******************************************************************************************************

    RESPONSIVE LAYOUT STYLES

    !! IMPORTANT !! --------------------

    All style blocks below are reserved for Media Query style blocks reponsible for the resizing
    of site the site layout at various widths. 

    No standard CSS blocks should be placed after these rules as they work off the natural CSS rule
    stacking order defined above.


******************************************************************************************************/

@media screen and (max-width: 1405px) {
    /************************************

        PRODUCT ITEMS

    ************************************/
    .searchResultOuterContainer {
        width: 25%;
    }
    .servicesBlocks .searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer {
        display: none;
    }
    .searchEntity {
        width: 94%;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        width: 9.78%;
    }
    .carouselParentWrapper .sectorSection .imageContainer.sectorArrowsContainer {
        left: 35%;
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer {

    }
    .carouselParentWrapper .carouselContainer #AssetsContainer .resultsContainerMain.paddingRight {
        width: 300%;
    }
    .carouselParentWrapper .carouselContainer .searchResultOuterContainer,
    .carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer {
        width: 8.3%;
    }*/
}

@media screen and (max-width: 1280px) {
    /************************************

        HEADER ELEMENTS RESIZE

    ************************************/
    /*.headerMainInner.contentWidth,
    .headerTopRailOuter .headerTopRailInner,
    #mainContainer {
        width: 90%;
        -webkit-transition: width 0s;
        transition: width 0s;
    }*/
    .companyLogo {
        width: 180px;
        -webkit-transition: width 0.4s;
        /* Webkit browsers */
        transition: width 0.4s;
    }
    .basketOuterContainer {
        width: 115px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .basketOuterContainer a.menuItem .basketCaption {
        font-size: 0px;
    }
    .searchBarMain {
        margin: 0px 267px 0px 460px;
        -webkit-transition: margin 0.4s;
        /* Webkit browsers */
        transition: margin 0.4s;
    }
    .menuItemContainer li a.menuItem,
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem {
        background-position: 94% 50%;
        -webkit-transition: background-position 0.4s;
        /* Webkit browsers */
        transition: background-position 0.4s;
    }
    /* Basket page */
    .basketProductStripe .basketProductCol02 {

        width: 100%;
        float: right;
    }
    .basketProductStripe.itemAddedToBasket .itemQuantity {
        float: right;
        width: auto;
    }
}

@media screen and (max-width: 1204px) {
    /************************************

        PRODUCT ITEMS

    ************************************/
    .searchResultOuterContainer {
        width: 33.3%;
    }
    .servicesBlocks .searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer+.searchResultOuterContainer {
        display: block;
    }
    .searchEntity {
        width: 94%;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        width: 9.74%;


    }
    .carouselParentWrapper .sectorSection .imageContainer.sectorArrowsContainer {
        left: 25%;
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer {
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer .resultsContainerMain.paddingRight {
        width: 300%;
    }
    .carouselParentWrapper .carouselContainer .searchResultOuterContainer,
    .carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer {
        width: 11.1%;
    }
    .carouselParentWrapper .sectorSection h1.sectorHeading {}*/
}

@media screen and (max-width: 1190px) {
    /**********************************
         Overrides New Product Page 
        ******************************/
    .thumbnailGalleryContainer .outerWrapperContainer {
        width: 85% !important;
    }
}

@media screen and (max-width: 1170px) {
    /**********************************
         Overrides New Product Page 
        ******************************/
    .thumbnailGalleryContainer .outerWrapperContainer {
        width: 88% !important;
    }
}

@media screen and (max-width: 1047px) {
    /************************************


    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        width: 9.68%;
    }
    .carouselParentWrapper .sectorSection .columnFloatLeft {
        float: left;
        width: 70%;
    }
    .carouselParentWrapper .sectorSection .columnFloatRight {
        float: left;
        width: 30%;
    }
    .carouselParentWrapper .sectorSection .imageContainer.sectorArrowsContainer {
        left: 0%;
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer {
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer .resultsContainerMain.paddingRight {
        width: 300%;
    }
    .carouselParentWrapper .carouselContainer .searchResultOuterContainer,
    .carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer {
        width: 16.6%;
    }*/
}

@media screen and (max-width: 1024px) {
    /************************************

        HEADER ELEMENTS RESIZE

    ************************************/
    /*.headerMainInner.contentWidth,
    .headerTopRailOuter .headerTopRailInner,
    #mainContainer {
        width: 90%;
        -webkit-transition: width 0s;
        transition: width 0s;
    }*/
    .companyLogo {
        width: 136px;
        height: 78px;
        -webkit-transition: width 0.4s, height 0.4s;
        /* Webkit browsers */
        transition: width 0.4s, height 0.4s;
    }
    .searchBarMain {
        margin: 0 243px 0 416px;
        -webkit-transition: margin 0.4s;
        /* Webkit browsers */
        transition: margin 0.4s;
    }
    .searchBarMain {
        margin: 0 197px 0 365px;
        -webkit-transition: margin 0.4s;
        /* Webkit browsers */
        transition: margin 0.4s;
    }
    .productsOuterContainer {
        width: 94px;
        -webkit-transition: width 0s ease 0s;
        transition: width 0s ease 0s;
    }
    .serviceOuterContainer {
        width: 88px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .basketOuterContainer {
        transition: width 0s ease 0s;
        width: 85px;
    }
    .basketOuterContainer a.menuItem .basketCaption {
        font-size: 0px;
        -webkit-transition: font-size 0.4s;
        /* Webkit browsers */
        transition: font-size 0.4s;
    }
    .loginOuterContainer {
        transition: width 0s ease 0s;
        width: 110px;
    }
    .menuItemContainer li a.menuItem,
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem {
        background-position: center 95%;
        -webkit-transition: background-position 0.4s;
        /* Webkit browsers */
        transition: background-position 0.4s;
    }
    .arrowIcon {
        margin: 0;
        width: 70px;
        -webkit-transition: margin 0.4s, width 0s;
        /* Webkit browsers */
        transition: margin 0.4s, width 0s;
    }
}

@media screen and (max-width: 1005px) {
    /************************************

        PRODUCT ITEMS

    ************************************/
    .searchResultOuterContainer {
        width: 50%;
    }
    .searchEntity {
        width: 94%;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        min-height: 610px;
    }*/
}

@media screen and (max-width: 960px) {
    /************************************

        HEADER ELEMENTS RESIZE

    ************************************/
    /*.headerMainInner.contentWidth,
    .headerTopRailOuter .headerTopRailInner,
    #mainContainer {
        width: 90%;
        -webkit-transition: width 0s;
        transition: width 0s;
    }*/
    .searchBarMain {
        margin: 0 198px 0 365px;
        -webkit-transition: margin 0.4s;
        /* Webkit browsers */
        transition: margin 0.4s;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        min-height: 690px;
    }*/
}

@media screen and (max-width: 880px) {
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        min-height: 740px;
        width: 9.8%;
    }
    .carouselParentWrapper .sectorSection .imageContainer.sectorArrowsContainer {
        left: 10%;
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer {
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer .resultsContainerMain.paddingRight {
        width: 300%;
    }
    .carouselParentWrapper .carouselContainer .searchResultOuterContainer,
    .carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer {
        width: 34%;
    }*/
}

@media screen and (max-width: 850px) {
    /**********************************
         Overrides New Product Page 
        ******************************/
    .thumbnailGalleryContainer .outerWrapperContainer {
        width: 80% !important;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        min-height: 760px;
    }*/
}

@media screen and (max-width: 840px) {
    /************************************

        HEADER ELEMENTS RESIZE

    ************************************/
    /*.headerMainInner.contentWidth,
    .headerTopRailOuter .headerTopRailInner,
    #mainContainer {
        width: 100%;
        -webkit-transition: width 0s;
        transition: width 0s;
    }*/
    .searchBarMain {
        margin: 0px;
        padding-top: 5px;
        margin: 0 0 0 126px;
        max-width: 100%;
        -webkit-transition: width 0s, max-width 0s, margin 0.4s, height 0.4s, padding 0.4s;
        /* Webkit browsers */
        transition: width 0s, max-width 0s, margin 0.4s, height 0.4s, padding 0.4s;
    }
    .menuItemContainer li a.menuItem {
        padding: 13px 0 13px 10%;
        -webkit-transition: padding 0.4s;
        /* Webkit browsers */
        transition: padding 0.4s;
    }
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem {
        padding: 13px 0 13px 5%;
        -webkit-transition: padding 0.4s;
        /* Webkit browsers */
        transition: padding 0.4s;
    }
    .menuItemContainer.homeButtonOuterContainer a.menuItem.homeButton {
        padding: 13px 0;
        -webkit-transition: padding 0.4s;
        /* Webkit browsers */
        transition: padding 0.4s;
    }
    .menuItemContainer,
    .menuBreakLine,
    .companyLogo {
        height: 50px;
        margin-top: 60px;
        -webkit-transition: height 0.4s, margin-top 0.4s;
        /* Webkit browsers */
        transition: height 0.4s, margin-top 0.4s;
    }
    .companyLogo {
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: position 0.4s, left 0.4s, top 0.4s, height 0.4s, margin 0.4s;
        /* Webkit browsers */
        transition: position 0.4s, left 0.4s, top 0.4s, height 0.4s, margin 0.4s;
    }
    .serviceOuterContainer {
        width: 110px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .productsOuterContainer {
        width: 115px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }

    .loginOuterContainer {
        width: 150px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .basketOuterContainer {
        width: 150px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .menuItemContainer li a.menuItem,
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem {
        background-position: 94% 50%;
        -webkit-transition: background-position 0.4s;
        /* Webkit browsers */
        transition: background-position 0.4s;
    }
    .arrowIcon {
        width: 25px;
        margin: 0 5px;
        -webkit-transition: margin 0.4s, width 0s;
        /* Webkit browsers */
        transition: margin 0.4s, width 0s;

    }
    /************************************

        PROXY USER BAR RESIZE

    ************************************/
    #userExtendedOptionsBar .menuTrigger .menuHeading {
        float: left;
        padding-left: 10px;
    }
    .headerTopRailInner .siteCaption {
        /*display: none;*/
    }
}

@media screen and (max-width: 802px) {
    /************************************

        HEADER ELEMENTS RESIZE

    ************************************/
    .basketOuterContainer {
        transition: width 0s ease 0s;
        width: 110px;
    }
}

@media screen and (max-width: 725px) {
    /************************************

        PRODUCT ITEMS

    ************************************/
    .searchResultOuterContainer {
        width: 100%;
    }
    .searchEntity {
        width: 94%;
    }
}

@media screen and (max-width: 710px) {
    /************************************

        PAGE LAYOUT

    ************************************/
    .containerWrap>.equalisationContainer {
        margin: 0;
        padding-right: 10px;
    }
    .contentWrapper #sidebarContainer {
        width: 100%;
        position: relative;
    }
    .right #sidebarContainer {
        float: left;
    }
    .contentWrapper #contentContainer,
    .containerWrap.avoidRightColumn {
        margin: 0;
    }
    .rightsidePromoBlock {
        float: left;
        width: 40%;
        margin: 10px 5%;
    }
    .rightsidePromoBlock a,
    .rightsidePromoBlock a img {
        width: 100%;
        max-width: 300px;
    }
    /************************************

        PRODUCT ITEMS

    ************************************/
    .searchResultOuterContainer {
        width: 33.3%;
    }
    .searchEntity {
        width: 94%;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        min-height: 805px;
    }*/
}

@media screen and (max-width: 696px) {
    /**********************************
         Overrides New Product Page 
        ******************************/
    .thumbnailGalleryContainer .outerWrapperContainer {
        width: 89% !important;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/

    /*.carouselParentWrapper .sectorSection .sectorPanel {
        width: 9.7%;
    }
    .carouselParentWrapper .sectorSection .imageContainer.sectorArrowsContainer {
        left: 0%;
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer {
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer .resultsContainerMain.paddingRight {
        width: 300%;
    }
    .carouselParentWrapper .carouselContainer .searchResultOuterContainer,
    .carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer {
        width: 35%;
    }
    .carouselParentWrapper .itx_Service-CloudBackupCal .serviceUpperContent .imageContainer img {
        left: 80px;

        width: 40%;
    }
    .carouselParentWrapper .itx_Service-ManagedFirewall .serviceUpperContent .imageContainer img {
        width: 100%;
    }*/
}

@media screen and (max-width: 570px) {
    /************************************

        PRODUCT ITEMS

    ************************************/
    .searchResultOuterContainer {
        width: 50%;
    }
    .searchEntity {
        width: 94%;
    }
    /************************************

        HEADER ELEMENTS RESIZE

    ************************************/
    .productsOuterContainer {
        transition: width 0s ease 0s;
        width: 80px;
    }
    .serviceOuterContainer {
        width: 75px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .basketOuterContainer {
        transition: width 0s ease 0s;
        width: 75px;
    }
    .basketOuterContainer a.menuItem .basketCaption {
        font-size: 0px;
        -webkit-transition: font-size 0.4s;
        /* Webkit browsers */
        transition: font-size 0.4s;
    }
    .loginOuterContainer {
        transition: width 0s ease 0s;
        width: 110px;
    }
    .menuItemContainer li a.menuItem,
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem,
    .menuItemContainer.homeButtonOuterContainer a.menuItem.homeButton {
        padding: 13px 0;
        -webkit-transition: padding 0.4s;
        /* Webkit browsers */
        transition: padding 0.4s;
    }
    .menuItemContainer li a.menuItem,
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem {
        font-size: 16px;
        background-position: center 112%;
        -webkit-transition: background-position 0.4s, font-size 0.4s;
        /* Webkit browsers */
        transition: background-position 0.4s, font-size 0.4s;
    }
    .menuItemContainer li a.menuItem .menuCaption {
        float: none;
    }
}

@media screen and (max-width: 480px) {
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        min-height: 860px;
        width: 9.56%;
    }*/
}

@media screen and (max-width: 420px) {
    /************************************

        HEADER ELEMENTS RESIZE

    ************************************/
    .menuItemContainer,
    .menuBreakLine,
    .companyLogo {
        height: 30px;
        margin-top: 50px;
        -webkit-transition: height 0.4s, margin-top 0.4s;
        /* Webkit browsers */
        transition: height 0.4s, margin-top 0.4s;
    }
    .menuItemContainer li a.menuItem,
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem,
    .menuItemContainer.homeButtonOuterContainer a.menuItem.homeButton {
        padding: 0;
        -webkit-transition: padding 0.4s;
        /* Webkit browsers */
        transition: padding 0.4s;
    }
    .menuItemContainer li a.menuItem,
    .menuItemContainer.loginOuterContainer li a.menuItem,
    .menuItemContainer.basketOuterContainer li a.menuItem {
        background-position: 200% 100%;
    }
    .companyLogo {
        margin: 0 0 0 -68px;
        position: absolute;
        left: 50%;
        top: -31px;
        -webkit-transition: left 0.4s, top 0.4s, height 0.4s, margin 0.4s;
        /* Webkit browsers */
        transition: left 0.4s, top 0.4s, height 0.4s, margin 0.4s;
    }
    .searchBarMain {
        height: 45px;
        margin: 35px 10px 0 0;
        -webkit-transition: margin 0.4s;
        /* Webkit browsers */
        transition: margin 0.4s;
    }
    .searchBarMain .searchBoxNew {
        height: 33px;
    }
    .searchBoxNew input[type="text"] {
        padding: 5px;
    }
    .searchBoxNew input[type="button"] {
        background-position: center -4px;
        height: 33px;
    }
    .menuItemContainer.homeButtonOuterContainer {
        width: 30px;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .serviceOuterContainer {
        width: 22%;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;

    }
    .productsOuterContainer {
        width: 22%;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .loginOuterContainer {
        width: 19%;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .basketOuterContainer {
        width: 23%;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .basketOuterContainer li a.menuItem.basketMenu,
    .serviceOuterContainer li a.menuItem,
    .productsOuterContainer li a.menuItem {
        width: 100%;
        -webkit-transition: width 0s;
        /* Webkit browsers */
        transition: width 0s;
    }
    .basketOuterContainer li a.menuItem.basketMenu .basketIcon {
        -webkit-transition: margin 0.4s;
        /* Webkit browsers */
        transition: margin 0.4s;
    }
    a.accountMenu .accountIcon {
        width: 0;
        height: 0;
        -webkit-transition: width 0s, height 0.4s;
        /* Webkit browsers */
        transition: width 0s, height 0.4s;
    }
    .menuBreakLine.endBreak {}
    .containerWrap>.equalisationContainer {
        padding: 0;
    }
    /************************************

        PRODUCT ITEMS

    ************************************/
    .searchResultOuterContainer {
        width: 100%;
    }
    .searchEntity {
        width: 94%;
    }
    /**********************************
         Overrides New Product Page 
        ******************************/
    .thumbnailGalleryContainer .outerWrapperContainer {
        width: 84% !important;
    }
    /************************************

    RESPONSIVE STYLES
    HOMEPAGE FEATURE CAROUSEL
    
    FEATURED PRODUCTS PER SECTOR

    ************************************/
    /*.carouselParentWrapper .sectorSection .sectorPanel {
        width: 9.56%;
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer {
    }
    .carouselParentWrapper .carouselContainer #AssetsContainer .resultsContainerMain.paddingRight {
        width: 300%;
    }
    .carouselParentWrapper .carouselContainer .searchResultOuterContainer,
    .carouselParentWrapper .carouselContainer .servicesBlocks .searchResultOuterContainer {
        width: 35%;
    }*/
}

@media only screen and (max-device-width: 1538px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    /*****************************************************

     iPad Styles - alters navigation & font sizes

    ******************************************************/
    div,
    p,
    a,
    li,
    td,
    span {
        -webkit-text-size-adjust: none;
        font-weight: normal;
    }
    body,
    ol,
    ul {
        font-size: 16px !important;

        line-height: 1.5 !important;
    }
    .menuItemContainer li a.menuItem {
        padding: 13px 10px 13px 10% !important;
    }
    .menuItemContainer li.menuItemOuter ul.level02,
    .menuItemContainer ul.backgroundLayer {
        left: 0 !important;
    }
    .menuItemContainer li.simpleDropDownMenu ul.level02 {
        left: -65px !important;
    }
    .menuItemContainer li.menuItemOuter ul.level02>li a.menuItemLevel02 {
        font-size: 16px !important;
    }
    .menuItemContainer ul,
    .lowerMenuPanel a.menuSmallButton {
        font-size: 16px !important;
    }
    .customMenuContentContainer {
        width: 100% !important;
        max-width: 500px !important;
    }
    .advisorTeaserBlock .advisorHeader p {
        max-width: 100% !important;
    }

    /*.carouselParentWrapper .carouselContainer #AssetsContainer {
        height: 350px !important;
    }
    .carouselParentWrapper .sectorSection .sectorPanel {
        min-height: inherit !important;
    }*/
    .searchEntity {
        height: 330px !important;
    }
    .itx_PromoItem.itx_SmallPromoItem .searchEntity:first-child {
        height: 158px !important;
    }
    .itx_PromoItem.itx_SmallPromoItem .searchEntity {
        height: 158px !important;
    }
    .panelContainer {
        height: 325px !important;
    }
    .panelContainer .panel02 {
        height: 123px !important;
    }
    .panelContainer .upperContainer {
        margin-bottom: 20px !important;
    }
    .panelContainer .productSummary {
        font-size: 15px !important;
    }
    .panelContainer .productPrice {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .carouselParentWrapper .carouselContainer .clickableNextArrow {
        height: 336px !important;
    }
    .itx_Service-CloudBackupCal .serviceUpperContent .imageContainer img {
        width: 40% !important;
    }
    .attentionGrabberSubText,
    .menuItemContainer li.simpleDropDownMenu ul.level02 li.bespokeMenuContent .menuSubText p,
    .advisorTeaserBlock .advisorHeader p,
    .serviceTextDescription p {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .pageAndResultOptions,
    .pageAndResultOptions select,
    .parametricItem {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    .panelContainer .stockLevel,
    .panelContainer .partNumber {
        font-size: 15px !important;
        line-height: 19px !important;
    }
    div#footer ul li a,
    div#footer .footerText {
        font-size: 14px !important;
    }
    h1 {
        font-size: 24px !important;
    }
    h2 {
        font-size: 22px !important;
    }
    h3 {
        font-size: 20px !important;
    }
    h4 {
        font-size: 18px !important;
    }
    a.viewButton,
    a.moreButton {
        font-size: 17px !important;
    }
    .outerBasketContainer .summaryCaption,
    .outerBasketContainer .summaryHyperink,
    .outerBasketContainer .summaryStock,
    .outerBasketContainer .basketPriceComparisonSector,
    .outerBasketContainer .basketPriceComparisonValue,
    .outerBasketContainer .priceComparisonViewAll {
        font-size: 15px;
    }
}


/* Manual Overrides */


/* Hide Products menu bottom links (Vendor Stores) */

.productsOuterContainer .lowerMenuPanel {
    display: none;
}


/* Hide Contingent Labour, Services menu item (last item) */

.serviceOuterContainer li.menuItemOuter ul.departmentsLevel02 li.menuItemOuterLevel02:last-of-type {
    display: none;
}


/* Hide MPU Adverts 

.multiScrollerBannerContainer {
    display: none;
}*/

.multiScrollerBannerContainer {
    margin-left: 10px;
    margin-right: 10px;
}


/* Hide Learn About Prices on Products page */

.bestPricesHeading .summaryHyperink {
    display: none;
}


/* Hide Change Password link */



/*
.menuItemContainer.loginOuterContainer li.menuItemOuter ul.level02 > li:nth-child(5) {
    display: none;
}
*/


/* Hide Orders link */


/*
.menuItemContainer.loginOuterContainer li.menuItemOuter ul.level02 > li:nth-child(4) {
    display: none;
}
*/


/* END: Manual Overrides */


/**************************************************************
    **************************************************************

     CCS UPDATE - Incorporating GOV Brand Guidelines

    ************************************************************
    ***********************************************************/


/********* UTLITIES *********/

.ui-datepicker {
    width: auto !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 1px;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-next span {
    background-position: -65px 0;
}


/********* TYPOGRAPHY *********/


/* FONT */

.kk_Model .kk_QuestionControlWrapper.kk_DisplaySmallSizeText .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_DisplaySmallSizeText\[QuestionText\] .kk_QuestionText,
.kk_Model .kk_QuestionControlWrapper.kk_DisplaySmallSizeText .kk_QuestionText label,
.kk_Model .kk_QuestionControlWrapper.kk_DisplaySmallSizeText\[QuestionText\] .kk_QuestionText label,
.kk_Model .kk_QuestionControlWrapper.kk_DisplaySmallSizeText\[QuestionControl\] .kk_QuestionControl span,
.kk_Model .kk_QuestionControlWrapper.kk_DisplayAsLink.kk_DisplaySmallSizeText .kk_NewSubmitButtonText {
    /*font-family: Arial, helvetica, sans-serif !important;FONTCHANGE*/
    font-size: 19px;
    color: #0b0c0c;
}

.kk_Model .kk_QuestionControlWrapper.kk_DisplayLargeSizeText\[QuestionText\] .kk_QuestionText,
.kk_QuestionControlWrapper.kk_DisplayLargeSizeText\[QuestionControl\] .kk_QuestionControl span {
    font-size: 48px;
}

.kk_Model .kk_QuestionControlWrapper.kk_DisplayMediumSizeText\[QuestionText\] .kk_QuestionText,
.kk_QuestionControlWrapper.kk_DisplayMediumSizeText\[QuestionControl\] .kk_QuestionControl span {
    font-size: 36px;
}

.kk_Model .kk_QuestionControlWrapper.kk_DisplaySmallSizeText\[QuestionText\] .kk_QuestionText,
.kk_QuestionControlWrapper.kk_DisplaySmallSizeText\[QuestionControl\] .kk_QuestionControl span {
    font-size: 24px;
}

.kk_Model .kk_QuestionControlWrapper.kk_DisplayTinySizeText\[QuestionText\] .kk_QuestionText,
.kk_QuestionControlWrapper.kk_DisplayTinySizeText\[QuestionControl\] .kk_QuestionControl span {
    font-size: 19px;
}


/* LEAD PARAGRAPH */

p.lede {
    font-size: 24px;
}

.list {
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 0;
}

.list li {
    margin-bottom: 5px;
}

.list-bullet {
    list-style-type: disc;
    padding-left: 20px;
}

.list-number {
    list-style-type: decimal;
    padding-left: 20px;
}



/* INSET TEXT */

.panel {
    border-color: #bfc1c3;
    border-left-style: solid;
    box-sizing: border-box;
    clear: both;
    padding: 15px;
    margin-bottom: 15px;
}

.panel *:first-child {
    margin-top: 0;
}

.panel *:only-child,
.panel *:last-child {

    margin-bottom: 0;
}

.panel-border-wide {
    border-left-width: 10px;
}

.panel-border-narrow {
    border-left-width: 5px;
}


/********* DATA *********/


/* DATA IN A TABLE */

.kk_DataSourceGridContainer {
    margin-bottom: 10px;
}

table,
table thead,
table tbody,
table tfoot {
    border: 0 !important;
}

table,
.kk_Model table.kk_VerticalDS {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.kk_Model table.kk_VerticalDS {
    background-color: unset;
}

.kk_Model table.kk_VerticalDS td,
.kk_Model table.kk_VerticalDS .kk_EvenRow td {
    background-color: rgba(255, 255, 255, 0.8);
}

.kk_Model table.kk_AlternateRowStyling .kk_OddRow th,
.kk_Model table.kk_AlternateRowStyling .kk_OddRow td {
    background-color: rgba(250, 250, 250, 0.8);
}

table th,
.kk_Model table.kk_VerticalDS th,
.kk_Model table.kk_VerticalDS td {
    border-bottom: 1px solid #bfc1c3;
    color: unset;
    padding: 12px 20px 9px 0;
    text-align: left;
    text-transform: none;
}


/********* KNOWLEDGEKUBE ADVISORS *********/


/* STEPS */

.kk_Model .kk_QuestionControlWrapper.kk_StepStage .kk_QuestionControl .kk_LabelControl {
    padding-top: 5px;
}


/* PRODUCT ADVISOR */

.productAdvisor {
    margin-bottom: 20px;
}

.productAdvisorImage {
    margin-bottom: 10px;
    border-bottom: 5px solid #0b0c0c;
}

.productAdvisorImage img {
    width: 100%;
}


/* PRODUCT ADVISOR - Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .productAdvisorImage {
        height: auto !important;
    }
}


/* BUTTON ICON ACTION - DEFAULT  */

.kk_Model .kk_ButtonIconAction .kk_NewSubmitButton {
    background-color: #00823b;
    box-shadow: 0 2px 0 #003618;
}

.kk_Model .kk_ButtonIconAction .kk_NewSubmitButtonText {
    background-color: none !important;
    box-shadow: unset;
}


/* BUTTON ICON ACTION - HOVER  */

.kk_Model .kk_ButtonIconAction .kk_NewSubmitButton:hover {
    background-color: #00692f;
}

.kk_Model .kk_ButtonIconAction .kk_NewSubmitButton:hover .kk_NewSubmitButtonText {
    background-color: transparent !important;
}

.kk_Model .kk_ButtonIconAction .kk_NewSubmitButtonLeftEdge {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 190px;
    margin: 0 auto;
    width: 151px;
}


/* BUTTON ICON ACTION - SELECTED  */

.kk_Model .kk_ButtonIconAction.kk_ButtonIconActionSelected .kk_NewSubmitButton {
    box-shadow: 0 2px 0 #df3034;
}

.kk_Model .kk_ButtonIconAction.kk_ButtonIconActionSelected .kk_NewSubmitButton,
.kk_Model .kk_ButtonIconAction.kk_ButtonIconActionSelected .kk_NewSubmitButtonText {
    background-color: #f47738;
}


/* BUTTON ICON ACTIONS */


/* Vehicle Hire Services */

.kk_VHS .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-vhs-icon&v=20180427131816");
}


/* Vehicle Lease and Fleet Management */

.kk_VLFM .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-vlafm-icon&v=20180427131816");
}


/* Vehicle Purchase */

.kk_VP .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-vp-icon&v=20180427131816");
}


/* UK */

.kk_UK .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-uk-icon&v=20180427131816");
}


/* INTERNATIONAL */

.kk_International .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-int-icon&v=20180427131815");
}


/* CARS */

.kk_Cars .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-car-icon&v=20180427131815");
}


/* VANS */

.kk_Vans .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-van-icon&v=20180427131816");
}


/* MINIBUSES */

.kk_Minibuses .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-mbus-icon&v=20180427131815");
}


/* BUSES */

.kk_Buses .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-bsch-icon&v=20180427131815");
}


/* COACHES */

.kk_Coaches .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-bsch-icon&v=20180427131815");
}


/* MOTOR VEHICLES */

.kk_MotorVehicles .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-car-icon&v=20180427131815");
}


/* Commercial Vehicles <= 3.5 tonnes */

.kk_LMCVLessThan35 .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-van-icon&v=20180427131816");
}


/* Commercial Vehicles > 3.5 tonnes */

.kk_LMCVGreatThan35 .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-cmmorethree-icon&v=20180427131815");
}


/* Light to Medium Commercial Vehicles < 7.5 tonnes */

.kk_LMCVLessThan75 .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-bsch-icon&v=20180427131815");
}


/* Medium to Heavy Commercial Vehicles >= 7.5 tonnes */

.kk_LMCVGreatThan75 .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-cmmorethree-icon&v=20180427131815");
}


/* BLUE LIGHT CARS */

.kk_BLC .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-polcar-icon&v=20180427131816");
}


/* BLUE LIGHT COMMERCIAL VEHICLES */

.kk_BLCV .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-polcar-icon&v=20180427131816");
}


/* FIRE SERVICE */

.kk_Fire .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-fires-icon&v=20180427131815");
}


/* AMBULANCE */

.kk_Ambulance .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-amb-icon&v=20180427131815");
}


/* POLICE */

.kk_Police .kk_NewSubmitButtonLeftEdge {
    background-image: url("//marketplace.probrand.co.uk/cds/image?n=fm-polcar-icon&v=20180427131816");
}


/********* COMPARE PRODUCTS *********/

.comparedProduct {
    border-bottom: 1px solid #bfc1c3;
}


/********* KK CALL TO ACTION STRIPE *********/

.rowBackground.kkCallToAction {
    margin-top: 30px;
    border-top: 5px solid #0b0c0c;
}

.rowBackground.kkCallToAction .button {
    /*margin-left: 35px !important;*/
}


/********* STYLESHEET OVERRIDE ISSUES *********/


/*.mp-basketTotalValue {
    font-family: Arial, helvetica, sans-serif !important;
}
FONTCHANGE*/

li.quickBasketItem input.bodyQuantityInput {
    width: 32px !important;
}


.CCS_FleetImageWidth {
    width: 150px;
}


/********************************************CARE HOMES*********************************************/

.kk_Model .techdemo-placeholder-grid-4col {
    margin-top: 30px;
    box-sizing: border-box;
    vertical-align: top;
    max-width: 100% !important;
}

.kk_Model .techdemo-placeholder-grid-4col .kk_ColumnCount_4 {
    background-color: rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    padding: 20px;
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] {
    border-right: 1px solid rgba(0, 0, 0, 0.0);
    display: table-cell;
    vertical-align: top;
    float: none;
    padding: 0;
    text-align: center;
}

.kk_Model .techdemo-placeholder-grid-cell-heading {}

.kk_Model .techdemo-placeholder-grid-cell-heading .kk_QuestionText {
    padding-top: 0;
    color: #333333;
    font-size: 19px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_QuestionControlWrapper {
    padding: 15px 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.0);
    width: 100%;
    box-sizing: border-box;
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_QuestionControlWrapper.kk_LabelContainer .kk_QuestionControl {
    display: none;
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_QuestionControlWrapper.kk_LabelContainer .kk_QuestionText {
    width: 100%;
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_QuestionControlWrapper.kk_ButtonContainer .kk_NewSubmitButton {
    position: relative;
    top: -9px;
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_NewSubmitButtonText {}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_QuestionControlWrapper.kk_ButtonContainer,
.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_NewSubmitButtonText,
.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 [class*="kk_ColumnAssignment_"] .kk_ButtonControl {
    margin: 0;
    box-sizing: border-box;
}

.kk_Model [class*="techdemo-placeholder-grid-cell"] {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    height: 62px !important;
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 .kk_ColumnAssignment_1 {
    text-align: right;
    border-right: 1px solid rgba(0, 0, 0, 0.0);
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 .kk_ColumnAssignment_1 [class*="techdemo-placeholder-grid-cell"] {
    border-top: 1px solid rgba(0, 0, 0, 0.0);
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 .kk_ColumnAssignment_2 {
    background-color: rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 .kk_ColumnAssignment_3 {
    background-color: rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.kk_Model .techdemo-placeholder-grid-4col .kk_PlaceHolderContent .kk_ColumnCount_4 .kk_ColumnAssignment_4 {
    background-color: rgba(255, 255, 255, 0.3);

}

.kk_Model .kk_PlaceHolderContent .kk_ColumnCount_4 .kk_NumberContainer.kk_QuestionControlWrapper[class*="techdemo-placeholder-grid-cell-number"] {
    width: 100%;
    min-height: 0;
    padding: 0;
}

.kk_Model .kk_QuestionControl.techdemo-placeholder-grid-cell-number {
    width: 100%;
    min-height: 0;
    padding: 0;
}

.kk_Model .techdemo-placeholder-grid-cell-number .kk_QuestionText {
    display: none;
}

.kk_Model .techdemo-placeholder-grid-cell-number .kk_QuestionControl {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

.kk_Model .techdemo-placeholder-grid-cell-number .kk_QuestionControl .kk_Control {
    margin: 0;
}

.kk_Model .techdemo-placeholder-grid-cell-dropdown {
    min-height: 0;
    height: auto;
    padding: 10px !important;
    ;
}

.kk_Model .techdemo-placeholder-grid-cell-dropdown .kk_QuestionText {
    display: none;
}

.kk_Model .techdemo-placeholder-grid-cell-dropdown .kk_Control.kk_DropDownListControl {
    margin-bottom: 0;
}

.kk_Model .techdemo-placeholder-grid-cell-dropdown .kk_QuestionControl {
    width: 100%;
}

.kk_Model .kk_QuestionControlWrapper.techdemo-placeholder-grid-highlight {
    background-color: rgba(236, 192, 59, 0.3);
}

.kk_Model .techdemo-grid-hide-image {
    visibility: hidden;
}

.kk_Model_security-services .kk_TopNavigation {
    display: none;
}

.kk_Model [class*="techdemo-placeholder-grid-cell"] {
    border-top: none;
    box-sizing: border-box;
    height: auto;
}

.kk_Model_security-services .techdemo-summary-panel .kk_QuestionColumnWrapper.kk_ColumnAssignment_2 {
    background-color: #dcf2f0;
    padding: 10px;
}


/********************************************TYRES ADVISOR*********************************************/

.kk_Model .kk_NumberPlate .kk_QuestionControlWrapper.kk_ButtonContainer.kk_CreateSearchBox-RightButton .kk_QuestionControl .kk_ButtonControl input,
.kk_Model .kk_NumberPlate .kk_QuestionControlWrapper.kk_ButtonContainer.kk_CreateSearchBox-RightButton .kk_QuestionControl .kk_ButtonControl .kk_NewSubmitButtonText {
    height: 51px;
}

.kk_NumberPlate input {
    background-color: #fdb414;
    border: 0 none;
    border-radius: 0;
    color: #222;
    font-family: Arial Black, Arial Bold, Gadget, sans-serif;
    font-size: 28px !important;
    height: 50px;
    text-align: center;
    text-transform: uppercase;
}


/* column fill control */

.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl {
    width: 50% !important;
}

.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionText {
    padding-bottom: 7px;
}

.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .kk_NewSimpleDropdownContainer,
.kk_Model .kk_DropDownListContainer select,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl input[type="text"],
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl textarea,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBox,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBoxSubmit,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl select,
.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .kk_NewSimpleDropdownContainer,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl input[type="text"],
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl textarea,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBox,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBoxSubmit,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl select,
.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .kk_NewSimpleDropdownContainer {
    width: 99% !important;
}

@media screen and (max-width: 40em) {
	.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .kk_NewSimpleDropdownContainer,
	.kk_Model .kk_DropDownListContainer select,
	.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl input[type="text"],
	.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl textarea,
	.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBox,
	.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBoxSubmit,
	.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl select,
	.kk_Model .kk_ColumnCount_1 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .kk_NewSimpleDropdownContainer,
	.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl input[type="text"],
	.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl textarea,
	.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBox,
	.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .inputBoxSubmit,
	.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl select,
	.kk_Model .kk_ColumnCount_2 .kk_QuestionControlWrapper.kk_QuestionControlToFillColumn .kk_QuestionControl .kk_NewSimpleDropdownContainer {
	    width: none !important;
	}
}


/********* SUGGESTIONS / SEARCH BOX  **********************/


/********* Had to use importants as the CSS is inline on SearchBox.ascx - needs ripping out  **********************/

.suggestions {
    background-color: #fff !important;
    border-radius: none !important;
    border-top: 2px solid #0b0c0c !important;
    border-right: 2px solid #0b0c0c !important;
    border-bottom: 2px solid #0b0c0c !important;
    border-left: 2px solid #0b0c0c !important;
}


/*************************************************************************************
       
    STATS TEMP FIXES NEED REMOVING AFTER BUILD

*************************************************************************************/

.statsContent .mp-statistics>div {
    width: 100% !important;
}


/******************************************** FAQS *********************************************/

.kk_Model .ccs_FAQSelectionGrid .kk_GridTile .kk_GridTileName {
    font-size: 17px;
    font-family: newtransport;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 20px;
}

.kk_Model .ccs_FAQSelectionGrid .kk_QuestionControlWrapper.kk_GridTileOuterContainer {
    border: none;
    box-sizing: content-box;
}

.kk_Model .ccs_FAQSelectionGrid .kk_QuestionControlWrapper.kk_GridTileOuterContainer.kk_AlternativeDisplay {
    background-color: #dee0e2 !important;
}

.kk_Model .ccs_FAQSelectionGrid .kk_GridTile {
    position: unset;
}

.kk_Model .ccs_FAQSelectionGrid .kk_GridTileOuterContainer.kk_TileSize\[Short-Long\] {
    height: auto;
}


/* OLDER FAQ Styles - to be removed once next version goes live */

.kk_Model_FAQs .kk_ColumnCount_2 .kk_ColumnAssignment_2 .kk_DSCell .kk_NewSubmitButton .kk_NewSubmitButtonText::before,
.kk_Model_FAQs .kk_ColumnCount_2 .kk_ColumnAssignment_2 .kk_DSRow.kk_ActiveGridItem .kk_DSCell .kk_NewSubmitButton .kk_NewSubmitButtonText::before {
    content: "";
    text-align: center;
}

.kk_Model_FAQs .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer .kk_NewSubmitButton {
    margin-bottom: 0;
    margin-top: 0;
}

.kk_Model_FAQs .kk_NewSubmitButtonText {
    box-shadow: none;

}

.kk_Model_FAQs .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer .kk_NewSubmitButtonText {
    padding: 10px 11px 4px;
}

.kk_Model_FAQs .kk_DataSourceGridContainer .kk_ActiveGridItem .kk_DSControl_Button.kk_NewSubmitButtonContainer .kk_NewSubmitButtonText {
    padding: 17px 11px 4px;

}

.kk_Model_FAQs .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer {
    text-align: right;
}

.kk_Model_FAQs .kk_ColumnCount_2 .kk_ColumnAssignment_2 .kk_DataSourceGridContainer .kk_VerticalDS .kk_ActiveGridItem td {
    background: none;
    color: black;
}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer table.kk_VerticalDS td.kk_NestedContentTd .kk_NestedContentContainer {
    border: none;
}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer table.kk_VerticalDS tr {
    position: relative;
    display: block;
}

.kk_Model_FAQs .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer .kk_NewSubmitButtonText {
    position: absolute;
    background-color: none;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0) url("//marketplace.probrand.co.uk/cds/image?n=dropdown_down&v=20180427131814") no-repeat scroll 97% 25px;
}

.kk_Model_FAQs .kk_ColumnCount_2 .kk_ColumnAssignment_2 .kk_ActiveGridItem .kk_DSCell .kk_NewSubmitButton .kk_NewSubmitButtonText {
    position: absolute;
    background-color: none;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0) url("//marketplace.probrand.co.uk/cds/image?n=dropdown_up&v=20180427131814") no-repeat scroll 97% 25px;
}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer .kk_NestedContentTd .kk_NestedContentClose {
    border: none;
    background: none;
}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer table.kk_VerticalDS td.kk_NestedContentTd {
    border-bottom: none 0 !important;
}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer table.kk_VerticalDS td {
    width: 100%;
}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer.CCS_FAQLinks {}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer.CCS_FAQLinks table.kk_VerticalDS td.kk_ColName_CategoryName {
    font-size: 17px;
    font-weight: 600;
    padding: 8px 10px 9px;
    font-family: newtransport, segoe ui, arial, helvetica, sans-serif
}

.kk_Model_FAQs .kk_DataSourceGridContainer .kk_NewSubmitButtonContainer.kk_DSControl_Button .kk_NewSubmitButton {
    outline: none;
    border: none;
}


.kk_Model_FAQs .kk_DataSourceGridContainer .kk_NewSubmitButtonContainer.kk_DSControl_Button .kk_NewSubmitButtonText {
    outline: none;
}

.kk_Model_FAQs .kk_DataSourceGridContainer.CCS_FAQLinks .kk_DSControl_Button.kk_NewSubmitButtonContainer .kk_NewSubmitButtonText {
    background: none;
}

.kk_Model_FAQs .kk_GridTileName {
    font-weight: bold;
    color: #005ea5 !important;
}

.kk_Model_FAQs .kk_QuestionControlWrapper.kk_DataSourceGridContainer .kk_NestedContentTd .kk_NestedContentClose:hover {
    display: none;
}


/******************************************** MP-PRODUCTTABLE *********************************************/

.mp-productTable .kk_ColName_Addtobasket .kk_NewSubmitButton {
    min-width: 200px;
    margin: 0;
}

.kk_Model .mp-productTable .kk_ColName_Addtobasket .kk_NewSubmitButton .kk_NewSubmitButtonText {
    margin: 0;
    padding: 7px 20px 9px;
}


/******************************************** COMPARE *********************************************/

.productCompare {
    margin: 0px;
    border: 1px solid #f7f7f7;
}

.productCompare .basketProductImage {
    text-align: center;
    float: left;
}

.productCompare .textBlock {
    display: block;
    font-size: 11px;
    overflow: hidden;
    padding: 10px;
    background: #f7f7f7;
    margin-top: 20px;
    clear: both;
}


/***** BLOCK PANELS - BUILDING BLOCKS *****/


/* CONTAINER */

.block-panels-container {
    margin-bottom: 30px;
}


/* CONTAINER HEADING */

.block-panels-heading-container {
    margin-bottom: 15px;
}

.block-panels-heading-container .block-panels-heading {
	padding-top: 15px;
	font-size: 22px;
	border-top: 1px solid #cbcbcb;
	padding-bottom: 5px;
}

.block-panels-heading-container .block-panels-heading-action {
	padding: 4px 28px 0;
	color: #009fe3;
	font-size: 16px;
	text-transform: uppercase;
}


/* BLOCK PANELS */

.block-panel {
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 10px;
    /*border: 1px solid #cbcbcb;*/
    overflow: hidden;
    display: block;
	background:#fff;
}

a.block-panel:hover {
    border-color: #2b8cc4;
}


/* BLOCK PANELS - U HEIGHTS */

.block-panel.u-1 {
    min-height: 60px;
}

.block-panel.u-2 {
    min-height: 130px;
}

.block-panel.u-3 {
    min-height: 200px;
}

.block-panel.u-4 {
    min-height: 270px;
}

.block-panel.u-5 {
    min-height: 340px;
}

.block-panel.u-6 {
    min-height: 410px;
}


/* BLOCK PANELS - MINI U */

.block-panel-actions-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.block-panel-actions-container.yellow-block .mini-u {
    border-bottom: 1px solid #b8ad90;
    color: #946800;
}

.block-panel-actions-container.orange-block .mini-u {
    border-bottom: 1px solid #f1d9c5;
    color: #cf5605;
}

.block-panel-actions-container.darkGrey-block .mini-u {
    border-bottom: 1px solid #888;
    color: #484848;
}

.block-panel-actions-container.green-block .mini-u {
    border-bottom: 1px solid #62CCBF;
    color: #0D8B7B;
}

.block-panel.with-inner-u-content {
    position: relative;
}

.block-panel.with-inner-u-content .mini-u {
    min-height: 43px;
    padding: 10px 20px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}


/* BLOCK PANELS - Large and up */

@media screen and (min-width: 64em) {
    /* BLOCK PANELS - U HEIGHTS */
    .block-panel.u-1 {
        height: 60px;
    }
    .block-panel.u-2 {
        height: 130px;
    }
    .block-panel.u-3 {
        height: 200px;
    }
    .block-panel.u-4 {
        height: 270px;
    }
    .block-panel.u-5 {
        height: 340px;
    }
    .block-panel.u-6 {
        height: 410px;
    }
    /* BLOCK PANELS - INNER U */
    .block-panel.with-inner-u-content .mini-u {
        height: 43px;
    }
    /* IMAGES */
    .block-panel .half-width {
        width: 50%;
    }
    .block-panel img.full-width {
        width: 100%;
    }
}


/* BLOCK PANELS - HEADING  */

.block-panel .block-panel-heading {
    margin-bottom: 10px;
	font-size: 16px;
}

.block-panel .block-panel-heading.with-border-bottom {
    border-bottom: 1px solid #757575;
    padding-bottom: 10px;
}

.block-panel.with-background .block-panel-heading.with-border-bottom,
.block-panel.with-background-colour .block-panel-heading.with-border-bottom {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}


/* BLOCK PANEL - WITH CALL TO ACTION */

.block-panel.with-call-to-action {
    position: relative;
}

.block-panel.with-call-to-action .call-to-action-container {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
    margin-bottom: 0;
}

.block-panel.with-call-to-action .call-to-action-container .button {
    margin-bottom: 0;
}

.block-panel.with-background-colour.with-call-to-action .button.hollow,
.block-panel.with-background.with-call-to-action .button.hollow {
    color: #444 !important;
    border-color: #86ddd2;
	background-color: #fff;
}

.block-panel.with-background-colour.with-call-to-action .button.hollow:hover,
.block-panel.with-background.with-call-to-action .button.hollow:hover {
    color: #fff !important;
    background-color: #2b9285;
	border:none;
}


/**** BLOCK PANELS - MODIFIERS *****/


/* DEFAULT BLOCK */

.block-panel.with-background-colour,
.block-panel.with-background {
    color: #fff;
}


/* PURPLE BLOCK */

.block-panel.purple-block {
    border-color: #fff;
	background:#ebecee;
	
}

.block-panel.purple-block.with-background-colour {
    background-color: #270541;
}

.block-panel.purple-block .block-panel-heading,
a.block-panel.purple-block .block-panel-heading {
    color: #270541;
}


.block-panel.purple-block .block-panel-text,
a.block-panel.purple-block .block-panel-text {
    color: #444;
}

a.block-panel.purple-block:hover .block-panel-heading,
a.block-panel.purple-block:hover .block-panel-text {
    color: #009fe3;
}

.block-panel.purple-block.with-background-colour .block-panel-heading,
a.block-panel.purple-block.with-background .block-panel-heading,
a.block-panel.purple-block.with-background-colour .block-panel-heading,
a.block-panel.purple-block.with-background-colour .block-panel-text,
a.block-panel.purple-block.with-background .block-panel-text{
    color: #fff;
}


.block-panel.purple-block.with-background-colour .block-panel-text,
.block-panel.purple-block.with-background .block-panel-heading,
.block-panel.purple-block.with-background .block-panel-text,
a.block-panel.purple-block.with-background-colour .block-panel-heading,
a.block-panel.purple-block.with-background-colour .block-panel-text,
a.block-panel.purple-block.with-background .block-panel-text {
    color: #fff;
}


/* DARK GREY BLOCK */

.block-panel.darkGrey-block {
    border-color: #404040;
}

.block-panel.darkGrey-block.with-background-colour {
    background-color: #333;
}

.block-panel.darkGrey-block .block-panel-heading,
a.block-panel.darkGrey-block .block-panel-heading {
    color: #333;
}

.block-panel.darkGrey-block .block-panel-text,
a.block-panel.darkGrey-block .block-panel-text {
    color: #444;
}

a.block-panel.darkGrey-block:hover .block-panel-heading,
a.block-panel.darkGrey-block:hover .block-panel-text {
    color: #2b8cc4;
}

.block-panel.darkGrey-block.with-background-colour .block-panel-heading,
.block-panel.darkGrey-block.with-background-colour .block-panel-text,
.block-panel.darkGrey-block.with-background .block-panel-heading,
.block-panel.darkGrey-block.with-background .block-panel-text,
a.block-panel.darkGrey-block.with-background-colour .block-panel-heading,
a.block-panel.darkGrey-block.with-background-colour .block-panel-text,
a.block-panel.darkGrey-block.with-background .block-panel-heading,
a.block-panel.darkGrey-block.with-background .block-panel-text {
    color: inherit;
}


/* GREEN BLOCK */

.block-panel.green-block {
    border-color: #12ccb5;
}

.block-panel.green-block.with-background-colour {
    background-color: #2c9285;
}

.block-panel.green-block .block-panel-heading,
a.block-panel.green-block .block-panel-heading {
    color: #23AC9B;
}

.block-panel.green-block .block-panel-text,
a.block-panel.green-block .block-panel-text {
    color: #444;
}

a.block-panel.green-block:hover .block-panel-heading,
a.block-panel.green-block:hover .block-panel-text {
    color: #2b8cc4;
}

.block-panel.green-block.with-background-colour .block-panel-heading,
.block-panel.green-block.with-background-colour .block-panel-text,
.block-panel.green-block.with-background .block-panel-heading,
.block-panel.green-block.with-background .block-panel-text,
a.block-panel.green-block.with-background-colour .block-panel-heading,
a.block-panel.green-block.with-background-colour .block-panel-text,
a.block-panel.green-block.with-background .block-panel-heading,
a.block-panel.green-block.with-background .block-panel-text {
    color: inherit;
}


/* BLUE BLOCK */

.block-panel.blue-block {
    border-color: #5FB5E7;
}

.block-panel.blue-block.with-background-colour {
    background-color: #0097CC;
}

.block-panel.blue-block .block-panel-heading,
a.block-panel.blue-block .block-panel-heading {
    color: #2078AB;
}

.block-panel.blue-block .block-panel-text,
a.block-panel.blue-block .block-panel-text {
    color: #444;
}

a.block-panel.blue-block:hover .block-panel-heading,
a.block-panel.blue-block:hover .block-panel-text {
    color: #2b8cc4;
}

.block-panel.blue-block.with-background-colour .block-panel-heading,
.block-panel.blue-block.with-background-colour .block-panel-text,
.block-panel.blue-block.with-background .block-panel-heading,
.block-panel.blue-block.with-background .block-panel-text,
a.block-panel.blue-block.with-background-colour .block-panel-heading,
a.block-panel.blue-block.with-background-colour .block-panel-text,
a.block-panel.blue-block.with-background .block-panel-heading,
a.block-panel.blue-block.with-background .block-panel-text {
    color: inherit;
}


/* ORANGE BLOCK */

.block-panel.orange-block {
	border: 1px solid #acacac;
}

/*.block-panel.orange-block.with-background-colour {
    background-color: #ff6a06;
}
*/
.block-panel.orange-block .block-panel-heading,
a.block-panel.orange-block .block-panel-heading {
    color: #444;
}

.block-panel.orange-block .block-panel-text,
a.block-panel.orange-block .block-panel-text {
    color: #444;
}

a.block-panel.orange-block:hover .block-panel-heading,
a.block-panel.orange-block:hover .block-panel-text {
    color: #2b8cc4;
}

.block-panel.orange-block.with-background-colour .block-panel-heading,
.block-panel.orange-block.with-background-colour .block-panel-text,
.block-panel.orange-block.with-background .block-panel-heading,
.block-panel.orange-block.with-background .block-panel-text,
a.block-panel.orange-block.with-background-colour .block-panel-heading,
a.block-panel.orange-block.with-background-colour .block-panel-text,
a.block-panel.orange-block.with-background .block-panel-heading,
a.block-panel.orange-block.with-background .block-panel-text {
    color: inherit;
}


/* YELLOW BLOCK */

/*.block-panel.yellow-block {
    border-color: #acacac;
}

.block-panel.yellow-block.with-background-colour {
background-color: #fff;
border: 1px solid #acacac;
color: #444 !important;
}

.block-panel.yellow-block .block-panel-heading,
a.block-panel.yellow-block .block-panel-heading {
    color: #444;
}

.block-panel.yellow-block .block-panel-text,
a.block-panel.yellow-block .block-panel-text {
    color: #444;
}

a.block-panel.yellow-block:hover .block-panel-heading,
a.block-panel.yellow-block:hover .block-panel-text {
    color: #2b8cc4;
}

.block-panel.yellow-block.with-background-colour .block-panel-heading,
.block-panel.yellow-block.with-background-colour .block-panel-text,
.block-panel.yellow-block.with-background .block-panel-heading,
.block-panel.yellow-block.with-background .block-panel-text,
a.block-panel.yellow-block.with-background-colour .block-panel-heading,
a.block-panel.yellow-block.with-background-colour .block-panel-text,
a.block-panel.yellow-block.with-background .block-panel-heading,
a.block-panel.yellow-block.with-background .block-panel-text {
    color: inherit;
}


.homepage-content-top-offset .block-panel.yellow-block.with-background-colour
{
	border: 1px solid #acacac;
    background-color:#ffffff;
    height:340px;
    min-height:340px;

}
.homepage-content-top-offset .block-panel.yellow-block.with-background-colour h3
{
  font-size:15px; 
	color: #444;
}

.homepage-content-top-offset .block-panel.no-padding {
    padding: 0;
}

.homepage-content-top-offset .block-panel.yellow-block.with-call-to-action.no-padding.u-5
{
  height:280px;
  min-height:280px;
  border-color: #acacac;
}


.homepage-content-top-offset .block-panel.yellow-block.with-call-to-action.no-padding.u-5 .block-panel-heading.mp-font-primary
{
  color:#444;
  font-size:15px; 
}/*



/* GREY BLOCK */

.block-panel.grey-block.with-background-colour {
    background-color: #e9eaec;
}

.block-panel.grey-block.with-background-colour,
.block-panel.grey-block.with-background {
    color: #3a3a3a;
}


/* BLOCK PANELS - MARGINS */

.block-panel.no-margin-bottom {
    margin-bottom: 0;
}


.block-panel {
	background:#fff;
}

/* BLOCK PANELS - BORDERS */

.block-panel.no-borders {
    border: none;
}


/* BLOCK PANELS - PADDING */

.block-panel.no-padding {
    padding: 0;
}

.block-panel.no-padding-top {
    padding-top: 0;
}

.block-panel.no-padding-right {
    padding-right: 0;
}

.block-panel.no-padding-bottom {
    padding-bottom: 0;
}

.block-panel.no-padding-left {
    padding-left: 0;
}


/* BLOCK PANELS - TYPOGRAPHY */

.block-panel .small-text {
    font-size: .8rem;
	color:#444;
	line-height:1rem;
}

.block-panel .medium-text {
    font-size: 1.2rem;
}

.block-panel .large-text {
    font-size: 1.6rem;
}

.block-panel .x-large-text {
    font-size: 2rem;
}

.block-panel strong,
.block-panel .stronger-text {
    font-weight: 600;
}

.block-panel .alt-colour-text {
    color: #d8b1ff;
}

.block-panel .orange-colour-text {
    color: #cf5605;
}

.block-panel .purple-colour-text {
    color: #270541;
}
.block-panel.cloud-backup p{
    max-width:200px;
}
.block-panel.toshiba p{
    max-width:600px;
}.block-panel.HPE p{
    max-width:600px;
}
.block-panel.school-wireless p{
    max-width:250px;
	color:#fff;
}
.block-panel.school-wireless .small-text {
    font-size: .8rem;
	color:#fff;
}
.large-3	.block-panel.cloud-backup p,
.large-3	.block-panel.school-wireless p{
    max-width:140px;
}

.block-panel.school-wireless .block-panel-heading {
    margin-bottom: 10px;
    font-size: 16px;
    max-width: 150px;
	color:#fff;
}

/* BLOCK PANELS - IMAGES */

.block-panel img {
    display: block;
    margin: 0 auto;
}

.block-panel img.full-height {
    height: 100%;
}


/* BLOCK PANEL - CONTENT SPECFIC OVERRIDES */


/* BACKGROUNDS */

.block-panel.with-background.jabra-speaker-bg {
    background: linear-gradient( rgba(77, 55, 104, 0.9), rgba(77, 55, 104, 0.9)), url(https://unsplash.it/300/300);
    background-blend-mode: multiply;
    background-size: cover;
}

.block-panel.with-background.printer-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=printing&v=20180427131824");
    /* background: url(https://www.probrand.co.uk/getmedia/a96be99f-e3cc-4781-9bfb-649b091eb70b/printing.aspx); */
    background-blend-mode: normal;
    background-size: cover;
}

.block-panel.with-background.mobile-computing-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=mobile-computing&v=20180427131821");
    /*background: url(https://www.probrand.co.uk/getmedia/5a40580f-f288-4c02-af43-1886fba64b5f/mobile-computing.aspx);*/
    background-blend-mode: normal;
    background-size: cover;
}

.block-panel.with-background.servers-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=mobile-computing&v=20180427131821");
    /*background: url(https://www.probrand.co.uk/getmedia/5a40580f-f288-4c02-af43-1886fba64b5f/mobile-computing.aspx);*/
    background-blend-mode: normal;
    background-size: cover;
}

.block-panel.with-background.software-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=software&v=20180516153006");
    /*background: url(https://www.probrand.co.uk/getmedia/0a8a6b29-4ce3-400c-a8a4-95aea783fb25/software.aspx);*/
    background-blend-mode: normal;
    background-size: cover;
}

.block-panel.with-background.projectors-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=projector&v=20180516153802");
    background-blend-mode: normal;
    background-size: cover;
}


.block-panel.with-background.projector-bg {
    background: linear-gradient( rgba(49, 34, 70, 0.9), rgba(49, 34, 70, 0.9)), url(https://unsplash.it/700/400);
    background-blend-mode: multiply;

    background-size: cover;
}

.block-panel.with-background.monitor-bg {
    background: linear-gradient( rgba(49, 34, 70, 0.9), rgba(49, 34, 70, 0.9)), url(https://unsplash.it/700/400);
    background-blend-mode: multiply;
    background-size: cover;
}
.block-panel.server-bg {
    background: url("https://marketplace.probrand.co.uk/cds/image?n=microsoft_bg_new&v=20180913101004");
    /* background: url(https://www.probrand.co.uk/getmedia/48a63e31-926b-4219-9900-6fefa95f579d/microsoft-server-teaser.aspx); */
    background-blend-mode: normal;
    background-size: cover;
}
.block-panel.batteries-bg {
    background: url("https://marketplace.probrand.co.uk/cds/image?n=batteries_bg_new&v=20180913100709");
    /* background: url(https://www.probrand.co.uk/getmedia/48a63e31-926b-4219-9900-6fefa95f579d/microsoft-server-teaser.aspx); */
    background-blend-mode: normal;
    background-size: cover;
}
.block-panel.with-background.microsoft-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=Microsoft-Server-Selector-Teaser&v=20180516141316");
    /* background: url(https://www.probrand.co.uk/getmedia/48a63e31-926b-4219-9900-6fefa95f579d/microsoft-server-teaser.aspx); */
    background-blend-mode: normal;
    background-size: cover;
}

.block-panel.with-background.school-wireless-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=school-wireless-Teaser&v=20180516141404");
    /* background: url(https://www.probrand.co.uk/getmedia/b815b8ca-1d23-4d00-bdf5-263f2d31bb71/school-wireless-Teaser.aspx); */
    background-blend-mode: normal;
    background-size: cover;
}
.block-panel.school-wireless {
    /*background: url("https://marketplace.probrand.co.uk/cds/image?n=school_wireless_bg_new&v=20180913142304");*/
    background: url("/cds/image$school-wireless-service-bg-2$20190212154749");
	
    /* background: url(https://www.probrand.co.uk/getmedia/b815b8ca-1d23-4d00-bdf5-263f2d31bb71/school-wireless-Teaser.aspx); */
    background-blend-mode: normal;
    background-size: cover;
	background-position:right;
}

.block-panel.with-background.nhs-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=nhs-teaser&v=20180516161432");
    /* background: url(https://www.probrand.co.uk/getmedia/47bbabf3-4295-4c58-9382-beaa59b064b1/nhs-teaser;.aspx;); */
    background-blend-mode: normal;
    background-size: cover;
}

.block-panel.modernApp-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=modern-app&v=20180516141339");
    /* background: url(https://www.probrand.co.uk/getmedia/cc046e8f-d786-4994-b412-6232cafe7e25/modern-app.aspx); */

    background-blend-mode: normal;
    background-size: cover;
}

.block-panel.cloud-backup-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=cloud-backup-teaser&v=20180516141056");
    /* background: url(https://www.probrand.co.uk/getmedia/ee3672b1-3381-41a4-8e71-03b27b569f85/cloud-backup-teaser.aspx); */
    background-size: cover;
}
.block-panel.cloud-backup {
    background: url("https://marketplace.probrand.co.uk/cds/image$cloud_bg_new$20190125101020");
    /* background: url(https://www.probrand.co.uk/getmedia/ee3672b1-3381-41a4-8e71-03b27b569f85/cloud-backup-teaser.aspx); */
    background-size: cover;
	background-position:right;
}

.block-panel.with-background.neston-bg {
    background: url("//marketplace.probrand.co.uk/cds/image?n=Education-teaser&v=20180516164011");
    /* background: url(https://www.probrand.co.uk/getmedia/ca562c97-083c-4505-87f8-7f2d4b6b683c/Education-teaser.aspx); */
    background-size: cover;
}

.block-panel.with-background.projector-bg-yellow {
    background: linear-gradient( rgba(223, 169, 4, 0.7), rgba(223, 169, 4, 0.7)), url(https://unsplash.it/700/400);
    /*background-blend-mode: multiply;*/
    background-size: cover;
}

.block-panel.with-background.case-study-bg {
    background: linear-gradient( rgba(18, 204, 181, 0.7), rgba(18, 204, 181, 0.7)), url(https://unsplash.it/300/300);
    background-blend-mode: multiply;
    background-size: cover;
}
.block-panel.surface-bg {
    background: url("https://marketplace.probrand.co.uk/cds/image?n=advisors_microsoft_surface&v=20181205150712");
    background-size: auto auto;
    background-blend-mode: normal;
    background-size: cover;
}
/* PRODUCT LOGOS */


.block-panel .brand-product-logo {
    width: 75%;
    padding: 10px 0;
}


/******************************************** SECTOR HOMEPAGE *********************************************/


/* HOMEPAGE CONTAINER */

.homepage-content-top-offset {
    top: -2rem;
    position: relative;
}


/* HOMEPAGE CONTAINER - Medium and up */

@media screen and (min-width: 40em) {
    .homepage-content-top-offset {
        top: -1rem;
    }
}


/* SECTION HEADER */

.mp-sector-header-container {
    min-height: 100px;
    background-color: #4b505a;
    margin-bottom: 2rem;
}
.mp-sector-header-container.demo-sector-header {
    background-color: #000;
}

.mp-sector-header-container.demo-sector-header-auditel {
    background-color: #fefefe;
    border-bottom: 1px solid #f0f0f0;
    min-height: 120px;
    margin-bottom:-130px;
    margin-top:-20px;
}
.demo-sector-header-auditel .mp-sector-header-name {
	color:#000 !important;
	font-size:1.8rem !important;
}



/* SECTION HEADER - HOMEPAGE */

.homepage .mp-sector-header-container {
    min-height: 180px;
    margin-bottom: 0;
}

.homepage .mp-sector-header-content {
    padding: 20px 30px 0;
}

.mp-sector-header-content {
    max-width: 1370px;
    margin: 110px auto -130px;
    padding: 50px 30px 30px;
}


.mp-sector-header-link img {
    height: 30px;
    width: auto;
    padding-right: 10px;
}

.mp-sector-header-container .mp-sector-header-name {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 2rem;
    vertical-align: middle;
}


/* SECTION HEADER - EDUCATION SECTION */

.mp-sector-header-container.education-sector-header {

    background: linear-gradient( rgba(59, 195, 173, 0.8), rgba(59, 195, 173, 0.8)), url("//marketplace.probrand.co.uk/cds/image?n=education-banner&v=20180427131814");
    background-blend-mode: multiply;
    background-size: cover;
}


/* SECTION HEADER - CORPORATE SECTION */

.mp-sector-header-container.corporate-sector-header {
    background: linear-gradient( rgba(59, 195, 173, 0.7), rgba(59, 195, 173, 0.7)), url("//marketplace.probrand.co.uk/cds/image?n=corporate-banner&v=20180427131813");
    background-blend-mode: multiply;
    background-size: cover;
}


/* SECTION HEADER - HEALTH SECTION */

.mp-sector-header-container.health-sector-header {
    background: linear-gradient( rgba(59, 195, 173, 0.7), rgba(59, 195, 173, 0.7)), url("//marketplace.probrand.co.uk/cds/image?n=health-banner&v=20180427131817");
    background-blend-mode: multiply;
    background-size: cover;
}


/* SECTION HEADER - PUBLIC SECTOR SECTION */

.mp-sector-header-container.public-sector-header {
    background: linear-gradient( rgba(59, 195, 173, 0.7), rgba(59, 195, 173, 0.7)), url("https://www.probrand.co.uk/TheITIndexBlog/media/external/Marketplace/Banners/public-sector-banner.png");
    background-blend-mode: multiply;
    background-size: cover;
}


/* SECTION HEADER - SME SECTION */

.mp-sector-header-container.sme-sector-header {
    background: linear-gradient( rgba(59, 195, 173, 0.7), rgba(59, 195, 173, 0.7)), url("//marketplace.probrand.co.uk/cds/image?n=private-sector-banner-min&v=20180427131824");
    background-blend-mode: multiply;
    background-size: cover;
}


/* SECTION HEADER - Medium and up */

@media screen and (min-width: 40em) {
    .homepage .mp-sector-header-container {
        min-height: 180px;
    }
    .homepage .mp-sector-header-content {
        padding: 50px 30px 0;
    }
    .mp-sector-header-container {
        margin-top: -30px;

    }
    .mp-sector-header-container .mp-sector-header-name {
        font-size: 2.5rem;
    }
    .mp-sector-header-link img {
        height: 45px;
    }
}


/* SECTOR CONTENT LINKS */

.mp-sector-content-links-container {
    background-color: #15bba6;
    padding: 18px 20px;
}

.mp-sector-content-links-container .button-group {
    margin-bottom: 0;
}

.mp-sector-content-links-container .button {
    box-sizing: border-box;
    font-size: 1.2rem;
    color: #2e2e2e;
    background-color: #fff;
}

.mp-sector-content-links-container .button:hover {
    background-color: #e4e4e4;
}

.mp-sector-content-links-container .button-group.stacked-for-small .button {
    margin-bottom: 1px;
}

.mp-sector-content-links-container .button .fa {
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 10px;
}

.mp-sector-content-links-container .button .fa-arrow-circle-right {
    transform: rotate(45deg);
}


.mp-sector-content-links-container .button .orange-accent {
    color: #ff6a06;
}

.mp-sector-content-links-container .button .purple-accent {
    color: #2c0a49;
}

.mp-sector-content-links-container .button .yellow-accent {
    color: #dfa904;
}

.mp-sector-content-links-container .button .turquoise-accent {
    color: #15bba6;
}


/* STORE STATS */

.mp-stats-container {
    background-color: #222538;
    padding: 10px 20px 15px;
    color: #fff;
}

.mp-stat-container {
    margin-bottom: 5px;
}

.mp-stat-container span {
    display: inline;
    text-align: center;
    font-weight: 600;
    margin-top: 23px;
}

.mp-stat-container .stat {
    font-size: 1.4rem;
}

.mp-stat-container a {
    color: #86ded2;
    text-decoration: underline;
}

.mp-stat-container a:focus,
.mp-stat-container a:hover {
    color: #59bfa2;
}

.mp-stat-container .alt-colour-text {
    color: #acacac;
}

.mp-stat-container .stat-description {
    font-size: 1.13rem;
}

.mp-stats-container .mp-promo-stat .stat-description {
    font-size: 1.5rem;
}

.mp-stats-container .mp-promo-stat .stat {
    font-size: 2.1rem;
    margin-bottom: .5rem;
}

.mp-stats-container .normal-weight-text {
    font-weight: normal;
}


/* STORE STATS - Medium and up */

@media screen and (min-width: 40em) {
    .mp-stat-container span {
        text-align: left;
    }
    .mp-stat-container {
        margin-bottom: 0;
    }
}


/* STORE STATS - Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .mp-stat-container .stat-description,
    .stat-description {
        font-size: inherit;
    }
}


/*******************************************

    RECOMMENDED ADVISORS / SERVICES

********************************************/

.kk_Model_RecommendedAdvisors {
    margin-top: 30px;
}

.kk_Model .kk_Model_RecommendedAdvisors .kk_DataSourceGridControl .kk_DSHeaderRow {
    display: none;
}

.kk_Model .kk_Model_RecommendedAdvisors .kk_DataSourceGridControl table.kk_VerticalDS,
.kk_Model .kk_Model_RecommendedAdvisors .kk_DataSourceGridControl table.kk_VerticalDS td {
    border: none;
}

.kk_Model .kk_Model_RecommendedAdvisors .kk_DataSourceGridControl table.kk_VerticalDS td,
.kk_Model .kk_Model_RecommendedAdvisors table.kk_VerticalDS .kk_DSRow td:first-child {
    padding: 0;
}


/*******************************************

   PROMOTION CONTENT

********************************************/

.mp-promotion-content {
    border: 1px solid #acacac;
    padding: 20px;
}

.mp-promotion-content-heading {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.mp-promotion-vp-content {
    background-color: #e9eaec;
    padding: 20px;

    margin-bottom: 10px;
    font-size: 0.8rem;
}

.mp-promotion-vp-content .vp-icon {
    max-height: 50px;
    max-width: 50px;
    margin-bottom: 10px;
    text-align: center;
}

.mp-promotion-vp-content:last-child {
    margin-bottom: 0;
}


/* VERTICAL NAV */

.mp-promotion-content .mp-navigation {
    margin-bottom: 20px;
}

.mp-promotion-content .mp-navigation .menu.vertical>li>a {
    height: auto;
    color: #000 !important;
}

.mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-container {
    background: #fff;
    padding: 20px;
    top: -33px;
    border: 1px solid #acacac;
    border-left: none;
    min-width: 370px;
    min-height: 323px;
    float: none;
    width: 700px;
}


/* Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-container {
        width: 500px;
    }
}

.mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-container>li {
    border-bottom: none;
    margin: 0;
}

.mp-promotion-content .mp-navigation li .menu.vertical li {
    display: block;
    border-bottom: none;
    margin-bottom: 3px;
    margin-right: 0;
    line-height: 1.15;
}

.mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-content {
    width: 100%;
}

.mp-promotion-content .mp-navigation-menu-category-container h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-container a {
    display: inline-block;
}

.mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-container a.icon {
    padding: 4px 8px 2px;
    color: #4b505a;
    margin-bottom: 12px;
}

.mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-container a.icon:hover {
    background-color: #E9EAEC;
    color: #2C0A49;
}

.mp-promotion-content .mp-navigation .menu.vertical .mp-navigation-menu-category-container a.icon img {
    margin-bottom: 6px;
}


/*.mp-promotion-content .mp-navigation .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu
{
    bottom:0;
}*/


/*******************************************

   OVERLAY MENU / CONTENT

********************************************/

.mp-overlay-menu-content-container {
    position: relative;
}

.mp-overlay-menu-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ebebeb;
    z-index: 10;
    display: none;
}

.mp-overlay-menu-content-container .mp-slider .slick-dots {
    background-color: #fff;
}

.mp-overlay-menu-content.show-overlay-menu-content-panel {
    display: block;
}


/*******************************************

   BALLOON.CSS - Simple tooltips made from pure CSS

********************************************/

button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
}
[data-balloon]:before,
[data-balloon]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-balloon]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-balloon]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]:after {
  white-space: pre;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
  margin-top: 11px;
}
[data-balloon-pos="down"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
  margin-right: 11px;
}
[data-balloon-pos="left"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
  margin-left: 11px;
}
[data-balloon-pos="right"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-length]:after {
  white-space: normal;
}
[data-balloon-length="small"]:after {
  width: 80px;
}
[data-balloon-length="medium"]:after {
  width: 150px;
}
[data-balloon-length="large"]:after {
  width: 260px;
}
[data-balloon-length="xlarge"]:after {
  width: 90vw;
}
@media screen and (min-width: 768px) {
  [data-balloon-length="xlarge"]:after {
    width: 380px;
  }
}
[data-balloon-length="fit"]:after {
  width: 100%;
}

/* document styles on product page */
.product-document-type-icon.pdf .fa-file-text-o::before {
    content: "\f1c1";
}
.product-document-type-icon.pdf .fa {
    color: #cb2128;
}
@media screen and (min-width: 40em)
{
.product-document-type-icon .fa {
    font-size: 4em;
    display: block;
}
  }
@media screen and (min-width: 40em)
{
.product-document-link {
    margin: 0 10px 5px;
    width: 20%;
    text-align: center;
    vertical-align: top;
    min-height: 110px;
    display: inline-block;
}
}

/***********NEW TABS MENU ****************/
.fa-wrench {
	content: "/f468";
	font-family: fontAwesome;
	padding-right: 1rem;
	font-style:normal;
}
.fas.fa-boxes {
	content: "/f0ad";
	font-family: fontAwesome;
	padding-right: 1rem;
	font-style:normal;
}

.fa-credit-card {
	content: "/f09d";
	font-family: fontAwesome;
	padding-right: 1rem;
	font-style:normal;
	font-weight:normal;
}

.fa-handshake-o {
	content: "/f2b5";
	font-family: fontAwesome;
	padding-right: 1rem;
	font-style:normal;
	font-weight:normal;
}
.fa-check {
	content: "/f00c";
	font-family: fontAwesome;
	padding-right: 1rem;
}
.services-tabs-container {
	/*background-color:#fff;*/
}
.tabs-title {
	min-width: 120px;
	text-align: center;
}
.services-tabs-container .mp-tabs a {
	padding:20px !important;
}
.services-tabs-container.compact-tabs .tabs-title a {
	padding:20px 10px !important;
}
.services-tabs-container .tabs-panel {
	padding-left:0;
	min-height:330px;
	background: url(/cds/image$mp-banner-nav-diagram$20250731000000) no-repeat bottom right;
}
.services-tabs-container .tabs-content {
    border: 1px solid #EAECED;
	border-bottom: 3px solid #EAECED;
	border-top: 0;
    background: #fff;
    color: #0a0a0a;
    transition: all .5s ease;
}
.services-tabs-container .tabs-panel a.heading {
    padding: 15px 20px 15px 20px !important;
	font-weight: 100;
	color: #222538 !important;
}
.services-tabs-container .tabs-panel li {
	margin: 15px 20px 15px 0 !important;
}
.services-tabs-container .tabs-panel p {
	margin: 20px 60px 20px 20px !important;
	font-weight: 200;

}
.services-tabs-container .tabs-panel li a:active,
.services-tabs-container .tabs-panel li a:hover,{
}
.services-tabs-container .tabs-panel a:active,
.services-tabs-container .tabs-panel a:hover {
	border-left: 3px solid #86ddd2;
	color:#2b9285 !important;
	font-weight:600;

}
.services-tabs-container .tabs-panel li::after {
    content: "\f105" !important;
    font-family: FontAwesome;
    top: 20px;
    border: none !important;
    color: #acacac !important;
}

.tabs-title. > a {
    color: #222538;
}
.tabs-title.is-active > a,
.tabs-title.is-active > a:hover {
    background-color: #2b9285;
    color: #fff !important;
	position: relative;
    display: block;
	font-weight: normal;
}
.tabs-title a:hover {
    background-color: #fff;
    color: #222538;
}
.tabs-title.is-active > a:after {
	  position: absolute;
	  top: 55px;
	  height: 0;
	  width: 0;
	  left: 43%;
	  border: 10px solid transparent;
	  border-top-color: #2b9285;
	  content: "";
}
.block-panel.circle {
    border-radius: 100px !important;
	background-color:#ebecee;
	position: relative;
	border:none;

}
.block-panel.circle p {
	color: #444;
}

.block-panel.circle:hover  {
  border:1px solid #2b9285;
  color:#fff !important;
}

.block-panel.circle img,
.block-panel.circle .overlay img {
	max-height:110px;
	display: block; 
	padding:10px;
	vertical-align:middle;
}
.block-panel.circle .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .2s ease;
  background-color: #2b9285;
  color:#fff;
  padding-top:21px;
}

.block-panel.circle:hover .overlay {
  opacity: 1;
}

.block-panel.circle p{
	font-size: 18px;
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
.block-panel.circle:hover p {
	color:#fff !important;
}
img.epson {
	max-width: 140px !important;
    padding: 0;
    
}
.close-button, .close-button.medium {
    right: 0.5rem !important;
}

.kk_DeliveryTrackingGrid {
	border-bottom: 0!important;
	padding: 10px 0px!important;
}


/* menu override - bigger fonts */


.mp-navigation .menu > li.is-submenu-item > a {
    font-weight: 400;
    font-size: 16px !important;
}
.mp-navigation .menu > li.is-submenu-item > a:hover, .mp-navigation .menu > li.is-submenu-item > a:focus {
    font-size: 16px !important;
}
.mp-navigation .top-bar li.mp-category-sub-heading a {
    font-size: 16px;
    font-weight: 400;
}

.mp-navigation-menu-category-content ul {
    font-size: 16px;
}
.megaMenuContainer {

    font-size: 16px;
}
.megaMenuContainer li {

    font-size: 16px !important;
    list-style: none;
    line-height:2em;
    color:#000;

}
.megaMenuContainer li a{
    color:#000;
}

.megaMenuContainer li a:hover {
    color: #2c9285 !important;
}

.no-stock-indicator
{
color:#8b0000;
}


/**********

Brand Microsite defaults 

*************/

.mp-slider {
 padding: 0px !important;
}
.mp-brandLogo {
 padding: 10px 0 10px;
 text-align: center;
}
.mp-brandOverview {
 border-top: 1px solid #ddd;
 padding-top: 10px;
}
.mp-brandSubnav ul {
 margin: 0;
 list-style: none;
 border-top: 1px solid #ddd;
 line-height: 1.25;
}
.mp-brandSubnav ul a {
 display: block;
 padding: 10px 10px 11px 0;
 border-bottom: 1px solid #ddd;
 transition: all 0.25s;
}
.mp-brandSubnav ul a:hover {
 background-color: #eee;
 padding-left: 10px;
 padding-right: 10px;
 transition: all 0.25s;
}
.mp-brandName {
 padding-bottom: 25px;
 border-bottom: 1px solid #ddd;
}
/* BRANDS: End *//* Page-specific styles */.apcGreen {
 color: #50a702;
}
.brandsCallToAction h2 {
 border-bottom: 1px solid #fff;
 padding-bottom: 1rem;
 font-size: 30px;
}
.brandsCallToAction p {
 font-size: 19px;
}
.rowBackground.lightTeel .row {
 background-color: #12ccb5;
 color:#FFFFFF;
 margin-top: 1rem;
}

/* basket better prices CTA */
.basket-discount-cta {
    padding: 15px;
    text-align: center;
    background: #ddd;
}

.basket-discount-cta .progora_SummaryPanelData {
    margin-bottom: 10px;
}

/*
    END: mp-theme-probrand.css
*/


/*
    12/02/2020 addition to bring the header in line with the new masterpage
    Andris Suipe
*/
@media (min-width:640px){
    #navbar.mp-navigation .button.green{
        margin-top: 16px;
        border-radius: 4px;
        line-height: 13px;
        background-color: #00AC95!important;
        color: #ffffff!important;
    }
    #navbar.mp-navigation .button.green:hover{
        background-color: #008F7C!important;
    }
    /*
    #navbar.mp-navigation{
        position:relative;
    } */
    #navbar.mp-navigation::after{
        content:'';
        display:block;
        height:1px;
        background-color: rgba(255,255,255,0.15);
        position:absolute;
        width:3000px;
        bottom:45px;
        left:50%;
        margin-left:-1500px;
    }
    #navbar.mp-navigation >.row:first-child{
        padding-bottom:5px!important;
    }
    #navbar.mp-navigation .menu > li > a{
        font-weight:normal;
    }
    #navbar.mp-navigation #searchBox.input-group{
        display:block;
        position:relative;
        padding-top:5px!important;
    }
    #navbar.mp-navigation [type="text"]{
        background-color: #474A5A;
        border:1px solid #474A5A;
        color: #ffffff;
        border-radius: 4px!important;
    }
    #navbar.mp-navigation [type="text"]:hover{
        border-color: #00AC95;
    }
    #navbar.mp-navigation [type="text"]:focus{
        border-color: #00AC95;
        box-shadow: 0px 0px 0px 3px rgba(0, 172, 149, 0.15);
    }
    #navbar.mp-navigation .input-group-button{
        display:block;
        position:absolute;
        top:5px;
        right:40px;
    }

    #navbar.mp-navigation .input-group-button .button{
        border-radius: 4px!important;
        background-color: #00AC95!important;
        border-color: #00AC95;
        color:#ffffff;
    }
    #navbar.mp-navigation .input-group-button .button:hover{
        background-color: #008F7C!important;
        border-color: #008F7C!important;
    }
    #navbar.mp-navigation .input-group-button .button i.fa-search::before{
        color:#ffffff;
    }
}