/* 
    mp-core.css
    Probrand Themed Marketplace Core Styles 
*/


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

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

html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI", Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
}

body {
   /* background: yellow; */
    text-align: left;
   /* font-size: 13px;*/
    color: #444444;
    margin: 0px;
    width: 100%;
   overflow-x: hidden;
    -ms-overflow-x: hidden;
}

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: 6px 5px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 5px;
    font-weight: normal;
    line-height: normal;
}

h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 24px;
}

h2 {
    font-size: 17px;
    font-family: Segoe UI Semibold, 'Segoe UI', Helvetica Neue, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
    font-weight: 600;
    margin-bottom: 2rem;
}

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

h4 {
    font-size: 15px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

p {
    margin-bottom: 8px;
    line-height: 1.25;
}

ol,
ul {
    margin-bottom: 16px;
    font-size: 13px;
    margin: 0 0 14px 20px;
}

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

a {
    text-decoration: none;
    color: #0061ab;
}


/*a:active,
a:link,
a:visited,
a:hover {
    color: #0061ab;    
}*/

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

.col2 {
    margin-left: 315px;
}

p a {
    margin-left: 1px;
}

th,
td,
caption {
    text-align: left;
}

th,
td {
    vertical-align: top;
}

q {
    font-weight: 700;
    font-size: inherit;
    font-style: italic;
}

cite {}


/********************************************
         
    FOUNDATION OVERRIDES

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

a {
    box-sizing: content-box;
}

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
    height: auto;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

label {
    font-weight: inherit;
}

.row {
    max-width: 1400px;

    position: relative;
}

.backgroundPaddedContent {
    padding: 15px 20px 5px;
    background-color: #fff;
}

.lead {
    line-height: 1.25;
}

.uppercase {
    text-transform: uppercase;
}


/*Remove alternate banding from foundation*/

table thead,
table tbody,
table tfoot {
    background-color: initial;
}

table tbody tr:nth-child(2n) {
    background: none;
}

table.hover tr:hover,
table.hover tr:nth-of-type(2n):hover {
    background-color: #eef0f2;
}

table.hover tr.noHighlight:hover,
table.hover tr.noHighlight:hover:nth-of-type(2n) {
    background: none;
}

@media only screen and (min-width: 650px) {
    .fixedWidthLeftColumn {
        position: absolute;
        width: 330px;
    }
    .fixedWidthColumnToTheLeft {
        padding-left: 340px;
    }
    .fixedWidthRightColumn {
        position: absolute;
        width: 330px;
        right: 0;
    }
    .fixedWidthColumnToTheRight {
        padding-right: 340px;
    }
}


/* Row Backgrounds */


/* for general CDS Content using Foundation */

.rowBackground > .row:first-child {
    padding-top: 30px;
}

.rowBackground > .row:last-child {
    padding-bottom: 25px;
}

.rowBackground.lightGrey .row {
    background-color: #dadada;
}

.rowBackground.darkBlue .row {
    background-color: #00529c;
    color: #fff;
}

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

    NAVIGATION / MAIN MENU - NEW FOUNDATION LAYOUT

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


/* Preventing FOUC */

.no-js .top-bar,
.no-js .title-bar {
    display: none;
}

/* Navigation item borders */

.mp-navigation-menu-item-border-left {
    border-left-width: 1px;
    border-left-style: solid;
}

.mp-navigation-menu-item-border-right {
    border-right-width: 1px;
    border-right-style: solid;
}

.mp-navigation-menu-item-border-top {
    border-top-width: 1px;
    border-top-style: solid;
}

.mp-navigation-menu-item-border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}


/* Basic mobile navigation styles */

#main-menu-mobile {
    margin-bottom: 10px;
    display: none;
}

#main-menu-mobile li
{
    display: block;
    border-bottom: 1px solid #fff;
	background:#fff;
}

#main-menu-mobile li a{
	color: #000 !important;
	padding: 0.7rem 1rem;
	background-color: #fff !important;
	border: 1px solid #ececec;
}

#main-menu-mobile li a:hover{
    color:#fff;
}

#main-menu-mobile li:last-child {
    border-bottom: none;
}

/* Hamburger navigation trigger */

.mp-navigation .title-bar {
    background-color: transparent;
    color: #fff;
    padding: 10px 0;
}

.mp-navigation .title-bar .menu-icon {
    margin: 0 5px 0 0;
}

.mp-navigation .title-bar .title-bar-title {
    font-weight: 600;
}

.mp-navigation .menu-icon::after,
.mp-navigation .menu-icon:hover::after {
    background: #000;
}

.mp-navigation .menu-icon::after {
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    height: 3px;
    margin-right: 8px;
}


/* Basic navigation styles */

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

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

.mp-navigation .mp-navigation-content {
    border: 1px solid #acacac;
    padding: 0;
    background-color: #fff;
}

.mp-navigation .menu > li {
    border-color: #acacac;
    vertical-align:top;
}


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

.mp-navigation .menu > li > a:hover {
    background-color: #2c0a49;
    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 .dropdown.menu > li.is-dropdown-submenu-parent > a
{
    padding-right: 2.2rem;
}

.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a::after
{
    border-color:#000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    margin-top:-4px;
    right:15px;

}

.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after,
.mp-navigation .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after
{
    border-color:#fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after
{
    border-color: rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.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-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after
{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}

.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after,
.mp-navigation .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active > a::after
{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

/* Mega Menu Support */
@media print,screen and (min-width:40em) {
    .is-dropdown-submenu-parent.mp-navigation-menu-mega-menu {
        position: static;
    }
    .dropdown.menu > li.opens-right.mp-navigation-menu-mega-menu > .is-dropdown-submenu {
        width: calc(100% - 1.875rem);
        margin-left: .9375rem;
        top: 99% /* Chrome, Edge hover out issue at 100% */
    }
}




/* Basket */

.mp-navigation .mp-navigation-basket-item-count {
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
}


/* Account Landing Page */

.mp-account-landing-page-container .menu > li {
    display: table-row;
}

.mp-account-landing-page-container li.mp-navigation-menu-authenticated-container {
    display: none;
}

.mp-account-landing-page-container .menu > li > a {
    padding: 0;
    line-height: inherit;
}

/* Search Landing Page */

.mp-search-landing-page-container .button {
    padding-bottom: 12px;
    padding-top: 7px;
}

.mp-search-landing-page-container .input-group-field {
    box-shadow: none;
    padding: 9px 8px;
}


/* Navigation - Medium and up */

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

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

  
    /* 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: 20px;
        box-shadow: none;
        border: 1px solid #acacac;
        border-left: none;
        min-width: 370px;
        min-height: 323px;
    }
    .mp-navigation-menu-category-header,
    .mp-navigation-menu-category-footer-header {
        margin-bottom: 17px;
    }
    .mp-navigation-menu-category-header h2,
    .mp-navigation-menu-category-footer-header h2 {
        margin: 0;
        font-size: 16px;
    }
    .mp-navigation-menu-category-footer {
        border-top: 1px solid #acacac;
    }
    .mp-navigation-menu-category-footer-header {
        margin: 17px 0;
    }
    .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: 10px;
        font-weight: bold;
    }
    .mp-navigation-menu-category-content ul {
        font-size: 13px;
        margin: 0 15px 20px 0;
        width: 130px;
    }
    .mp-navigation-menu-category-content li {
        list-style: none;
    }
    .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;
        z-index: 99;
    }
    .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(/cds/image$loader_indicator$20250706000000) 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;
    }
    /* 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: 240px;
    }
    .mp-navigation-menu-basket-item-description a {
        font-size: 13px;
        line-height: 1.2;
    }
    .mp-navigation .menu .mp-navigation-menu-basket-item-description a:hover {
        color: #1585cf;
    }
    .mp-navigation-basket-item-pricing,
    .mp-navigation-basket-delivery,
    .mp-navigation-basket-total-cost,
    .mp-navigation-baket-hidden-items {
        font-size: 17px;
        font-weight: 600;
    }
    .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: 150px;
        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;
    }
}


/********************************************
         
    NAVIGATION - VERTICAL

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

/* Medium and up */
@media screen and (min-width: 40em) {
    .mp-navigation .menu.top-origin
    {
        position: relative;
    }

    .mp-navigation .menu.top-origin > li {
        position: static;
    }
}



.mp-navigation .menu.vertical > li
{
    border-bottom:1px solid #e6e6e6;
}

.mp-navigation .menu.vertical > li > a
{
    font-weight:normal;
    padding:0.7rem 0.8rem;
}


.mp-navigation .dropdown.menu.vertical > li.opens-left > a::after {
    border-color: rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.mp-navigation .dropdown.menu.vertical > li.opens-left > a:hover::after,
.mp-navigation .dropdown.menu.vertical > li.opens-left.is-active > a::after
{
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}


.mp-navigation .dropdown.menu.vertical > li.opens-right > a::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}

.mp-navigation .dropdown.menu.vertical > li.opens-right > a:hover::after,
.mp-navigation .dropdown.menu.vertical > li.opens-right.is-active > a::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

.mp-navigation .menu.vertical .menu.submenu
{
    border-top:1px solid #cacaca;
    background-color:#fff;
}

.mp-navigation .menu.vertical.submenu .mp-navigation-menu-category-container > li
{
    border-bottom:none;
    border-top:none;
}

.mp-navigation .menu.vertical .mp-navigation-inline-links li
{
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;

}


/********************************************
         
    PRODUCT CATEGORIES LANDING

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

.mp-mainMenuCategoryContainer
{
    margin-bottom:40px;
}

.mp-mainMenuCategoryBody ul
{
    list-style: none;
    margin:0;
}


.mp-mainMenuCategoryBodyListContainer h3
{
    font-weight:bold;
}

.mp-mainMenuCategoryBodyListContainer
{
    margin-top:5px;
    margin-bottom:15px;
    width:100%;
}

/* PRODUCT CATEGORIES LANDING -  Medium and up  */
@media screen and (min-width: 40em) {
    .mp-mainMenuCategoryBodyListContainer
    {
        float: left;
        width:45%;
        margin-right:5%;
    }
}

/* PRODUCT CATEGORIES LANDING - Large and up */
@media screen and (min-width: 64em) {
    .mp-mainMenuCategoryBodyListContainer
    {
        width:20%;
    }


}












/********************************************
         
    KNOWLEDGEKUBE ADJUSTMENTS FROM FOUNDATION

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

.kk_Model .kk_Control {
    box-sizing: content-box;
}

.kk_Model .kk_Control .row {
    box-sizing: border-box;
}

#KnowledgeKube_Model label {
    line-height: 1.2;
}


/* the following classes for setting box sizing to content-box may not be needed because of the above rule */

.kk_Model td.kk_ActionMenuOuter .kk_ActionMenuMainIcon,
.kk_Model .kk_GridTileActionContainer .kk_ActionMenuMainIcon,
.kk_Model td.kk_ActionMenuAlwaysOn.kk_MenuView .kk_ActionMenuMainIcon {
    box-sizing: content-box;
}

.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-sizing: content-box;
}


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

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

.kk_Model .kk_LabelContainer .kk_LabelControl,
.kk_Model .kk_QuestionControlWrapper.kk_ApplyStandardHeight\[Half\] .kk_LabelControl {
    padding-top: 2px;
}

.kk_Model .kk_QuestionControlWrapper.kk_DisplayButtonAsInlineLink .kk_NewSubmitButtonText {
    background: none;
    color: #12ccb5;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    position: relative;
    top: 5px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}


/* Remove borders and spacing on grids */

.kk_Model .kk_RemoveGridSpacing table.kk_HorizontalDS td,
.kk_Model .kk_RemoveGridSpacing table.kk_HorizontalDS th,
.kk_Model .kk_RemoveGridSpacing table.kk_VerticalDS td,
.kk_Model .kk_RemoveGridSpacing table.kk_VerticalDS th {
    padding: 0;
}

.kk_Model .kk_RemoveGridBorders table.kk_HorizontalDS td,
.kk_Model .kk_RemoveGridBorders table.kk_HorizontalDS th,
.kk_Model .kk_RemoveGridBorders table.kk_VerticalDS td,
.kk_Model .kk_RemoveGridBorders table.kk_VerticalDS th {
    border: 0;
}

.kk_QuestionFormWrapper > .kk_ColumnCount_1 .kk_ColumnAssignment_1 .kk_QuestionControlWrapper {
    max-width: 100%;
}

.kk_Model .kk_StackGridCells table.kk_HorizontalDS td,
.kk_Model .kk_StackGridCells table.kk_HorizontalDS th {
    float: left;
    width: 100%;
}

.kk_Model .kk_StackGridCells table.kk_HorizontalDS th {
    border-bottom: none;
    padding-bottom: 0;
    font-weight: 500;
}

.kk_Model .kk_StackGridCells table.kk_HorizontalDS td {
    border-left: none;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 15px;
}

.kk_QuestionControlWrapper.kk_DataSourceGridContainer td.kk_GridImageSize\[Medium\] img,
.kk_QuestionControlWrapper.kk_DataSourceGridContainer.kk_GridImageSize\[Medium\] td img {
    max-width: 100%;
}


/* placeholder spacers - not in mercato ui yet */

.kk_Model .kk_QuestionControlWrapper.kk_PlaceHolderContainer[class*="kk_Apply1QSpacerAbove[Column2]"] [class*="kk_ColumnCount_"] .kk_ColumnAssignment_2 {
    margin-top: 48px;
}

.kk_Model .kk_QuestionControlWrapper.kk_PlaceHolderContainer[class*="kk_Apply2QSpacerAbove[Column2]"] [class*="kk_ColumnCount_"] .kk_ColumnAssignment_2 {
    margin-top: 96px;
}


/* KnowledgeKube Helper Styles */

.kk_Model .kk_QuestionControlWrapper.kk_TextboxContainer.kk_CreateSearchBox-LeftTextBox.kk_RemoveMinWidth .kk_QuestionText {
    min-width: 0;
}


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

    KK - ACTION MENU OVERRIDE 
    kk_ApplyButtonStyleToMenuItem

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

.kk_Model .kk_ApplyButtonStyleToMenuItem .kk_ActionMenuHeader span {
    display: none;
}

.kk_Model .kk_ApplyButtonStyleToMenuItem td.kk_ActionMenuOuterSingleButton ul.kk_ActionMenuInner li {
    margin-bottom: 2px;
    margin-top: 1px;
    padding-top: 5px;
    padding-bottom: 7px;
    min-height: 21px;
    position: relative;
    background-color: #00823b;
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 0 #003618;
    -moz-box-shadow: 0 2px 0 #003618;
    box-shadow: 0 2px 0 #003618;
    line-height: 1.25;
    text-decoration: none;
    font-size: 19px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.kk_Model .kk_ApplyButtonStyleToMenuItem td.kk_ActionMenuOuterSingleButton ul.kk_ActionMenuInner li:hover {
    background-color: #00692f;
}

.kk_Model .kk_ApplyButtonStyleToMenuItem td.kk_ActionMenuOuterSingleButton ul.kk_ActionMenuInner span.kk_ActionMenuIcon,
.kk_Model .kk_ApplyButtonStyleToMenuItem td.kk_ActionMenuOuterSingleButton.kk_Hover ul.kk_ActionMenuInner span.kk_ActionMenuIcon {
    color: #FFF;
    padding-left: 30px;
    background-repeat: no-repeat;
    left: 0;
}

.kk_Model .kk_ApplyButtonStyleToMenuItem td.kk_ActionMenuOuterSingleButton ul.kk_ActionMenuInner li span.kk_ActionMenuIcon.kk_IconName_Delete {
    background-image: url("https://cdn.onknowledgekube.net/mercato-ui-s18/ui-sprites_60.png");
    background-position: -8px 0px;
}

.kk_Model .kk_ApplyButtonStyleToMenuItem td.kk_ActionMenuOuterSingleButton ul.kk_ActionMenuInner li span.kk_ActionMenuIcon.kk_IconName_View {
    background-image: url("https://cdn.onknowledgekube.net/mercato-ui-s18/ui-sprites_30.png");
    background-position: -6px -30px;
}



/********************************************
       
    BASKET PROGRESS BAR INDICATOR 

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


.mp-BasketProgressBar {
    float: right;
    overflow: visible;
    padding: 5px 0 15px;
    text-align: right;
    margin-bottom: -15px;
}
.mp-BasketProgressBar ul.kk_ProgressContainer {
    font-size: 0;
    clear: both;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
.mp-BasketProgressBar ul.kk_ProgressContainer li {
    margin: 0 0 0 5px;
    font-size: 15px;
    text-align: left;
    display: inline-block;
    list-style: outside none none;
    /*float: left;*/
    display:inline-block;
}
.mp-BasketProgressBar .kk_NewSubmitButton {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    cursor: pointer;
    z-index: 1;
}
.mp-BasketProgressBar .kk_NewSubmitButton:before {
    content: '';
    width: 30px;
    height: 30px;
    background-color: rgba(204, 0, 102, 0);
    border: 3px solid rgba(216, 216, 216, 1);
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
.mp-BasketProgressBar li .kk_NewSubmitButton:after {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    position: absolute;
    padding-top: 5px;
    text-align: center;
    color: rgba(159, 159, 159, 1);
}
.mp-BasketProgressBar li .kk_NewSubmitButton:hover:after, .mp-BasketProgressBar li.kk_Current .kk_NewSubmitButton:after, .mp-BasketProgressBar li.kk_Completed .kk_NewSubmitButton:after {
    color: #fff;
    font-weight: 700;
}

/**** Add Numbers to progress circles ****/

.mp-BasketProgressBar li:nth-of-type(1) .kk_NewSubmitButton:after {
    content: '1';
}
.mp-BasketProgressBar li:nth-of-type(2) .kk_NewSubmitButton:after {
    content: '2';
}
.mp-BasketProgressBar li:nth-of-type(3) .kk_NewSubmitButton:after {
    content: '3';
}
.mp-BasketProgressBar li:nth-of-type(4) .kk_NewSubmitButton:after {
    content: '4';
}
.mp-BasketProgressBar li:nth-of-type(5) .kk_NewSubmitButton:after {
    content: '5';
}
.mp-BasketProgressBar li:nth-of-type(6) .kk_NewSubmitButton:after {
    content: '6';
}
.mp-BasketProgressBar li:nth-of-type(7) .kk_NewSubmitButton:after {
    content: '7';
}
.mp-BasketProgressBar li:nth-of-type(8) .kk_NewSubmitButton:after {
    content: '8';
}
.mp-BasketProgressBar li:nth-of-type(9) .kk_NewSubmitButton:after {
    content: '9';
}
.mp-BasketProgressBar li:nth-of-type(10) .kk_NewSubmitButton:after {
    content: '10';
}
.mp-BasketProgressBar li:nth-of-type(11) .kk_NewSubmitButton:after {
    content: '11';
}
.mp-BasketProgressBar li:nth-of-type(12) .kk_NewSubmitButton:after {
    content: '12';
}
.mp-BasketProgressBar li:nth-of-type(13) .kk_NewSubmitButton:after {
    content: '13';
}
.mp-BasketProgressBar li:nth-of-type(14) .kk_NewSubmitButton:after {
    content: '14';
}
.mp-BasketProgressBar li:nth-of-type(15) .kk_NewSubmitButton:after {
    content: '15';
}
.mp-BasketProgressBar li:nth-of-type(16) .kk_NewSubmitButton:after {
    content: '16';
}
.mp-BasketProgressBar li:nth-of-type(17) .kk_NewSubmitButton:after {
    content: '17';
}
.mp-BasketProgressBar li:nth-of-type(18) .kk_NewSubmitButton:after {
    content: '18';
}
.mp-BasketProgressBar li:nth-of-type(19) .kk_NewSubmitButton:after {
    content: '19';
}
.mp-BasketProgressBar li:nth-of-type(20) .kk_NewSubmitButton:after {
    content: '20';
}
.mp-BasketProgressBar .kk_NewSubmitButton:hover:before, .mp-BasketProgressBar .kk_Current .kk_NewSubmitButton:hover:before, .mp-BasketProgressBar .kk_Completed .kk_NewSubmitButton:hover:before {
    box-sizing: border-box;
    background-color: rgba(81, 81, 81, 1);
    border: none;
}
.mp-BasketProgressBar .kk_Current .kk_NewSubmitButton:before {
    box-sizing: border-box;
    background-color: rgba(18, 204, 181, 1);
    border: none;
}
.mp-BasketProgressBar .kk_Completed .kk_NewSubmitButton:before {
    box-sizing: border-box;
    background-color: rgba(18, 204, 181, 1);
    border: none;
}
.mp-BasketProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonText:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid rgba(81, 81, 81, 1);
    position: absolute;
    top: -24px;
    left: 133px;
}
.mp-BasketProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonText {
    transition: border-color 0.25s ease-out 0s, color 0.25s ease-out 0s, opacity 0.25s ease-out 0s;
    position: absolute;
    background-color: rgba(81, 81, 81, 1);
    margin-top: 15px;
    box-sizing: border-box;
    opacity: 0;
    color: rgba(255, 255, 255, 1);
    width: 280px;
    min-height: 100px;
    left: 50%;
    margin-left: -143px;
    top: -999px;
    border-radius: 0;
    border-top: 10px solid rgba(81, 81, 81, 1);
    z-index: 1;
    font-size: 19px;
    display: inline-block;
    font-size: 19px;
    line-height: 1.1;
    text-decoration: none;
}
.mp-BasketProgressBar .kk_NewSubmitButton:hover .kk_NewSubmitButtonText {
    top: 100%;
    opacity: 1;
}
.mp-BasketProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonRightEdge {
    position: absolute;
    width: 5px;
    background-color: rgba(216, 216, 216, 1);
    right: 100%;
    display: block;
    height: 3px;
    top: 70%;
    margin-top: -7px;
}
.mp-BasketProgressBar ul:before {
    content: 'Progress';
    font-size: 15px;
    color: rgba(0, 0, 0, 0.9);
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
}

/**** Class used to hide progress text if needed ****/

.hideProgressPrefixText .mp-BasketProgressBar ul:before {
    display: none;
}
.mp-BasketProgressBar li:first-child .kk_NewSubmitButton .kk_NewSubmitButtonRightEdge {
    background-color: rgba(0, 0, 0, 0);
}
.mp-BasketProgressBar .kk_Current .kk_NewSubmitButtonRightEdge, .mp-BasketProgressBar .kk_Completed .kk_NewSubmitButtonRightEdge {
    background-color: #12CCB5;
}
.mp-BasketProgressBar li:first-child .kk_NewSubmitButton .kk_NewSubmitButtonRightEdge {
    background-color: rgba(0, 0, 0, 0);
}
.mp-BasketProgressBar .kk_Completed .kk_NewSubmitButton .kk_NewSubmitButtonLeftEdge:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f00c";
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 6px;
    left:5px;
}

.mp-BasketProgressBar li.kk_Completed:nth-of-type(1) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(2) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(3) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(4) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(5) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(6) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(7) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(8) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(9) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(10) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(11) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(12) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(13) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(14) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(15) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(16) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(17) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(18) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(19) .kk_NewSubmitButton:after,
.mp-BasketProgressBar li.kk_Completed:nth-of-type(20) .kk_NewSubmitButton:after {
    display:none;
}

/* 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-BasketProgressBar ul.kk_ProgressContainer {
    padding-bottom: 0;
}


/********************************************
       
    KK - ORB PROGRESS INDICATOR 

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

.kk_ProgressBar,
.mp-emulatedProgressBar {
    text-align: right;
}

.kk_ProgressBar:before,
.mp-emulatedProgressBar:before {
    font-size: 15px;
    content: 'Progress';
    color: rgba(0, 0, 0, 0.9);
    width: 100%;
}

.kk_Model .kk_ProgressBar ul.kk_ProgressContainer,
.mp-emulatedProgressBar ul.kk_ProgressContainer {
    padding-top: 5px;
}

.mp-emulatedProgressBar ul.kk_ProgressContainer {
    clear: both;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}

.kk_Model .kk_ProgressBar ul.kk_ProgressContainer li,
.mp-emulatedProgressBar ul.kk_ProgressContainer li {
    margin: 0;
    text-align: left;
}

.mp-emulatedProgressBar ul.kk_ProgressContainer li {
    display: inline-block;
    list-style: outside none none;
}

.kk_Model .kk_ProgressBar ul.kk_ProgressContainer li {}

.kk_ProgressBar,
.mp-emulatedProgressBar {
    float: right;
    overflow: visible;
    padding: 5px 0 15px;
}

.kk_ProgressBar .kk_NewSubmitButton,
.mp-emulatedProgressBar .kk_NewSubmitButton {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    margin-left: 10px;
    box-sizing: border-box;
}

.kk_ProgressBar .kk_NewSubmitButton:before,
.mp-emulatedProgressBar .kk_NewSubmitButton:before {
    content: '';
    width: 50px;
    height: 50px;
    background-color: rgba(222, 224, 226, 0.5);
    border-radius: 100%;
    border: 5px solid rgba(222, 224, 226, 1);
    border: 8px solid rgba(222, 224, 226, 1);
    box-sizing: border-box;
    margin: 0 auto;
    transition: border-color 0.25s ease-out 0s, color 0.25s ease-out 0s, opacity 0.75s ease-out 0s;
    position: absolute;
    top: 0;
    left: 0;
}

.kk_ProgressBar .kk_NewSubmitButton:hover:before,
.kk_ProgressBar .kk_Current .kk_NewSubmitButton:hover:before,
.kk_ProgressBar .kk_Completed .kk_NewSubmitButton:hover:before,
.mp-emulatedProgressBar .kk_NewSubmitButton:hover:before,
.mp-emulatedProgressBar .kk_Current .kk_NewSubmitButton:hover:before,
.mp-emulatedProgressBar .kk_Completed .kk_NewSubmitButton:hover:before {
    box-sizing: border-box;
    background-color: rgba(0, 94, 165, 1);
    border: 4px solid rgba(162, 196, 229, 1);
}

.kk_ProgressBar .kk_Current .kk_NewSubmitButton:before,
.mp-emulatedProgressBar .kk_Current .kk_NewSubmitButton:before {
    box-sizing: border-box;
    background-color: rgba(0, 130, 59, 0.2);
    border: 8px solid rgba(0, 130, 59, 1);
}

.kk_ProgressBar .kk_Completed .kk_NewSubmitButton:before,
.mp-emulatedProgressBar .kk_Completed .kk_NewSubmitButton:before {
    box-sizing: border-box;
    background-color: rgba(0, 130, 59, 0.8);
    border: 8px solid rgba(0, 130, 59, 0.9);
}

.kk_ProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonText:before,
.mp-emulatedProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonText:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid rgba(0, 94, 165, 1);
    position: absolute;
    top: -24px;
    left: 133px;
}

.kk_ProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonText,
.mp-emulatedProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonText {
    transition: border-color 0.25s ease-out 0s, color 0.25s ease-out 0s, opacity 0.25s ease-out 0s;
    position: absolute;
    background-color: rgba(222, 224, 226, 1);
    margin-top: 15px;
    box-sizing: border-box;
    opacity: 0;
    color: rgba(0, 0, 0, 1);
    width: 280px;
    min-height: 100px;
    left: 50%;
    margin-left: -143px;
    top: -9999999999999px;
    border-radius: 0;
    border-top: 10px solid rgba(0, 94, 165, 1);
    z-index: 1;
}

.mp-emulatedProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonText {
    font-size: 19px;
}

.kk_ProgressBar .kk_NewSubmitButton:hover .kk_NewSubmitButtonText,
.mp-emulatedProgressBar .kk_NewSubmitButton:hover .kk_NewSubmitButtonText {
    top: 100%;
    opacity: 1;
}

.kk_ProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonRightEdge,
.mp-emulatedProgressBar .kk_NewSubmitButton .kk_NewSubmitButtonRightEdge {
    position: absolute;
    width: 12px;
    background-color: rgba(0, 0, 0, 0.1);
    right: 49px;
    display: block;
    height: 15px;
    top: 50%;
    margin-top: -7px;
    z-index: -1;
}

.kk_ProgressBar .kk_Current .kk_NewSubmitButtonRightEdge,
.kk_ProgressBar .kk_Completed .kk_NewSubmitButtonRightEdge,
.mp-emulatedProgressBar .kk_Current .kk_NewSubmitButtonRightEdge,
.mp-emulatedProgressBar .kk_Completed .kk_NewSubmitButtonRightEdge {
    background-color: #00823b;
}

.kk_ProgressBar li:first-child .kk_NewSubmitButton .kk_NewSubmitButtonRightEdge,
.mp-emulatedProgressBar li:first-child .kk_NewSubmitButton .kk_NewSubmitButtonRightEdge {
    background-color: rgba(0, 0, 0, 0);
}

.kk_ProgressBar .kk_Completed .kk_NewSubmitButton .kk_NewSubmitButtonLeftEdge:before,
.mp-emulatedProgressBar .kk_Completed .kk_NewSubmitButton .kk_NewSubmitButtonLeftEdge:before {
    font: normal normal normal 26px/1 FontAwesome;
    content: "\f00c";
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 12px;
    left: 12px;
}


/********************************************
       
    KK - SELECTION GRID
    
*********************************************/

#KnowledgeKube_Model .kk_SelectionGrid {
    margin-bottom: 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    max-width: 600px;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    min-height: 0;
    margin-bottom: 55px;
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_Control {
    float: left;
    overflow: hidden;
}

#KnowledgeKube_Model .kk_SelectionGrid table,
#KnowledgeKube_Model .kk_SelectionGrid tbody {
    border: none;
}

.kk_Model .kk_SelectionGrid .kk_DSHeaderRow {
    position: absolute;
    bottom: 100%;
    box-sizing: border-box;
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_DSHeaderRow th {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_DSHeaderRow th.kk_SelectionGridHeading {
    display: block;
    font-weight: bold;
}

#KnowledgeKube_Model .kk_SelectionGrid td {
    border: none;
    box-sizing: border-box;
    padding: 25px 0;
}

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


/* Sprite Swap */

#KnowledgeKube_Model .kk_SelectionGrid .kk_NewCheckBox {
    background-image: none;
    padding: 0 30px 0 5px;
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_NewCheckBox:before {
    font: normal normal normal 30px/1 FontAwesome;
    content: "\f10c";
    content: "\f111";
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 2px rgba(0, 0, 0, 1);
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_NewCheckBox:hover:before {
    text-shadow: 0 0 2px rgba(0, 130, 59, 1);
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_NewCheckBox.kk_On:before {
    content: "\f192";
    color: rgba(0, 130, 59, 0.9);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

#KnowledgeKube_Model .kk_SelectionGrid .kk_DSControl_Checkbox {
    text-align: center;
}


/********************************************
       
    KK - SELECTION GRID WITH ACTION BUTTONS
    
*********************************************/

#KnowledgeKube_Model .kk_SelectionGridWithActionButtons {
    margin-bottom: 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    max-width: 75%;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    min-height: 0;
    margin-bottom: 55px;
}

#KnowledgeKube_Model .kk_SelectionGridWithActionButtons .kk_Control {
    float: left;
    overflow: hidden;
}

#KnowledgeKube_Model .kk_SelectionGridWithActionButtons table,
#KnowledgeKube_Model .kk_SelectionGridWithActionButtons tbody {
    border: none;
}

.kk_Model .kk_SelectionGridWithActionButtons .kk_DSHeaderRow {
    position: absolute;
    bottom: 100%;
    box-sizing: border-box;
}

#KnowledgeKube_Model .kk_SelectionGridWithActionButtons .kk_DSHeaderRow th {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

#KnowledgeKube_Model .kk_SelectionGridWithActionButtons .kk_DSHeaderRow th.kk_SelectionGridHeading {
    display: block;
    font-weight: bold;
}

#KnowledgeKube_Model .kk_SelectionGridWithActionButtons td {
    border: none;
    box-sizing: border-box;
    padding: 25px 20px;
}

#KnowledgeKube_Model .kk_SelectionGridWithActionButtons .kk_EvenRow td {
    background-color: rgba(243, 243, 243, 1);
}


/* Buttons */

#KnowledgeKube_Model .kk_SelectionGrid .kk_NewSubmitButton {}


/********************************************
       
    KK - SELECTION BUTTON

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

#KnowledgeKube_Model .kk_SelectionButton {
    float: none;
    max-width: 600px;
}

#KnowledgeKube_Model .kk_SelectionButton .kk_NewSubmitButton {
    box-sizing: border-box;
    width: 100%;
}

#KnowledgeKube_Model .kk_SelectionButton .kk_NewSubmitButtonText {
    display: block;
    margin-bottom: 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0);
    max-width: 600px;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    min-height: 0;
    margin-bottom: 45px;
    padding: 25px 0 25px 25px;
    color: rgba(0, 130, 59, 1);
}

#KnowledgeKube_Model .kk_SelectionButton .kk_NewSubmitButtonText:hover {
    border: 1px solid rgba(0, 130, 59, 1);
}

#KnowledgeKube_Model .kk_SelectionButton.kk_DeliveryAddress {}

#KnowledgeKube_Model .kk_SelectionButton.kk_DeliveryAddress .kk_NewSubmitButtonText {
    padding-left: 75px;
}

#KnowledgeKube_Model .kk_SelectionButton.kk_DeliveryAddress .kk_IconContainer:before {
    font: normal normal normal 30px/1 FontAwesome;
    content: "\f277";
    color: rgba(0, 130, 59, 0.7);
    position: absolute;
    left: 30px;
    top: 22px;
}

#KnowledgeKube_Model .kk_SelectionButton.kk_DeliveryAddress .kk_NewSubmitButtonText:hover .kk_IconContainer:before {
    color: rgba(0, 130, 59, 1);
}


/********************************************
         
    HELPERS

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


/* Accessibility Helpers: START */

.forAccessibilityUsersOnly {
    position: absolute !important;
    left: -9999px !important;
}

.forAccessibilityUsersOnlyHideText {
    font-size: 2px !important;
}


/* END: Accessibility Helpers */


/* Content Helpers: START */

.spaceBeforeReduced {
    margin-bottom: 1.4rem;
}

.spaceBefore {
    margin-top: 2rem;
}

.moreSpaceBefore {
    margin-top: 4rem;
}

.spaceAfterReduced {
    margin-bottom: 1.4rem;
}

.spaceAfter {
    margin-bottom: 2rem;
}

.moreSpaceAfter {
    margin-bottom: 4rem;
}


/* END: Content Helpers */


/********************************************
         
    SKIP NAVIGATION Accessibility Link

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

.skipToContentLink {
    position: absolute;
    top: -50px;
    transition: margin 1s ease-out 1s;
    -webkit-transition: margin 1s ease-out 1s;
    -moz-transition: margin 1s ease-out 1s;
    -o-transition: margin 1s ease-out 1s;
    -ms-transition: margin 1s ease-out 1s;
}

.skipToContentLink:focus {
    top: 0;
    z-index: 9000;
    margin: 10px 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}


/********************************************
         
    PRODUCT INFORMATION - ROWS

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

.mp-itemDescription {
    font-size: 15px;
}

h2.mp-itemDescription {
    font-size: 15px;
}

.mp-itemDescription a {
    text-decoration: none;
	color:#444;
}

.mp-manufacturerInformation {
    font-size: 13px;
}

.mp-manufacturerName {
    margin-right: 10px;
    display: inline-block;
}

.mp-partNumber {
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
}

.mp-rowPrice {
    font-size: 17px;
    font-weight: 600;
}

.mp-rowQuantity {
    margin-bottom: 0;
}

.mp-productTable .mp-colQuantity {
    width: 50px;
}

.mp-listTable .mp-columnListDetails {
    width: 50%;
}


/********************************************
         
    BASKET SUMMARY PANEL

*****************************************/
i.discount-question {
	float: right;
}

.mp-basketTotalValue {
    font-family: newtransport;
    font-weight: 700;
    font-size: 23px;
}

.mp-basketTotalValueTaxLabel {
    font-size: 15px;
}

.kk_Model .kk_DataSourceGridContainer .kk_DSControl_Button.kk_NewSubmitButtonContainer .mp-primaryActionRow .kk_NewSubmitButtonText {
    font-size: 15px;
    padding: 7px 20px 9px;
}


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

    COMPARISON FEATURE PRODUCT LIST

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

.mp-comparedItemsContainer {}

.mp-compareNotEnoughProducts {
    font-size: 19px;
    font-weight: 600;
}


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

    COMPARISON GRID

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

.mp-comparisonGridImage {
    height: 200px;
}

.mp-comparisonGridImage img {
    max-height: 200px;
}

.mp-comparisonGrid tbody {
    border: none;
}

.mp-comparisonGrid.columnCount2 td,
.mp-comparisonGrid.columnCount2 th {
    width: 33%
}

.mp-comparisonGrid.columnCount3 td,
.mp-comparisonGrid.columnCount3 th {
    width: 25%
}

.mp-comparisonGrid.columnCount4 td,
.mp-comparisonGrid.columnCount4 th {
    width: 20%
}

.mp-comparisonGrid.columnCount5 td,
.mp-comparisonGrid.columnCount5 th {
    width: 16.6%
}

.mp-comparisonGridSmallHeaderRow {
    display: table-row;
}

.mp-comparisonGrid th {
    vertical-align: top;
    border-bottom: 1px solid #eee;
}

.mp-comparisonGrid td {
    vertical-align: top;
    border-bottom: 1px solid #eee;
}

.mp-comparisonGridSection td,
.mp-comparisonGridSection th {
    padding-top: 30px;
}


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

    HOMEPAGE FEED STATISTICS

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

.mp-statistics .mp-statistic {
    margin-bottom: 10px;
}

.mp-statistics .statisticMetric {
    font-size: 0.9rem;
    line-height: 1.25;
}

.mp-statistics .statisticValue {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
}

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

    TABS / TABS CONTENT

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

.mp-tabs .tabs-title > a {
    font-size: 1.1rem;
}

.mp-tabs h2
{
    padding: 0.7rem 1rem 0;
}

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

    MODAL / FOUNDATION MODAL

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

.mp-modal.reveal
{
    padding:0;
}

.mp-modal
{
    border: 2px solid #0b0c0c;
}

.mp-modal .mp-content-heading
{
    font-size:18px;
    margin-right:50px;
    font-weight:bold;
}

.mp-modal .close-button
{
    top:10px;
}

.mp-modal .mp-content-header
{
    border-bottom:1px solid #DEE0E2;
}

.mp-modal .mp-content-footer
{
    border-top:1px solid #DEE0E2;
}

.mp-modal .mp-content-header,
.mp-modal .mp-content-footer
{
    background-color:#f7f7f7;
}

.mp-modal .mp-content-header .button,
.mp-modal .mp-content-footer .button
{
    margin:0;
}

.mp-modal .mp-content-body-content,
.mp-modal .mp-content-header,
.mp-modal .mp-content-footer
{
    padding:1rem;
}
.mp-modal .mp-content-product-actions
{
    margin-top:15px;
}

.mp-modal .mp-content-product-actions .button
{
    display:block;
    margin-bottom:10px;
}

.mp-modal .mp-content-product-stock-level
{
    font-weight:bold;
}
    
.mp-modal .mp-content-product-stock-level.not-in-stock
{
    color: #bc1414;
}

.mp-modal .mp-content-tabs
{
    margin-top:20px;
}

.mp-modal .mp-category-tags
{
    margin:10px 0 20px;
}

.mp-modal .mp-category-tags .button
{
    margin-right:5px;
    margin-bottom:5px;
}

/* BASE MODAL STYLES - Medium and up */
@media screen and (min-width: 40em) {
    .mp-modal .mp-content-product-actions .button
    {
        display:inline-block;
    }

    .mp-modal .mp-content-product-actions .button:last-child
    {
        margin-left:5px;
    }
}

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

    KNOWLEDGEKUBE ERRORS PAGE

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

.cds_ErrorAddin {
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}

.cds_ErrorAddin .addinName {
    font-weight: bold;
    font-size: 15px;
}

.cds_ErrorAddin .cds_ErrorToggleButton {
    margin: 0 10px;
}

.cds_ErrorAddin .addinPath {
    margin-bottom: 16px;
    color: #c00;
}

.cds_ErrorAddin .errorDetails {
    background-color: #eee;
    border-left: 5px solid #c00;
}


/* 
    END: mp-core.css
*/