/*ToolbarColor*/
body>header>.toolbar {
    background-color:#FFFFFF ;
}
/*images of tool bar*/
header .toolbar .retailer-data sp-dropdown .sp-dropdown-text img,
 header .toolbar .user-details sp-dropdown .sp-dropdown-text img ,
 header .toolbar .language sp-dropdown .sp-dropdown-text img, 
 header .toolbar .newsletter  img
 {
    filter: invert(1);
    -webkit-filter: invert(1);
}
/*images of tool bar on open state*/
 header .toolbar .retailer-data sp-dropdown.open .sp-dropdown-text img,
 header .toolbar .user-details sp-dropdown.open .sp-dropdown-text img ,
 header .toolbar .language sp-dropdown.open .sp-dropdown-text img
 {
    filter: invert(0);
    -webkit-filter: invert(0);
}
/*text color for drop down list of toolbar*/
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content, body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content, body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content {
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
}
/* color for drop down list of toolbar on hover state* usually the same as current category */
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover,
body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover,
body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover {
    background-color: #34538E !important;
}
/*categories text color*/
body>header>.menu>.categories>.category>.category-content>.content>.name
{
	color: #FFFFFF;
}

/*categories images color - specials and my items*/
body>header>.menu>.categories>.category>.category-content>.content>.image>img.normal {
    display:none;
	background-color: #FFFFFF;
}

body>header>.menu>.categories>.category>.category-content>.content>.image>img.current {
    display: inline-block;
	color: #FFFFFF !important;
}

/*text toolbar*/
sp-dropdown .sp-dropdown-text * {
    
	color: #34538E !important;	
}
/*--------login text  - before login -------------*/
body>header>.toolbar>.data>.user-details>button.login {
	color: #34538E !important;
}

sp-dropdown.open .sp-dropdown-text * {
	color: #ffffff !important;
}
/*

html div.sidenav>div>nav>header
{
	background-color: #;
}
*/
/*drop down menu on login/store detailes/and language*/
body>header>.toolbar>.data>.user-details sp-dropdown.open, body>header>.toolbar>.data>.language sp-dropdown.open, body>header>.toolbar>.data>.retailer-data sp-dropdown.open,
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper, body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper, body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper{
    background-color: #3B61AA !important;
}
/*---------search button------------------*/


/*search button color*/
body>header>.toolbar>.data>.search-wrapper>.search>.input>button
{
	background-color: #3B61AA  !important;
}
/*search area color*/
body>header>.toolbar>.data>.search-wrapper>.search>.input>input
{
    background-color: #E8E8E8 !important;
}
/*--------categories-------------*/

/*categories lines seperator*/
body>header>.menu>.categories>.category {
    
	border-left: 1px solid #7b9bcf !important;
}
/*categories color*/
body>header>.menu>.categories>.category>.category-content
{
	    background: #34538E !important;
}
/*categories current*/
body>header>.menu>.categories>.category.current>.category-content {
    background-color: #7b9bcf !important;
}

/*under line on over and selected - usually as current category*/
body>header>.menu>.categories>.category.open>.category-content
{
	box-shadow: inset 0px -5px #7b9bcf !important;
}


/*---------------------checkout-------------------*/
/*check out button*/
html div.sidenav>div>nav.cart>footer>.checkout>span
{
	background-color: #3B61AA;
}
/*small check out button*/
html div.sidenav>div>nav>header .right .button
{
	background-color: #3B61AA;
}
/*Check out button text color*/
html div.sidenav>div>nav.cart>footer>.checkout>span>span,
html div.sidenav>div>nav.cart>footer>.checkout>span
{
	color:   #FFFFFF !important;
}
/*secondary checkout button color*/
checkout-bottom-banner .total-summary .next-button button {
    background-color: #3B61AA;
    border-color: #ffffff;
}
/*Footer*/
html.home>body>footer .inner-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #e9eff7;
	
}
body>footer {
    background-color: #e9eff7;
    color: #9db0d4;
}
body>footer .inner-footer .retailer-links span, body>footer .inner-footer>a, body>footer .inner-footer>span {
    margin: 0 1em;
    line-height: 1.8em;
    width: 9em;
    color: #34538E;
}



/*sale icon*/
/*--------------------*/

/*.item.product>.product-item>sp-product>.sale-icon:before, .special-item:before, html div.sidenav>div>nav.cart>footer>.you-save:before, html.cart-summary section.view .summary-content .items-table tbody .item-row td.specials .special:before, checkout-bottom-banner .total-summary>.saved-price>div:before, div.dialog.product>.dialog-body>.product-details>.product-details>.specials>.special:before {
    background-image:url(https://d226b0iufwcjmj.cloudfront.net/retailers/1115//1479652156083-0.07917387896955042.png);
}

.item.product>.product-item>sp-product>.sale-icon:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    width: 4em;
    height: 4em;
    background-repeat: no-repeat;
    background-position: 1em 1em;
    background-size: 3em 3em;
}

.special-item:before {
	position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    width: 3em;
    height: 3em;
    background-repeat: no-repeat;
    background-position: 1em 1em;
    background-size: 2em 2em;
}
.special-item>.sale-icon, .item.product sp-product>.sale-icon img {
    visibility: hidden;
}
--------------------*/


body div#purecloud-chatwidget-chat-container {

    bottom: 4%!important;

}

/* Change  spacing fro sale pprice /*/
div.sp-product-price>.regular-price {
margin-left:5px
}