:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

--base-color: #43B758;



--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;

--button-color: #43B758;



--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

.promotion-item.only-picture .promotion-item-image img {
    object-fit: fill;
}

.footer .footer-wrapper .content-footer-wrapper {
    margin: 5px auto 0 auto;
}
.footer .footer-wrapper .content-footer-wrapper li {
    width: 210px;
}
.header-wrapper .header-logo {
    height: 60px;
}
.header-wrapper.fixed .logoFixed {
    margin-top: 5px;
    background-size: contain;
    max-height: 82px;
}
.product-search {
    margin-top: 43px;
}

.page-content {
    margin-top: 22px;
}
.promoted-products {
    padding: 5px;
    margin: 0px auto 0 auto;
}

.ag-breadcrumbs {
    margin: -23px 0 0px -20px;
}

.ccs-ds-extendedSpec-header {
    background: #0062A1 !important;
	color: white !important;
}

.small-product-list-prices .small-product-list-price .product-price {
    font-weight: bold;
}

.menu-bar-item-label {
    font-weight: bold;
}

.product-list-filters {
    padding: 15px 0px 0px 5px;
}

.product-list-filters-show-more, .product-list-filters-show-less {
    color: #FF0000;
    font-weight: bold;
}
.product-list-categories .product-list-category-button {
    color: #fff;
}
.product-list-category-button, .product-list-category-button:focus, .product-list-category-button:hover {
    color: #0062A1;
}
.product-list-categories .product-list-category-button, .product-list-categories .product-list-category-button:hover, .product-list-categories .product-list-category-button:focus {
    color: #000;
}
.product-list-category-button, .product-list-category-button:focus, .product-list-category-button:hover {
    border-color: #0062A1;
}
.header-wrapper .header-bar-section-links-item {
    display: inline-block;
    margin: 5px 0;
    border-right: 0px solid #aaa; */
    padding: 0 10px;
    color: #ffffff;
}

.header-bar-section-links-item a{
    color: #ffffff;
}

#body > div.header-wrapper.collapse > div > div.header-bar.clearfix > div > ul > li:nth-child(1) > a, #body > div.header-wrapper.collapse > div > div.header-bar.clearfix > div > ul > li:nth-child(2) > a {
    color: #ffffff;
}
.fa-fw {
    color: #ffffff;
}
.header-wrapper {
    background: #3C3C3C;
}
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div > div > div > div > div.promotion-item-label {
    display: none;
}

/*== Elastisearch Slider ==*/
.noUi-connect {
    background: #0062A1!important;
}
/*== Elastisearch Icon ==*/
.fa-trash:before {
    color: #0062A1;
}
/*== Elastisearch "Show more" ==*/
.es-expand-filter {
    color: red;
}
@media (min-width: 640px)
.promotion-item {
    margin: 8px;
}

.responsive-table {
    position: relative;
    top: -8px;
    left: -2px;
}
.parked-orders .accordion {
    position: relative;
    top: 20px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div.row.webpage-container.clearfix{
    height: 0px;
}

#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.small-12.columns.medium-9 > p, 
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.small-12.columns.medium-9 > div.checkout > div.row.collapse > div:nth-child(1) > p{
    /*border: 3px solid #44A3EB;*/
    border-radius: 10px;
}
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div.row.webpage-container.clearfix > div {
    top: 0px;
    position: relative;
}
.main-wrapper .content-column .row {
    top: 8px;
}

.promotion-item {
    padding: 8px 8px 8px 8px;
}

/* Adjustment for approvals page list */
#body .users-list .users-list-data {
    margin-top: 67px;
}
.cookie-info.without-content {
    height: Auto;
}
/* Center top seller text */
.small-product-list-label {
    text-align: center;
}
.small-product-list-prices .small-product-list-price {
    text-align: center;
}	
.product-options .product-option-group-selected.product-option-group-items {
    display: block;
    width: 460px;
    padding-bottom: 10px;
}
.promoted-products__item-label {
    text-align: center;
}
/* Promotioanl page image (campaign image) */
.product-card-image img.campaign-image {
    max-height: 150px;
}
.prodlist-row__img-wrapper .campaign-image {
    position: absolute;
    max-width: 60%;
    max-height: 72%;
    top: 0px;
    left: 0px;
}
.product-options .product-option-group-selected.product-option-group-items {
    display: block;
    width: 460px;
    padding-bottom: 10px;
}
.promoted-products__item-label {
    text-align: center;
}
.first-page-content .promotion-item.only-product .promotion-item-info .promotion-item-image .campaign-image {
    position: absolute;
    max-height: 100px;
}
@media (min-width: 640px) { 
	.first-page-content .promotion-item.only-product .promotion-item-info .promotion-item-image img {top: -8%;}
    
}
/* Demo shop banner (reporposed for Notices)*/
#body > div.demoshop > p {
    margin-bottom: 5px;
}

/* Product image placment image*/
.prodlist-row__img-wrapper:before {
    color: transparent;
}

/* Changes around new header bar settings */

.header-wrapper.collapse {
    background-color: #FAFAFA;
}
.header-wrapper .inner-wrapper {
    max-width: 100%;
}

.header-wrapper > .header-bar {
    background-color: #3C3C3C;
} 

.row.header .product-search {
    margin-top: -10px;
}

#body > div.header-wrapper.collapse > div.header-bar.clearfix > div > ul > li:nth-child(1) > a {
    color: #fff;
}
#body > div.header-wrapper.collapse > div.header-bar.clearfix > div > ul > li:nth-child(2) > a {
    color: #fff;
}

/* Offline Suppliers (PNA) */

.online-stock-error {
    color: #1E90FF;
}
.fa-exclamation-triangle:before {
    content: "\f1c0";
}



/* Reseller award logo*/

.header-wrapper .award-logo {
    position: relative;
    top: 0px;
    right: 20%;
    width: 42px;
}

@media (min-width: 640px) { 
.header-wrapper .award-logo {
    top: 0px;
    width: 7%;
}
}
.award-logo > a > img {
    max-width: 225%;
}

.award-logo > a > img {
    position: relative;
    height: 72px;
}

@media (min-width: 640px) {
.header-wrapper .row.header .logo-container .header-logo {
    height: auto;
}}

@media (min-width: 640px){
.product-search-input-container {
margin-top: 16px;
}}

@media (max-width: 639px){
.header-wrapper .award-logo {
    top: -145px;
    right: -50%;
    display: none;
}}

.header-bar{
    max-width: 100%;
}

/* Move basket to acomedate award logo */
@media print, screen and (min-width: 40em){
.medium-push-6 {
    position: relative;
    left: 53%;
}}

/* Remove Icecat "Marking Text" Header */
#icecatMarketingText > div.-header{
    display: none;
}

/* Image overlay resize for Promotions*/
.promotion-image-overlay {
    width: 100%;
	Position: initial;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) > div > div > div:nth-child(1) > div > div.promotion-item-info.clearfix > div.promotion-item-image > a > div

.promoted-products__item-image {
    width: 97%;
}
/* Product options - Full width */
.product-options .product-option-group-selected.product-option-group-items {
    width: 100%;
}

.product-options {
    display: inline;
}

/* First Page promotions specing */
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(3) {
    position: relative;
    top: -90px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(4) {
    position: relative;
    top: -80px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) {
    position: relative;
    top: -20px;
}


/*#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(7) > div {
    top: -20px;
}*/
.footer {
    margin-top: 0px;
}

#body > div.main-wrapper > div > div.row {
    top: -25px;
}

#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div > div.main-banner
{
    top: 50px;
    position: relative;
	padding-bottom: 30px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div.section.small-12.js-section-Carousel{
    position: relative;
    top: -30px;
    padding-bottom: 26px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(2) {
    position: relative;
    top: -30px;
    padding-bottom: 26px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div > div > div > div {
    top: -18px;
}

/* Latest additions to correct front page "Trending products without affecting CMS pages */

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) > div > h2 {
    position: relative;
    top: -50px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) > div > div {
    top: -50px;
}

/* Move CMS edit button */
#html-edit {
    position: relative;
    left: -70px;
}
/* Manually position old pages in wrong position */
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.google-education,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.microsoft-education,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.view-sonic-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.brother-education,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.daas-landing-page,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.logitech-video,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.ecolandingpage,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.kocycle,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.acronis-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.asus-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.misco-brother,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.canon,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.dell-latitude,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.draytek,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.epson-brand,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.misco-google-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.misco-hp-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.iiyama,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.keepit,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.maxcases-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.netgear-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.poly-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.sonicwall-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.synology-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.targus-brand-page,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.watchguard,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.cradlepoint-q3,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.education-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.clevertouch-q3-brand
{
    top: -18px;
}

#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.kocycle {
    top: 40px;
}

/* Manually position order history page*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.order-history-list {
    padding-bottom: 60px;
}
/* Manually position returns page*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.return-list-table {
    top: -50px;
}
/* Manually position quatation page*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.quote-list {
    top: -20px;
}
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.quote-list-buttons > button {
    position: relative;
    top: 30px;
}

/* Mailform With to full screen */
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > mailform {
    max-width: 100%;
}

/* Searchlinking position  */

.quick-search-overlay .quick-search .search-result-searchLinks .searchlink-row .searchlinklist-row__img-wrapper {
    margin: 0;
    width: 100px;
    min-height: 80px;
    flex: 0 0 auto;
}

.quick-search-overlay .quick-search .search-result-searchLinks .searchlink-row .searchlinklist-row__content-wrapper {
    flex: 2 1 auto;
    width: 65%;
    padding: 6px 6px;
    height: 100%;
}

.quick-search-overlay .quick-search .search-result-searchLinks .searchlink-row {
    margin: 0;
    height: 106px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}
.quick-search-overlay .quick-search .search-result-searchLinks {
    flex-grow: 2;
    width: 800px;
    display: flex
;
    flex-direction: column;
}

/*************** Search box size ***************/	
.quick-search-overlay .quick-search .search-result-products .prodlist-row {
    margin-bottom: 1px;
    height: 116px;
    padding: 8px 20px;
    display: flex
;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

/* #body > div.header-wrapper.collapse > div.inner-wrapper > div.row.header > div.small-12.medium-6.columns.medium-pull-3 > div > div.product-search-input-container > div.quick-search-overlay > div > div.result-column > div.search-result-searchLinks > div > div.searchlinklist-row__img-wrapper > a > img {
    width: 15%;
    padding-top: 10px;
    padding-left: 16px;
} 
#body > div.header-wrapper.collapse > div.inner-wrapper > div.row.header > div.small-12.medium-6.columns.medium-pull-3 > div > div.product-search-input-container > div.quick-search-overlay > div > div.result-column > div.search-result-searchLinks > div > div.searchlinklist-row__content-wrapper {
    position: relative;
    top: -70px;
    left: 16%;
	width: 80%;
}
#body > div.header-wrapper.collapse > div.inner-wrapper > div.row.header > div.small-12.medium-6.columns.medium-pull-3 > div > div.product-search-input-container > div.quick-search-overlay > div > div.result-column > div.search-result-searchLinks > div
{
    height: 90px;
	border-bottom: #E6E6E6;
    border-bottom-width: 1px;
    border-bottom-style: inset;
} */


/* Testing */

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(7) {
    position: relative;
    top: -40px;
}

/* Side Banners*/
.bf-promotion {
    position: absolute;
    max-height: 100vh;
}

.bf-promotion.right {
    right: 0;
}
/* Favorites Position*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.small-12.medium-9.medium-pull-3.columns.product-list-category-products > div > ul {
    position: relative;
    top: 90px;
}

/*Correct text on Promotional pages*/
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div > div > div > div {
    margin-top: 8px;
}