/* 


red: #ed1c24 - lighter version EF333A
#ed1b24
grey: #E8E7E8
darker grey: #5a5a5a




1. 
2. #ed1b24 - alt colour E8E7E8

Main colour: ed1b24

acion button: ed1c24
Action darker: EF333A


*/

body {
	background: #E8E7E8;
}
/* 
a {
	color:#355da8;
}
*/

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

nav .tagline {
	display:none;
}





ul.tagList li a:hover {
	color:#ed1b24;
}

/* Black */
nav, .help, #main-hero-copy, .content, .tab-container .tab-header, .panel {
	background:#ffffff;
}
 
.panel {
	border-color:#ffffff;
}
 
.basket-overlay-menu-item .button,
nav .nav-core ul li,
.help .helpHeader,
#main-hero-copy h1,
.retailerSummary,
.tab-container .content .filters .filter-dropdown p,
.basket-subtotal,
.contactShell h1
{
	color:#000000;
}
 
#global-footer .shell, 
#global-footer .shell li {
	color:#ffffff;
}

.cardShell.retailer.offer {
	background:#E8E7E8;
}

/* next bit is one of the colours for the retailer page - this is the one that is selected*/


.tab-container .tab-header ul li.active {
	background:#E8E7E8;
	color:#000000;
}


.content.referrals .contactShell fieldset,
.content.checkout fieldset,
#landing .login {
	background:#ffffff;
}
 
#main-hero-copy.retailer h1 {
	border-color:#ffffff;
}

nav .nav-core ul li a, 
.pageNavigation, #register .panel.callout a {
	color:#ed1b24;
}
 
#global-footer .shell a {
	color:#ed1b24;
}


nav .nav-core ul li a:hover,
#global-footer .shell a:hover {
	color:#999;
}

/* turquoise */
#main-hero-copy.retailer .returnlink,
div.clickable,
.card .ctaLink a
{
	color:#ed1b24;
}

/* turquoise */

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

.loginWrapper .login {
	border-color:#ed1b24;
	background-color:#ffffff;
}

.card .total-savings {
	background:#ed1b24;
}

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

/* turquoise */
.help .helpBody,
.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 {
	background:#ed1b24;
}

#register .panel.callout {
	background:#ffffff;
}

#register .panel.callout p {
  color:#BAB1BD;
}
.card.cashback:hover, .card.storecard:hover, .card.voucher:hover, .card.specialoffer:hover {
	background:#958E97;
}

/* next bit is one of the colours for the retailer page - this is the one that is not selected */

.tab-container .tab-header ul li {
	background:#ed1c24;
}
  

.panel h3 {
	color:#ed1b24;
}



.help .helpHeader .icon {
	color:#ed1b24;
}

.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:#ed1b24 !important;
}


.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:#ed1b24;
}

.tab-container .content .contextual-heading {
	background:#ed1b24;
}

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

button, .button {
	background:#ed1c24;
        border-color:#ed1c24;
        color: #ffffff;
}

button, .button:hover, .button:focus {
	background:#EF333A;
        border-color:#EF333A;
        color: #ffffff;
}



.content.referrals .contactShell .button {
	background:#ed1c24;
        border-color:#ed1c24;
}

button.success, .button.success {
        background:#ed1c24;
        border-color:#ed1c24;
        color: #ffffff;
}

button, .button.success:hover, .button.success:focus {
	background:#EF333A;
        border-color:#EF333A;
        color: #ffffff;
}

/* next bit is one of the colours for the retailer page - this is when you hover */

.tab-container .tab-header ul li:hover {
	background:#EF333A;
}

         #main-hero-copy.retailer h1 {
             border-top: 1px dotted #ddd;
             color: #000000;
         }

         .card {
             border: 1px solid #ed1b24;
         }

.card h2 {
	background: #958E97;
}

/*
.card.refer {
  display: none;
}
*/

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

.card.cashback:hover h2 a, .card.storecard:hover h2 a, .card.voucher:hover h2 a, .card.specialoffer:hover h2 a {
  color: #5a5a5a;
}