 /* 

1. blue  #3cc1cc - light Blue #9EE0E6
2. green #c2ca1c
3. weird off white #f0f2c6
4. blue #9EE0E6 - darker version #428bca  

 #f0f2c6 (light green) – FAQs answer background

#3cc1cc blue

#faf5ea weird off white

button - 257686 


PINK: #FF0066
RED: FF0000
Purple #9900CC
Mint: #00FFFF
blue: #0000FF
gold: #ffcc00

*/

/* 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:#9EE0E6;
	font-family: Asap, sans-serif;
}

/* changed from f0f2c6 to ffffff */
#main-hero-copy, .content, .tab-container .tab-header, .panel {
	background:#ffffff;
	font-family: Asap, sans-serif;
}
/* changed from f0f2c6 to ffffff */
.panel {
	border-color:#ffffff;
}

/* this is the bits just for SB */

#global-footer, 
#global-footer .shell {
	background:#ffffff;
	}

#global-footer  {
  margin: 0;
  border-top-width: 4px;
  border-top-color: #3cc1cc;
  border-top-style: solid;
}

/*
a {
	color:#000000; 
	font-family: Asap, sans-serif;
}
*/

nav .tagline {
	color: silver; 
	font-family: Asap, sans-serif;
}

.help .helpBody  {
	background:#f0f2c6;
	color:#000000;
	font-family: Asap, sans-serif;
}

/* not sure about this */
nav .nav-core  {
	background:#ffffff;
	font-family: Asap, sans-serif;
	}
/* just changed */
.cardShell {
	background:#faf5ea;
	font-family: Asap, sans-serif;
	}


.help .helpBody .sub-block h2, 
.help .helpBody h1 {
	color:#000000;
	font-family: Asap, sans-serif;
}
/* just changed */
.basket-overlay-menu-item .button {
	color:#ffffff;
	font-family: Asap, sans-serif;
}
/* just changed */
#main-hero-copy h1 
{
	color:#000000;
	font-family: Asap, sans-serif;
}

/* end of bits just for SB */



.help .helpHeader
{
	color: #ffffff;
	font-family: Asap, sans-serif;
}


nav .nav-core ul li
{
	color: silver;
	font-family: Asap, sans-serif;
}

.help .helpHeader:hover 
{
	color: #9EE0E6;
	font-family: Asap, sans-serif;
}


.retailerSummary,
.tab-container .content .filters .filter-dropdown p,
.basket-subtotal,
.contactShell h1
{
	color:#3cc1cc;
	font-family: Asap, sans-serif;
}

.pageNavigation > div {
	color:#000000;
	font-family: Asap, sans-serif;
}

.tab-container .tab-header ul li.active {
	background:#3cc1cc;
        color: #ffffff;
	font-family: Asap, sans-serif;
}


.cardShell.retailer.offer{
	background:#ffffff;
        color: #000000;
	border-style: solid;
	border-width: 20px;
	border-color: #3cc1cc;
	font-family: Asap, sans-serif;
}

/* changed from f0f2c6 to ffffff */
.card, 
#landing .login {
	background:#faf5ea;
	font-family: Asap, sans-serif;
}

.content.referrals .contactShell fieldset,
.content.checkout fieldset {
	background:#ffffff;
	font-family: Asap, sans-serif;
}

#main-hero-copy.retailer h1 {
	border-color:#000000;
	font-family: Asap, sans-serif;
}

nav .nav-core ul li a, 
#global-footer .shell a,
.pageNavigation, #register .panel.callout a {
	color:#3cc1cc;
	font-family: Asap, sans-serif;
}

nav .nav-core ul li a:hover,
#global-footer .shell a:hover {
	color:#9EE0E6;
	font-family: Asap, sans-serif;
}

/* turquoise */
#main-hero-copy.retailer .returnlink,
div.account-edit-container .card h2 span,
div.clickable,
.card .ctaLink a
{
	color:#3cc1cc;
	font-family: Asap, sans-serif;
}


div.account-summary-container .card h2 .icon,
div.storecard-summary-container .card h2 .icon
{
	color:#9EE0E6;
}

.loginWrapper .login {
	border-color:#3cc1cc;
	font-family: Asap, sans-serif;
}

.card .total-savings {
	background:#3cc1cc;
	font-family: Asap, sans-serif;
}




/* .owl-item img {
	border-radius:5px;
} */

/*  xxxxxxx */



.tab-container .content .contextual-heading {
	background:#3cc1cc;
	font-family: Asap, 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:#3cc1cc;
	font-family: Asap, sans-serif;
}
/*  xxxxxxx */



.card.cashback:hover, .card.storecard:hover, .card.voucher:hover, .card.specialoffer:hover {
	background:#9EE0E6;
        color: #000000;
	font-family: Asap, sans-serif;
}

.card.cashback, .card.storecard, .card.voucher, .card.specialoffer {
	background:#faf5ea;
	font-family: Asap, sans-serif;
}

.tab-container .tab-header ul li {
	background:#9EE0E6;
	font-family: Asap, sans-serif;
}
  

.panel h3 {
	color:#3cc1cc;
	font-family: Asap, sans-serif;
}



button, .button {
	background:#257686;
        border-color:#257686;
        color: #ffffff;
	font-family: Asap, sans-serif;
}

button, .button:hover, .button:focus {
	background:#07A8C6;
        border-color:#07A8C6;
        color: #ffffff;
	font-family: Asap, sans-serif;
}



.content.referrals .contactShell .button {
	background:#257686;
        border-color:#257686;
	font-family: Asap, sans-serif;
}

.help .helpHeader .icon {
	color:#9EE0E6;

}

.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:#3cc1cc !important;
	font-family: Asap, sans-serif;
}

.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:#3cc1cc;
	font-family: Asap, sans-serif;
}

.card h2 .iconlabel { 
          color:#9EE0E6;
}

         .card h2 {
             background: #3cc1cc;
	font-family: Asap, sans-serif;
         }




button.success, .button.success {
        background:#257686;
        border-color:#257686;
        color: #ffffff;
	font-family: Asap, sans-serif;
}

button, .button.success:hover, .button.success:focus {
	background:#07A8C6;
        border-color:#07A8C6;
        color: #ffffff;
	font-family: Asap, sans-serif;
}



div.account-summary-container .card, div.storecard-summary-container .card {
  border-style: solid;
  border-width: 2px;
  border-color: #3cc1cc;
}

