/* Core Colours, Panels, Gradients
----------------------------------------------------------------------*/

#home .nav ul { width: 90%; margin-left: 10px; }

h2.products { clear: both; border-bottom: 1px solid #d1d8e7; margin: 0 0 15px 0; padding: 10px 0 20px 0; text-indent: 10px; }

.product { display: block; }
.js .product { display: none; }

.hitwise img { float: right; margin-right: 6px; } 
.hitwise p { overflow: auto; }

#loading, #products-slideshow { height: 230px; }
#loading { display: none;position: absolute; z-index: 9999; top: 0; left:0; width: 713px; background: url(../../../core/img/layout/ajax-loader2.gif) no-repeat center center; }
#products-slideshow { position:relative; cursor:pointer; }
#products-slideshow .product { position: absolute; top: 0; left: 0; width:100%; }	 

/* Slideshow controls
--------------------------------*/
#ss-nav { background: #ebebf3; border: 1px solid #d7d7e6; display: block;  width: 711px; float: left; }
#w { display: block; width: 100%; }
#i { float: left; position:relative; left: 50%;   }
#t, #c { float:left; position:relative; right: 50%; } 	

#ss-nav a { 
	font-size: 1.6em; 
	font-family: Calibri; 
	color: #90a3c9; 
	text-decoration: none;  
	margin: 0; padding:3px 12px 0 12px ;
	background: #ebebf3; 
	border-left: 1px solid #d7d7e6; 
	display: block;
	float: left;
	vertical-align: center;
	height: 19px;
}
	
#ss-nav a:hover,
#ss-nav a.current,
#ss-nav a.active { background: #fff; color: #c00;  }

#ss-nav img { float: none !important; padding: 0; margin: 0; float: left; }

.sprite-home { 
	background-color: #fff !important;
	background-image: url(../img/layout/sprite-controls.png) !important;
	background-repeat: no-repeat;
	width: 50px;
	height: 22px !important;
	padding: 0 !important
}

#play, #pause { padding: 0; }

#play { background-position: 0 0; border-right: 1px solid #d7d7e6; } 
a#play:hover { background-position: -50px 0; }

#pause { background-position: -100px 0 !important;  }
a#pause:hover { background-position: -150px 0!important;  }

/* Panel backgrounds */
.savings, .compare { background: url(../../savings/img/bg.png) repeat-x !important; }
.insurance { background: url(../../petins/img/bg-panel.png) repeat-x !important; }
.travel { background: url(../../travelmoney/img/bg-panel.png) repeat-x !important; }
.loans { background: url(../../loans/img/bg.png) repeat-x !important; }
.motoring { background: url(../../motoring/img/bg-panel.png) repeat-x !important; }
.cards { background: url(../../credit-cards/img/bg-panel.png) repeat-x !important; }

.js .tt_default { display:none; }

.delta { margin-bottom: 10px !important }
.tertiary { border-top: solid 1px #ddd; padding: 20px 0 20px 0 }
.tertiary .bg { background-image: url(../../../../assets/sections/servicing/img/bg-panel.png) !important;  }

/* .careers, .getsafe { border-left: solid 1px #dadada } */
/* .charity, .careers, .getsafe { padding: 10px 0 0 0; } */

.charity img, .careers img, .getsafe img { float: right; margin: 0 6px; }
.dotcom { text-align: center; }

.compare .cta { display: block; width: 100%; text-align: center; }