/* client colours #ed1c24 */
	
		html, body  { font-family: 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif!important;}
		body { background: #4E4E50; border-top: solid 3px #ed1c24;}
		
		a, a:hover {color: #ed1c24;}
	
		h1,h2,h3 {color: #ed1c24; margin: 0 0 10px; font-weight: 300}	
		
		#mainmenuinside { border-bottom: 3px solid #ed1c24}
		
		#mainbodyshell { background:  #FFF;  }		
		#mainbodyshell #popular {}
		#mainbodyshell .container {border-radius: 0;}
		
		#schemelogo {margin: 50px 0 20px}
		
		#strapline {background: url(../img/cmgadvantage/strapline.jpg) right no-repeat; height:100px}

		.localdiscountmenu {display: none;}
		
/* right col */
	
		#rightcol .panel {border: none; border-bottom: solid 1px #F8F8F8; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px}
		#rightcol .panel-heading a { color: #333333;}
		#rightcol .panel-heading a:hover { color: #ed1c24;}		
	
/* footer */
	
		#footershell {/*border-top: solid 3px #ed1c24;*/}
		#footershell li:before { color: #FFF}

	/* social */
	
	#sociallinks .socialfacebook {}
	#sociallinks .socialtwitter {}
	#sociallinks .socialyoutube {}
		
	
/* header + nav bar */

		.page-header #headermenu .nav {background: #ed1c24; }
		.page-header #headermenu .navbar {min-height: 30px} 
		.dropdown-menu {border: 3px solid #ed1c24}
		.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover h3 {background: none; color: #ed1c24;} 
		
		.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {background-color: #ed1c24; color: #FFF}
	
/* buttons */
	
		.btn-primary,  .btn-primary:active, .btn-primary.active, .colouredimg, .lottoball, #fuelcardchoice .module a.btn-primary, #gateway .colour1shell {
			border-color: #ed1c24;
			background: #ff4e00;
			background: -moz-linear-gradient(top,  #ff4e00 0%, #ed1c24 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4e00), color-stop(100%,#ed1c24));
			background: -webkit-linear-gradient(top,  #ff4e00 0%,#ed1c24 100%);
			background: -o-linear-gradient(top,  #ff4e00 0%,#ed1c24 100%);
			background: -ms-linear-gradient(top,  #ff4e00 0%,#ed1c24 100%);
			background: linear-gradient(to bottom,  #ff4e00 0%,#ed1c24 100%);}
			
		.btn-primary:hover, .btn-primary:focus, #fuelcardchoice .module a.btn-primary:hover, #fuelcardchoice .module a.btn-primary:focus {background: #ed1c24; background-color: #ed1c24; border-color:  #ed1c24}
		
/* module */
		
		.quicktips h3,  .quickguides h3, .articles h3, .reference h3, .about h3,  .test h3, .products h3, .feedback h3 {background: #FFF;}
	
		.module a.btn-primary, .module  a.btn-primary:hover {transition: background .55s ease-in-out; -moz-transition: background .55s ease-in-out; -webkit-transition: background .55s ease-in-out; transition: color .55s ease-in-out; -moz-transition: color .55s ease-in-out; -webkit-transition: color .55s ease-in-out;}
		.module a.btn-primary {	background: none; border: none; color: #ed1c24; }
		.module a.btn-primary:hover {background: #ed1c24; border: none; color: #FFF;}
		.module p { color: #333;}
		.module a.btn-primary:hover { background: #ed1c24; border: none; color: #FFF;}
		#instore .module, #online .module {background-color: #ed1c24;}
		
		#fuelcardchoice .module a.btn-primary {	 border: solid 1px #ed1c24; color: #FFF; }
		
		.helpmodule a:hover {color: #ed1c24;}	
			
/* other */
			
		.carousel-indicators li {border: solid 1px #CCC; background: #FFF}
		.carousel-indicators .active {border: solid 1px #ed1c24}
		
		.colourtext {color: #ed1c24}
	
		.carousel-indicators .active {background: #ed1c24;}
		.carousel-indicators, .carousel-caption {z-index: 1!important;}
		
		.popover-wrap {color: #ed1c24; }	

   		#Wellbeing .panel-default {height:140px!important;}

        #Retailer .nav-tabs>li.active>a, #Retailer .nav-tabs>li.active>a:hover, #Retailer .nav-tabs>li.active>a:focus {background: #ed1c24; color: #FFF}
        #Retailer h4 { margin: 0}

        #headermenu>.navbar>.nav>li>a>.badge {color: #ed1c24; background-color: #FFF}

/* progress bar */
        
        .progress-bar {  color: #ed1c24;}
        .progress .complete  { background: #ed1c24 url(../../img/common/progress-bg-blank-invert.png) no-repeat right; }
        .progress .active  { background: #ed1c24; }
        .progress .active:not(:last-child)  { background: #ed1c24 url(../../img/common/progress-bg.png) no-repeat right;}
        .progress .badge { color: #ed1c24;}
		
/* Quick Start */
        
        #quickstart .progress-bar {  color: #ed1c24;}
        #quickstart .progress .complete  { background: #ed1c24 url(../../img/common/progress-bg-blank-invert.png) no-repeat right; }
        #quickstart .progress .active  { background: #ed1c24; }
        #quickstart .progress .active:not(:last-child)  { background: #ed1c24 url(../../img/common/progress-bg.png) no-repeat right;}
        #quickstart .progress .badge { color: #ed1c24;}
		
/* Savings calc */

		.ui-widget-content { background: #ed1c24}
				
		.spendcategory1_value, .spendcategory2_value, .spendcategory3_value, .spendcategory4_value, .spendcategory5_value, .spendcategory6_value, .spendcategory7_value, .spendcategory8_value,
		.category1save, .category2save, .category3save, .category4save, .category5save, .category6save, .category7save, .category8save, .totalspend, .totalsave, totalsaveyear {color:#ed1c24;}
		
/* login */

	#login {}
	#login #mainbodyshell .container {}
	#login #headershell	  {border-bottom: solid 3px #ed1c24;}
    #login .progress-bar-success {background-color: #ed1c24;}
        		
	@media (max-width: 767px) {
		.latestoffer h3, .weeklyoffer h3, .topretailers h3 { color: #ed1c24}
		#strapline {display: none;}

	}
	@media (min-width: 768px) and (max-width: 991px) {
		#strapline {display: none;}
	   }