/* client colours #9c1e14 */
	
		html, body  { font-family: 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif!important;}
		body { background: #9c1e14; border-top: solid 3px #9c1e14;}
		
		a, a:hover {color: #9c1e14;}
	
		h1,h2,h3 {color: #9c1e14; margin: 0 0 10px; font-weight: 300}	
		
		h3, h3 a, h3 a:hover {color: #9c1e14!important;}
		
		#mainmenuinside {background: #9c1e14}
		
		#mainbodyshell { background:#ffffff; padding: 10px 0;}		
		#mainbodyshell #popular {}
		#mainbodyshell>.container { }
		
		#schemelogo {margin: 38px 0}
		#strapline {background: url(../img/accoladerewards/strapline.gif) right no-repeat; height: 146px}
		
/* 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: #9c1e14;}		
	
/* footer */
	
		#footershell {/*border-top: solid 3px #9c1e14;*/}
		#footershell li:before { color: #FFF}

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

		.page-header #headermenu .nav {background: #9c1e14; }
		.page-header #headermenu .navbar {min-height: 30px} 
		.dropdown-menu {border: 3px solid #9c1e14}
		.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover h3 {background: none; color: #9c1e14;} 
		
		.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {background-color: #ffffff; color: #9c1e14}
		.mainmenu a, .navbar-default .navbar-nav>li>a {color: #FFF;}
		.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #FFF; background: #6d0d20}
	
		.navbar-nav>li>.dropdown-menu {height: auto;max-height: 500px;overflow-x: hidden;}

/* buttons */
	
		.btn-primary,  .btn-primary:active, .btn-primary.active, .colouredimg, .lottoball, #fuelcardchoice .module a.btn-primary, #gateway .colour1shell {
			border-color: #9c1e14;
			background: #9c1e14;}
			
			
		.btn-primary:hover, .btn-primary:focus, #fuelcardchoice .module a.btn-primary:hover, #fuelcardchoice .module a.btn-primary:focus {background: #6d0d20;; border-color: #6d0d20; color: #FFF;}
		
/* 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: #9c1e14; border: #9c1e14; color: #ffffff; }
		.module a.btn-primary:hover {background: #9c1e14; border: none; color: #FFF;}
		.module p { color: #333;}
		.module a.btn-primary:hover { background: #6d0d20;; border: #6d0d20; color: #FFF;}
		#instore .module, #online .module {background-color: #9c1e14;}
		
		#fuelcardchoice .module a.btn-primary {	 border: solid 1px #9c1e14; color: #FFF; }
		
		.helpmodule a:hover {color: #9c1e14;}	
		
	    #ExtraBenefits #leftcol .panel {min-height: 440px;}
	    #ExtraBenefits #leftcol.holidaytrading .panel {min-height: 200px;}

			
/* other */
			
		.carousel-indicators li {border: solid 1px #CCC; background: #FFF}
		.carousel-indicators .active {border: solid 1px #9c1e14}
		
		.colourtext {color: #000000}
	
		.carousel-indicators .active {background: #9c1e14;}
		.carousel-indicators, .carousel-caption {z-index: 1!important;}
		
		.popover-wrap {color: #9c1e14; }	

   		#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: #9c1e14; color: #FFF}
        #Retailer h4 { margin: 0}

        #headermenu>.navbar>.nav>li>a>.badge {color: #9c1e14; background-color: #FFF}
		
		#welcomename h2 { }

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

		.ui-widget-content { background: #9c1e14}
				
		.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:#9c1e14;}
		
/* login */

	#login {}
	#login #mainbodyshell .container {}
	#login #headershell	  {border-bottom: solid 3px #9c1e14;}
    #login .progress-bar-success {background-color: #9c1e14;}
	
		#login #strapline { display: none }


	/* holiday */
	
	.altModal .modal-header {background: #9c1e14; color: #fff; border-radius: 5px 5px 0 0;}
    .altModal .modal-header .close:focus, .altModal .modal-header .close, .altModal .modal-header .close:hover { color: #FFF}
	
	@media (max-width: 767px) {
		.latestoffer h3, .weeklyoffer h3, .topretailers h3 { color: #9c1e14}
		#strapline {display: none;}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		#strapline {display: none;}
	   }
	   
	 
	   
	 /*  #orderldcardlink { display: inline-block}*/