/* 



#333 - dark footer

CCC and EEE for text on footer

#ff3838 - almost black for test

#B3B3B1 - icons


#d4c29f - background colour




*/

/* nav, .help below is the background around the logo */
         nav, .help {
            background: #ffffff;
         }


/* just changed*/
body {
	background: #ffffff;
}


div#main,
.cashback.payment-details,
.content.help {
	background:#ffffff;
}


ul.tagList li a:hover {
	color:#ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

/* changed from 3a3d24 to ffffff */
#main-hero-copy, .content, .tab-container .tab-header {
	background:#ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}
/* changed from 3a3d24 to ffffff */
.panel {
	background:#ffffff;
	border-color:#ffffff;
}

/* this is the bits just for SB */

#global-footer, 
#global-footer .shell {
	background:#141414;
	}

#global-footer  {
  margin: 0;
  border-top-width: 4px;
  border-top-color: #141414;
  border-top-style: solid;
}


a {
	color:#141414; 
	font-family: "arial", Arial, Helvetica, sans-serif;
}

a:hover, 
a:focus {
	color:#ff3838; 
	font-family: "arial", Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


nav .tagline {
	color: #000000; 
	font-family: "arial", Arial, Helvetica, sans-serif;
	background: #ffffff
}

.help .helpBody  {
	background:#ffffff;
	color:#474747;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

/* not sure about this */
nav .nav-core  {
	background:#ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
	}
/* just changed */
.cardShell {
	background:#ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
	}


.help .helpBody .sub-block h2, 
.help .helpBody h1 {
	color:#000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}
/* just changed */
.basket-overlay-menu-item .button {
	color:#ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}
/* just changed */
#main-hero-copy h1 
{
	color:#000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

/* end of bits just for SB */



.help .helpHeader
{
	color: #B3B3B1;
	font-family: "arial", Arial, Helvetica, sans-serif;
}


nav .nav-core ul li
{
	color: #000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.help .helpHeader:hover 
{
	color: #ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}


.retailerSummary,
.tab-container .content .filters .filter-dropdown p,
.basket-subtotal,
.contactShell h1
{
	color:#000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.pageNavigation > div {
	color:#000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.tab-container .tab-header ul li.active {
	background:#ff3838;
        color: #ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}


.cardShell.retailer.offer{
	background:#ffffff;
        color: #000000;
	border-style: solid;
	border-width: 20px;
	border-color: #474747;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

/* changed from 3a3d24 to ffffff */
.card, 
#landing .login {
	background:#f9f9f9;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.content.referrals .contactShell fieldset,
.content.checkout fieldset {
	background:#ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

#main-hero-copy.retailer h1 {
	border-color:#000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

nav .nav-core ul li a, 
#global-footer .shell a,
.pageNavigation, #register .panel.callout a {
	color:#B3B3B1;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

nav .nav-core ul li a:hover{
	color:#ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}
#global-footer .shell a:hover {
	color:#ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

/* turquoise */
#main-hero-copy.retailer .returnlink,
div.account-edit-container .card h2 span,
div.clickable,
.card .ctaLink a
{
	color:#B3B3B1;
	font-family: "arial", Arial, Helvetica, sans-serif;
}


div.account-summary-container .card h2 .icon,
div.storecard-summary-container .card h2 .icon
{
	color:#f2f2f2;
}

.loginWrapper .login {
	border-color:#474747;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.card .total-savings {
	background:#ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}




/* .owl-item img {
	border-radius:5px;
} */

/*  xxxxxxx */



.tab-container .content .contextual-heading {
	background:#ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}



/*  xxxxxxx */



.card.cashback:hover, .card.storecard:hover, .card.voucher:hover, .card.specialoffer:hover {
	background:#B3B3B1;
        color: #ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.card.cashback, .card.storecard, .card.voucher, .card.specialoffer {
	background:#ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.tab-container .tab-header ul li {
	background:#B3B3B1;
	font-family: "arial", Arial, Helvetica, sans-serif;
}
  
/* try this one gggfgggfggg*/
.panel h3 {
	color: pink;
	font-family: "arial", Arial, Helvetica, sans-serif;
}



button, .button {
	background:#ff3838;
        border-color:#ff3838;
        color: #ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

button, .button:hover, .button:focus {
	background:#ff8080;
        border-color:#ff8080;
        color: #000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
	text-decoration: underline;
}



.content.referrals .contactShell .button {
	background:#ff3838;
        border-color:#ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.help .helpHeader .icon {
	color:#B3B3B1;

}


.tab-container .content .contextual-heading.dropdownmobile .pointer,
.tab-container .content .filters .filter-search.active .pointer,
.tab-container .content .filters .filter-favs.active a .pointer {
    border-bottom-color:#ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.card h2 .iconlabel { 
          color:#f2f2f2;
}

         .card h2 {
             background: #ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
         }




button.success, .button.success {
        background:#ff3838;
        border-color:#ff3838;
        color: #ffffff;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

button, .button.success:hover, .button.success:focus {
	background:#ff8080;
        border-color:#ff8080;
        color: #000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.button[disabled], 
.button[disabled]:hover {
	background:#cccccc;
        border-color:#cccccc;
        color: #000000;
	font-family: "arial", Arial, Helvetica, sans-serif;
}


div.account-summary-container .card, div.storecard-summary-container .card {
  border-style: solid;
  border-width: 2px;
  border-color: #ff3838;
}


.tab-container .tab-header ul li:hover {
    background: #ff3838;
    color: #ffffff;
}

.card.cashback:hover h2, .card.storecard:hover h2, .card.voucher:hover h2, .card.specialoffer:hover h2 {
    background: #ff3838;
}


.card.cashback:hover h2 a, .card.storecard:hover h2 a, .card.voucher:hover h2 a, .card.specialoffer:hover h2 a {
    color: #ffffff;
    background-color: #ff3838;
}

.card.cashback:hover .icon-bg, .card.storecard:hover .icon-bg, .card.voucher:hover .icon-bg, .card.specialoffer:hover .icon-bg {
    color: #ff3838;
}

.tab-container .content .filters .filter-dropdown.active .select-shell,
.tab-container .content .filters .filter-dropdown .select-shell,
.tab-container .content .filters .filter-dropdown.active .select-shell,
.tab-container .content .filters .filter-favs a,
.tab-container .content .filters .filter-favs a:hover,
.tab-container .content .filters .filter-search input
{
	border-color:#ff3838 !important;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.tab-container .content .filters .filter-dropdown.active .select-shell,
.tab-container .content .filters .filter-search.active input,
.tab-container .content .filters .filter-favs.active a,
.tab-container .content .filters .filter-search input:hover,
.tab-container .content .filters .filter-favs a:hover,
.tab-container .content .filters .filter-dropdown .select-shell:hover,
#register .panel.callout {
	background:#ff3838;
	font-family: "arial", Arial, Helvetica, sans-serif;
}

.tab-container .content .filters .filter-favs a .icon, 
.tab-container .content .filters .filter-search .icon, 
.tab-container .content .filters .filter-search, 
.tab-container .content .filters .filter-search.active a, 
.tab-container .content .filters .filter-favs a,
.tab-container .content .filters .filter-search input,
.tab-container .content .filters .filter-search a .icon,
.tab-container .content .filters .filter-dropdown .select-shell select, 
.tab-container .content .filters .filter-dropdown .select-shell .icon, 
.tab-container .content .filters .filter-search a {
    color: #ff3838;
}

.tab-container .content .filters .filter-search.active input {
    color: #efefef;
}

/* 
.tab-container .content .filters .filter-dropdown.active .select-shell .icon {
    color:#ff3838 !important;
}
*/

.tab-container .content .filters .filter-search ::-webkit-input-placeholder {
    color:#ff3838;
}
.tab-container .content .filters .filter-search:hover ::-webkit-input-placeholder {
    color:#ffffff;
}
.tab-container .content .filters .filter-search.active ::-webkit-input-placeholder  {
    color:#EFF4C6 !important;
}


.tab-container .content .filters .filter-search input:hover, 
.tab-container .content .filters .filter-favs a:hover, 
.tab-container .content .filters .filter-search.active input, 
.tab-container .content .filters .filter-favs.active a, 
.tab-container .content .filters .filter-dropdown.active .select-shell select  {
    background: #ff3838;
}
 
.tab-container .content .filters .filter-dropdown .select-shell select:hover {
    color: white;
    background: #ff3838;
}

.tab-container .content .filters .filter-dropdown.active .select-shell .icon, 
.tab-container .content .filters .filter-dropdown .select-shell:hover .icon  {
    color:#ffffff !important;
} 

.card.cashback h2, .card.storecard h2, .card.voucher h2, .card.specialoffer h2 {
    background: #f2f2f2;
}


.card h2 a {
    color: #000000;
}