*
{
	margin:				0; 
	padding:			0;
	box-sizing: 		content-box;
}

/*
colors
*/
foo#bar
{
	background-color:	#000000;		/* black */
	background-color:	#ffffff;		/* white */
	background-color:	#6b0e69;		/* purple background to site */
	background-color:	#4c0160;		/* deepest purple, buttons and body text*/
	background-color:	#ffe2fc;		/* pale pink main body background */
	background-color:	#f269c1;		/* shocking pink */
	background-color:	#a63084;		/* mid pink*/
	background-color:	#4e5052;		/* dark grey text - menu rollover */
	background-color:   #26bfd0;		/* bright blue text - no used yet */
	background-color:   #b2c3c0;     	/* reduced grey (a bit) to compensate for illusion of bold on side menu lines*/
}

html 
{ 
	font-size: 			100.01%; /* IE hack */ 
	height:				100%;
}

/*	LAYOUT TAGS	*/

body
{
	font:				normal 75% Verdana, Arial, Helvetica, sans-serif;
	color:				#4c0160;		/* deepest purple, buttons and body text*/
	background-color:	#6b0e69;		/* purple background to site */
	border:				0;	
	min-height:			101%;
}


/*	STANDARD TAGS */

table
{
	/*border-collapse:	collapse;*/
}

a
{
	color:				#005f91;		/* mid blue links hrefs */
	text-decoration:	underline;
}

a:hover
{
	color:				#f7941d;		/* orange text - side menu rollover */
	text-decoration:	underline;
}



/* 
	standard formatting
	
	sizes and margins declared in EM units so that user can
	increase the text size and still preserve the structure
*/


h1
{
	font-family:        "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:  		60px;
	text-align:			right;
	color:				#4c0160;		/* deepest purple, buttons and body text*/
}


h2
{
	font-family:        "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:  		30px;
	text-align:			right;
 	margin-bottom:  	0.2em;
	margin-top: 		-0.4em;
	color:				#4c0160;		/* deepest purple, buttons and body text*/
}


/* h2 h3 h4 span settings to preserve h2's etc favoured status within Google*/

.orange {color: #f7941d}		/* Asset Finance */
.bluegreen {color: #007ca4}		/* Property Finance */
.bluemid {color: #0072bc}		/* Trade Finance */
.bluedark {color: #0054a6}		/* Invoice Discounting */

h3
{
	font-family:        "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:  		20px;
	text-align:			left;
 	margin-bottom:  	0.2em;
	margin-top: 		0.4em;
	color:				#4c0160;		/* deepest purple, buttons and body text*/
}

h4
{ 
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.3em;
 	margin-bottom:  	0.4em;
	color:				#4c0160;		/* deepest purple, buttons and body text*/
}

h5			/* quote text bottom right */
{ 
	font-weight:  		bold;
	font-family:        Arial, Helvetica, Verdana, sans-serif;
	font-size:  		1.1em;
	line-height:   1.6em;
 	margin-bottom:  	0.4em;
	color:				#a63084;		/* mid pink*/
}

p
{
	font-size:			1.0em;
	margin-bottom:		0.8em;
		line-height: 1.4em;
}

b
{
	color:				#005f91;		/* mid blue links hrefs */
}

img
{
	border:			none;
}

ul, ol
{
	font-size:		1.0em;
	/*margin-bottom:	1.0em;*/
	padding-left:		2.0em;
}

ul li, ol li
{
	margin-bottom:		0.5em;
}

ul
{
	margin-bottom:		1.0em;
}

.nocss
{
	display:	none;
}



/*
	table where th's are down the left and input boxes and such are in td's along the right
*/
table.formtable
{
	margin:			5px ;
	/*min-height:		2000px;	GARY : WTF?!?! FROM RIC*/
}

table.formtable th, table.formtable td
{
	padding:		5px;
	vertical-align: top;
	text-align:		left;
	color:			#ffffff;		/* grey text for body and pagecontent */
	font-weight:    normal;
}




div.clear
{
	font-size:		0;
	height:			0px;
	width:			0;
	overflow:		hidden;
	clear:			both;
}



/*

	outer and inner serve only to align background images and preserve the
	scrollbar for mozilla-based browsers. 

*/

div#outer
{
	text-align:		left;
	padding-top:    30px;
	margin:			0 auto;
	width:			955px;
	min-height:		100.01%;
}

div#inner
{
	background-color:	#4c0160;		/* deepest purple, buttons and body text BODY of CONTENT*/

}


/*
	bottom of page links
*/
div#bottom
{
	font-size:		0.8em;
	height:			125px;	/* adds lower space, keeps scroll bar there on short pages to stop the site jumping*/
	line-height:	25px;
	text-align: center;
	color:	#a63084;		/* mid pink*/
	clear: both;
}

div#bottom a
{
	color:			#a63084;		/* mid pink*/
}
 
div#bottom a:hover
{
	color:			#ffe2fc;		/* pale pink main body background */
}
 

/*

body >
outer >
inner >

|---------------|
|head           |
|---------------|
|left |content  |
|     |         |
|     |         |
|     |         |
|---------------|
|foot           |
|---------------|

*/


div#head
{
	height:				142px;
	background-image: url(../img/v-header.png)
}

div#head img
{
	float:				left;
	margin: 104px 3px 0px 3px;
}

/*
	contains top right link MAKE A PAYMENT
*/

div#head span#apply
{
	display:			inline;
	float:				right;
	margin-right:     	11px;
}


div#head span#links 	/* header menu */
{
	display:			block;
	margin-top:     	5px;
	margin-bottom:  	5px;
	float:				left;
	height:				1px;
	font-weight: 		normal;
	font-family:		Helvetica, Arial, Verdana, sans-serif;
	font-size: 			15px;
	text-decoration:	none;
}

div#head span#links a
{
	color: 				#89a2a2;		/* dark grey text - top menu  */
	text-decoration:	none;
}

div#head span#links a:hover
{
	color: 				#4e5052;		/* top menu rollover */
}

/*
	Tabs  across top of page in header
*/


div#head div
{
	width: 				594px;
	display:			block;
	float:				right;
	clear:				right;
	height:				80px;
	line-height:		42px;
	text-align:			center;
	/*background-color:		#FFFF66;*/
	margin-right:		-1px;		/* overlap the inner div padding a little, helps prevent float wrapping and fits the tabs (below) in with their margins better */
	overflow:			hidden;	
}

div#line-head			/*holder for narrow graphic line as <hr> proved to be a browser nightmare*/
{
	display:			block;
	float:				left;
	margin-left:     	0px;
}

div#head span#line-head
{
	display:			block;
	margin-left:     	0px;
}


div#head div a
{
	display:			block;
	float:				left;
	width:				199px;
	height:				80px;
	margin-right:		1px;
	overflow:			hidden;	
}


div#head div a span
{
	display:			block;
	height:				42px;
}


div#tabs		/* Tab strip itslf */
{
	width: 				874px;
	display:			block;
	margin-bottom:		-2px;
	#margin-bottom:  	-5px;			/* HACK creates 1px line below tabs on IE / FF */

}

div#line-tabs	/* Tab strip itslf */
{
	display:			block;
	float:				left;
	margin-left:     	0px;
	vertical-align: inherit;
}


/*
		MENU BAR DOWN RIGHT HAND SIDE
		
		Note the variety of -1px and -2px stuff to keep the divs snug together
*/

div#menuarea			/* container for side menu */
{
	
}

div#menutop				/* Top graphic in menu sidebar varies from page to page so no height */
{
	width:				311px;
	float:				left;
	margin-top:     	-2px;
}


div#menutop img
{
	margin-top:      	0px;
	margin-bottom:   	-3px;
	_margin-bottom:   	-2px;
	#margin-bottom:   	-2px;
}

div#menubuttons			/* Menu buttons need to adjust height of menu-select-spacer.png to balance the length on each page*/
{
	width:           	310px;
	float:				left;
	background-image: 	url(../img/menu-grey-bg.png);
	height:       		146px;					/* IE 7 HACK chasing pixels to align with graphic above main content*/
	padding-top:  		2px;
}

div#menubuttons a
{
	display:			block;
	font-weight:		bold;
	margin-left:		10px;
	margin-top:  		0px;
	margin-right:  	    10px;	
	color: 				#888a8c;				/* dark grey text - side menu items */
	font-weight: 		normal;
	font-family:		Helvetica, Arial, Verdana, sans-serif;
	font-size: 			15px;
	text-decoration:	none;
	border-bottom:      solid 1px #b2c3c0;     /* dropped grey a bit to compensate for illusion of bold on menu lines*/
}

div#menubuttons a:hover
{
	color: #4e5052	/* Dark grey rollover text */
}


/* span settings to show rollovers in colours */

div#menubuttons span#orange a:hover
{
	color: #f7941d		/* Asset Finance */
}

div#menubuttons span#bluegreen a:hover
{
	color: #007ca4		/* Property Finance */
}

div#menubuttons span#bluemid a:hover
{
	color: #0072bc 		/* Trade Finance */
}

div#menubuttons span#bluedark a:hover
{
	color: #0054a6		/* Invoice Discounting */
}


/*
		ADVERTS BELOW MENU BUTTONS IN SIDEBAR
*/

div#adverts img
{
	padding-top: 		10px;
	float:				left;
	background-color: 	#ffffff;
}


/*
		MAIN CONTENT AREA
*/


div#pagecontent			/* Container for everything that's "content", */ 
{
	width:				955px;
	background-color:	#ffe2fc;		/* pale pink main body background */
		overflow:auto;
	
}

div#left-image1			/* single left hand images on all pages */
{
	padding: 4px;
	float:left;
}

div#right-text	
{

	width:532px;
	float:right;
	margin: 4px 10px 0px 0px;
	text-align:left;
}

div#right-quote, div#right-quote p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align:right;
	margin: 5px 0px 0px 0px;
	width: 340px;
	float: right;
	color: #6b0e69;		/* purple background to site */
}

div#left-quote, div#left-quote p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align:left;
	margin: 15px 0px 0px 10px;
	width: 350px;

	color: #6b0e69;		/* purple background to site */
}

div#pagetext			/* Body text within content area  */ 
{
	margin-top:			10px;
	margin-left: 		8px;
	_margin-left:       18px;	/* IE 6 HACK increasing left margin  */ 
	margin-right:		2px;
	float:              left;
	/*color:		 		div#inner defines the colour of the page content text */ 
}

div#pagetext a			
{
	color:              #000000;
	text-decoration:    none;
}

div#pagetext a:hover			
{
	text-decoration:    underline;
}


div#news			/* News area also controls Cars */ 
{
	margin-top:			10px;
	margin-left: 		10px;
	_margin-left:       18px;	/* IE 6 HACK increasing left margin  */ 
	margin-right:		2px;
	min-height:			600px;	/* stops the right-hand images wandering if there's not much news in the content area  */ 
	/*color:		 		div#inner defines the colour of the page content text */ 
}

div#news img			
{
	padding:  	         2px;
	border:					none;
	background-color:#FFFFFF;
	margin-right:        -10px;   /* puts the images the right distance from the right side of the page */
}



/*
	footer with copyright notice
*/
div#foot
{
	font-size:			0.8em;
	color: 				#FFFFFF;
	height:				27px;
	width:     			955px;
	background-image:  	url(../img/v-footer-bg.png);
	float:				left;
	text-align: 		left;
	line-height: 31px;
	color:	#f269c1;		/* shocking pink */
	margin-top: -3px;

}


/*
	helper styles
*/

div.imgleft
{
	float:left;
	clear: both;
	padding: 5px 10px 5px 0;
	border: none;
	background-color:#FFFFFF;
}

div.imgright
{
	float:right;
	clear: both;
	border: none;
	padding: 0px 5px 0px 0px;
	background-color:#FFFFFF;
}

hr
{
	border-top: 1px solid #f269c1;		/* shocking pink */
}

div#hr-fake
{
	border-top: 1px solid #f269c1;
	margin-bottom:	10px
}



/*
	general per-page overrides
*/
#contact #top_contact,
#news #top_news,
#enquiries #top_enquiries,
#sitemap #top_sitemap,
#copynotice #top_copynotice
{
	font-weight: bold;
}


.left
{
	float: left;
}

.right
{
	float: right;
}

.center
{
	text-align:center;
}


/*
	general per-page overrides
*/
#news #top_news,
#enquiries #top_apply,
#sitemap #top_sitemap,
#copynotice #top_copynotice
#home #top_home
#contact #top_contact
#apply #top_apply
{
	font-weight: bold;
}


/*Tiny MCE Stuff*/

input.button
{
	width:				75px;
}

input.text,
input.textnormal,
input.textsmall,
input.textwide,
input.textthin,
textarea
{
	border:				1px solid #666;
	background-color:	#FFFFFF;	/* white */
	height:				1.5em;
}

input.text,
input.textnormal
{
	width:				250px;
}

input.texttiny
{
	width:				37px;
}

input.textsmall
{
	width:				75px;
}

input.textwide
{
	width:				300px;
}

input.textsubscribe
{
	width:				200px;
}

.admin textarea
{
	width:				300px;
	height:				300px;
}

textarea				/* BEWARE that in Firefox this affects the Text Editor box in the Admin Area */
{
	width:				300px;
	height:				150px;
}

/*
		ADMIN STUFF
*/

#admin formtable Chan_Controls_TextBox
{
	width:	800px;
}

#carstextarea.Chan_Controls_TextBox
{
	height:	200px;

}

<!-- NEWS is for SHOW DATES  dates.aspx -->

table#newstable
{
	margin:			0 auto;
	/*min-height:		2000px;	GARY : WTF?!?! FROM RIC*/  /* No idea mate !!  */
	width:				955px;
	background-color:	#ffe2fc;		/* pale pink main body background */
}


table#newstable td
{
	padding:		5px;
	vertical-align: top;
	text-align:		left;
	font-weight:    normal;
	background-color: #ffe2fc;		/* pale pink main body background */

}