/************************************************************
 CSS Document 
*************************************************************/
body 
{
	color: #333333;
	background-color: white;
	font-family:  arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	text-align: center;
	margin: 0;
	padding:0;
}

#wrapper 
{
	width: 766px;
	margin: 10px auto;
	padding: 0;
}

#head 
{

	width: 772px;
	height: 77px;
	margin: 0;
	padding: 0;
}

#head img 
{
	border: none;
	float: left;
	display: inline;
	margin-left: 0px; /* change to -8px to achieve alternative marketing style */
}

#headend 
{
}


#content 
{
	background: transparent url(/common/images/backgrounds/box-bg-shadow.gif) top left repeat-y; 
	width: 772px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	overflow: hidden;
}

#top-bar 
{
	width: 764px;
	margin: 5px 1px;
}

.functionality
{
	padding: 0px 10px 0px 10px;
}

#footer 
{
	background: transparent url(/common/images/backgrounds/content-bottom-shadow.gif) top left no-repeat;
	height: 20px;
	width: 772px;
	clear: both;
	margin: 0;
	padding:0;
}

h1 
{
	background:url(/common/images/backgrounds/function-content-top-shadow.gif) left top no-repeat; /* the top of the box */
	border: 0;
	margin: 0 ;
	padding: 0px 20px 3px 10px;
	font: 900 1.1em Arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	color: #373ABE;
	text-align: left;
}

.img-heading1
{
	border: 0;
	margin: 0 ;
	padding: 0px 0px 3px 1px;
	font: 900 1.1em Arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	color: #373ABE;
}

h2 
{
	margin: 0px;
	padding: 4px 20px 3px 10px;
	font: 900 1em arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	color: #fff;
}

.img-heading2
{
	border: 0;
	margin: 0 ;
	padding: 0px 0px 3px 1px;
	font: 900 1em arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
	color: #fff;
}

ul.tools
{
	float: right;
	margin: 25px 12px 0px 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
	display: inline;
	color: #fff;
}


ul.tools li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	text-align: right;
	font: normal 12px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;
}

ul.tools li a
{
	font-weight: 900;
	color: #333399;
}

.bottom-tools 
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	color: #333333;
	font: normal 12px arial, helvetica, geneva, 'bitstream vera sans', sans-serif;	
	font-weight: 900;
}

.bottom-tools a
{
	font-weight: 900;
	color: #333399;
}

/*---------------------------------------------------------------------------- 
 start mortgages colours for landing pages
---------------------------------------------------------------------------- */
.mortgages-estate #content #top-bar  {
	background: #20963b url(/common/images/landing/h3-mortgages.gif) top left repeat-y;
}

/*---------------------------------------------------------------------------- 
start insurance colours for landing pages
---------------------------------------------------------------------------- */
.insurance #content #top-bar  {
	background: #8c041b url(/common/images/landing/h3-insurance.gif) top left repeat-y;
}

/*---------------------------------------------------------------------------- 
start accounts colours for landing pages
---------------------------------------------------------------------------- */
.accounts #content #top-bar  {
	background: #7b0598 url(/common/images/landing/h3-accounts.gif) top left repeat-y;
}

/*---------------------------------------------------------------------------- 
start savings colours for landing pages
---------------------------------------------------------------------------- */
.savings #content #top-bar  {
	background: #0097d0 url(/common/images/landing/h3-savings.gif) top left repeat-y;
}

/*---------------------------------------------------------------------------- 
 start holidays colours for landing pages
---------------------------------------------------------------------------- */
.holidays #content #top-bar  {
	background: #0b1d7f url(/common/images/landing/h3-holidays.gif) top left repeat-y;
}

/*---------------------------------------------------------------------------- 
start holidays colours for landing pages
---------------------------------------------------------------------------- */
.generic #content #top-bar  {
	background: #0b1d7f url(/common/images/landing/h3-holidays.gif) top left repeat-y;
}