/*
client colours
colour 1:	#5b2947
colour 2:	#e97e98
*/
		html, body  { font-family: 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif!important;}
		body { background: #4E4E50}
		
		a, a:hover {color: #5b2947;}
		
		
		h1,h2,h3 {color: #5b2947; margin: 0 0 10px; font-weight: 300}	

		#mainmenuinside { background: #e97e98;}
		
		#mainbodyshell { background:  #46162f url(../img/konditorextra/bg.png) right; padding: 10px 0  }		
		#mainbodyshell #popular {}
		#mainbodyshell .container {border-radius: 0;}
		
		.page-header {background: url(../img/konditorextra/bg-repeat.png) center; border: none;}
		#strapline {display: none;}	
		#schemelogo {margin: 20px 0; height: 120px; width: 323px; background: url(../img/konditorextra/logo.png) center center no-repeat;}
		#schemelogo a {height: 120px; width: 360px; display: block}
		#schemelogo img {display: none;}
		
		#welcomename h2 { color: #e97e98}
		
/* 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: #5b2947;}		
	
/* footer */
	
		#footershell {/*border-top: solid 3px #5b2947;*/}
		#footershell li:before { color: #FFF}

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

		.page-header #headermenu .nav {background: #46162f; }
		.page-header #headermenu .navbar {min-height: 30px} 
		.dropdown-menu {border: 3px solid #5b2947}
		.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover h3 {background: none; color: #5b2947;} 
		
		.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {background-color: #5b2947; color: #FFF}
	
/* buttons */
	
		.btn-primary,  .btn-primary:active, .btn-primary.active, .colouredimg, .lottoball, #fuelcardchoice .module a.btn-primary, #gateway .colour1shell {
			border-color: #5b2947;
			background: #46162f;
			background: -moz-linear-gradient(top,  #46162f 0%, #5b2947 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46162f), color-stop(100%,#5b2947));
			background: -webkit-linear-gradient(top,  #46162f 0%,#5b2947 100%);
			background: -o-linear-gradient(top,  #46162f 0%,#5b2947 100%);
			background: -ms-linear-gradient(top,  #46162f 0%,#5b2947 100%);
			background: linear-gradient(to bottom,  #46162f 0%,#5b2947 100%);}
			
		.btn-primary:hover, .btn-primary:focus, #fuelcardchoice .module a.btn-primary:hover, #fuelcardchoice .module a.btn-primary:focus {background: #5b2947; background-color: #5b2947; border-color:  #5b2947}
		
/* 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: #5b2947; }
		.module a.btn-primary:hover {background: #5b2947; border: none; color: #FFF;}
		.module p { color: #333;}
		.module a.btn-primary:hover { background: #5b2947; border: none; color: #FFF;}
		#instore .module, #online .module {background-color: #5b2947;}
		
		#fuelcardchoice .module a.btn-primary {	 border: solid 1px #5b2947; color: #FFF; }
		
		.helpmodule a:hover {color: #5b2947;}	
			
/* other */
			
		.carousel-indicators li {border: solid 1px #CCC; background: #FFF}
		.carousel-indicators .active {border: solid 1px #5b2947}
		
		.colourtext {color: #5b2947}
	
		.carousel-indicators .active {background: #5b2947;}
		.carousel-indicators, .carousel-caption {z-index: 1!important;}
		
		.popover-wrap {color: #5b2947; }	

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

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

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

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

	#login { background: #5b2947 url(../img/konditorextra/bg.png) repeat}
	#login #mainbodyshell .container {}
	#login #headershell, #login .page-header { border: none; background: none}
    #login .progress-bar-success {background-color: #5b2947;}
	#login .container {background: none;}
        		
	@media (max-width: 767px) {
		.latestoffer h3, .weeklyoffer h3, .topretailers h3 { color: #5b2947}
	}
	@media (max-width: 991px) {
		#schemelogo {background-position: left!important;}
		}