a:link
	{
	color: #524e78;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}
	 
	a:active  
	{
	color: #524e78;
	text-decoration: none;
	}
	
	a:visited  
	{
	color: #524e78;
	text-decoration: none;
	}
	
	a:hover
	{
	color: #9fafe3;
	text-decoration: none;
	}
	
	#navBox a:link
	{
	color: #76719E;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}
	 
	#navBox a:active  
	{
	color: #76719E;
	text-decoration: none;
	}
	
	#navBox a:visited  
	{
	color: #76719E;
	text-decoration: none;
	}
	
	#navBox a:hover
	{
	color: #312984;
	text-decoration: none;
	}
	
	/*---------------------body---------------------------------------------------------------------*/		
	
	HTML, BODY
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 1em;
	color: #575757;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url(/images/template/bg.png);
	background-repeat: repeat-x;
	background-position: top center;
	}
	
	* html, body
	{
	overflow-x: hidden;
	}
	
	IMG 
	{
	border: 0px;
	padding: 0px;
	margin: 0px; 
	}


	/*---------------------mainbody---------------------------------------------------------------------*/	
	#mainBody
	{	
	width: 779px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	min-height: 100%;
	background-color: transparent;
	padding: 0px 0px 0px 0px;

	}
	
	* HTML DIV#mainBody
	{
	height: 100%;
	}
	


	/*---------------------header---------------------------------------------------------------------*/	
	#header
	{
	width: 100%;
	margin: 0px;
	height: 190px;
	position:relative;
	background-image: url(http://www.ifsproconnect.co.uk/images/template/header.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	/*---------------------navigation---------------------------------------------------------------------*/

	#nav
	{
	position: absolute;
	top: 86px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	width: 470px;
	}
	
	#navBox
	{
	width: 470px;
	height: 26px;
	top: 20px;
	/*background-image: url(http://www.ifsproconnect.co.uk/images/template/navBack.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;*/
	padding: 0 0 0 4px;
	}
	
	/*#navBox ul
	{
	display: inline;
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	}
	
	#navBox ul li
	{
	display: inline;
	list-style: none;
	padding: 0px 12px 0px 0px;
	margin: 0px;
	font-size: .7em;
	background-image: url(http://www.ifsproconnect.co.uk/images/template/listArrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	} 
	
	#navBox ul li.dropDown
	{	
	display: block;
	width: 80px;
	float: left;}
	*/
	#navSub
	{
	float: right;
	margin-top:10px;
	}
	
	#navSub a:link, #navSub a:visited
	{
	color: #332a86;
	}
	
	#navSub a:hover
	{
	color: #9fafe3;
	}


	/*---------------------menu drop ---------------------------------------------------------------------*/		
	

/*#navBox UL UL {
	POSITION: absolute; 
	WIDTH: 165px; 
	HEIGHT: 0px; 
	VISIBILITY: hidden; 
	TOP: 25px; 
	LEFT: 0px
}

* HTML #navBox UL UL {
	TOP: 25px
}

#navBox UL UL A {
	padding: 15PX 10PX 0 10px;
	LINE-HEIGHT: 1em; 
	WIDTH: 165px; 
	HEIGHT: auto; 
	COLOR: #332a86;
}
#navBox UL UL A:visited {
	padding: 15PX 10PX 0 10px;
	LINE-HEIGHT: 2em; 
	WIDTH: 165px; 
	HEIGHT: auto; 
	COLOR: #332a86; 
}
#navBox UL UL A:hover {
	COLOR: #7C5DA1; 
}

#navBox  UL UL li{
	display: block;
	height: 26px;
	font-size: 100%;
	background-image: none;
}*/

/*---------------------menu drop ---------------------------------------------------------------------*/		

/*	
#navBox  UL UL li.subNavTop{
	display: block;
	height: 19px;
	font-size: 100%;
	background-image: none;
	vertical-align: bottom;
}
	
#navBox UL UL li.subNavTop A, #navBox UL UL li.subNavTop A:visited  {
	padding: 10PX 10px 0 10px;}
	
* HTML #navBox UL UL A {
	WIDTH: 165px
}
* HTML #navBox UL UL A:visited {
	WIDTH: 165px
}

#navBox UL LI:hover UL {
	VISIBILITY: visible
}
#navBox UL A:hover UL {
	VISIBILITY: visible
}
#navBox UL :hover UL UL {
	VISIBILITY: hidden
}
#navBox UL :hover UL :hover UL {
	VISIBILITY: visible
}
	*/

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;

}
ul.pureCssMenu table {
border-collapse:collapse}

ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:160.65px;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 5px;
	padding-right: 4px;
	font-size:0px;
	height: 15px;
	border-right: 1px solid #999;
}

ul.pureCssMenu li li{
	display:block;
	margin:2px 0px 0px 5px;
	padding-right: 4px;
	font-size:0px;
	height: 15px;
	border-right: none;
	background-color: #E3E2EB;
}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	/*padding: 4px;*/
	_padding-left:0;
	font:normal 11px Verdana;
	color: #444444;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
/*ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
	
ul.pureCssMenu ul li.sep span{
	width:80%;
	height:3;
}*/
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	/*background-color:#B9AACB;
	border-color:#665500;
	border-style:solid;*/
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	/*background-color:#B9AACB;
	border-color:#665500;
	border-style:solid;*/
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(/images/nav/arrv_anim_1.gif);
	background-position:right top;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(/images/nav/arrv_anim_1o.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(/images/nav/arrv_anim_1o.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(/images/nav/arr_double_1.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(/images/nav/arr_double_1o.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(/images/nav/arr_double_1o.gif)}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(/images/nav/arr_double_1.gif)}
	/*---------------------footer---------------------------------------------------------------------*/
	
	#footer
	{
	width: 100%;
	height: 32px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(http://www.ifsproconnect.co.uk/images/template/footer.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	color: #ffffff;
	}
	
	.rightBox
	{
	margin: 0px 0px 15px 0px;
	}
	
	
	.rightBoxTop
	{
	height: 10px;
	line-height: 2px;
	background-image: url(/images/template/boxTop.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding:0px;
	}
	
	.rightBoxInner
	{
	background-color: #E9E8F3;
	margin: 0px;
	padding:10px;
	}
	
	.rightBoxInner
	{
	background-image: url(/images/template/boxFill.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E9E8F3;
	margin: 0px;
	padding:0px 10px 10px 10px;
	}																																																																																													
	.rightBoxInner p
	{
	margin: 0px;
	}
	
	.rightBoxBottom
	{
	height: 10px;
	line-height: 2px;
	background-image: url(/images/template/boxBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding:0px;
	}

	/*---------------------home page panel ---------------------------------------------------------------------*/
	
	.homeCentralPanel
	{
	background-color: #E9E8F3;
	margin-bottom: 10px;
	padding:10px;
	height:245px;
	}	
																																																																																													
	.homeCentralPanel p
	{
	margin: 0px;
	}
		
	.moreDetails{
	margin: 6px 0  15px 0;}
	
	.tel{
	color: #332A86;
	font-size: 130%;}
	
	.LockGraphic{
	float: left;
	margin-right: 5px;}
	
	/*---------------------columns---------------------------------------------------------------------*/
	
	#columns
	{
	position:relative;
	}
	
	#columnLeft
	{
	float: left;
	width: 519px;
	}
	
	#columnRight
	{
	float: right;
	width: 229px;
	}
	
	
	/*---------------------inside pages---------------------------------------------------------------------*/
	
	#Left_menu
	{
	float: left;
	width: 160px;
	}
	
	#right_content
	{
	float: right;
	width: 590px;
	border-left: 1px dotted #CCCCCC;
	padding-left:20px;
	margin-bottom:20px;
	}
	
	.diagram
	{
	float:right;
	padding: 0px 0px 10px 10px;
	margin-top:25px;
	}
	
	.floatLeft_contact
	{
	float: left;
	width:200px;
	margin: 0px 15px 0px 0px;
	}

	
	.floatRight_contact
	{
	float: right;
	width:300px;
	margin: 0px 0px 0px 15px;
	border-left: 1px dotted #CCCCCC;
	padding-left:40px;
	}
	
	#office_pic
	{
	margin-bottom:5px;
	}



	
	/*---------------------text style---------------------------------------------------------------------*/
	
		
	h1
	{
	color: #332a86;
	font-size: 1.0em;
	font-weight: 500;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
	h2
	{
	color: #332a86;
	font-size: 1.0em;
	font-weight: 500;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
	.h2Pale
	{
	color: #B5A6A6;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
	.h2Dark
	{
	color: #8064A2;
	font-size: 1.3em;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
	h3
	{
	color: #524e78;
	font-size: 1.0em;
	font-weight: 500;
	margin: 35px 0px 10px 0px;
	padding: 0px;
	}
	
	h4
	{
	color: #332a86;
	font-size: 90%;
	font-weight: 500;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
	
	p
	{
	font-size: .7em;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	}
	
	.italicRight
	{
	text-align: right;
	color: #524e78;
	font-style:italic;
	font-weight: bold;
	}

	.italicLeft
	{
	text-align:left;
	color: #524e78;
	font-style:italic;
	font-weight: bold;
	}
	
	.purple
	{
	color: #332a86;
	}
	
	.introText
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: italic;
	font-weight: bold;
	}
	
	.introTextSub
	{
	font-size: .8em;
	}
	
	.floatRight
	{
	float: right;
	margin: 0px 0px 0px 15px;
	}
	
	.floatLeft
	{
	float: left;
	margin: 0px 15px 0px 0px;
	}
	
	.line_gap
	{
	margin:10px 0px 15px 0px;
	}
	
	/*---------------------misc styles---------------------------------------------------------------------*/
	
	.clear
	{
	clear:both
	}
	
	form
	{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	
	.center
	{
	text-align: center;
	}
	
	
	#homeLink
	{
	position:absolute;
	top: 0px;
	left: 0px;
	}
	
	#homeLinkGif
	{
	width: 300px;
	height: 125px;
	}


	/*---------------------bullet points---------------------------------------------------------------------*/	
	#right_content li
	{
	text-decoration:none;
	font-size:70%;
	margin: 0px 0px 6px 20px;


		}
	/*------------------------------------------------------------------------------------------*/


.textbox
{
width:140px;
}

.textbox2
{
width:160px;
}


	/*---------------------------------Table---------------------------------------------------------*/
	
	.table_style
	{
	color:#999999;
	border-top:1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
	.table_header
	{
	color: #332a86;
	font-size:70%;
	height:18px;
	padding:5px;
	border-bottom:1px solid #999999;
	}
	
	.table_ticks
	{
	color: #332a86;
	font-size:70%;
	padding:5px;
	height:18px;
	width:120px;
	border-left: 1px solid #999999;
	border-bottom:1px solid #999999;
	}

	.table_offers
	{
	color: #666666;
	font-size:70%;
	padding:5px;
	border-bottom:1px solid #999999;
	}
	
	.table_offers2
	{
	color: #666666;
	font-size:70%;
	padding:5px;
	}
	
	.tick_position
	{
	text-align:center;
		border-left: 1px solid #999999;
	border-bottom:1px solid #999999;
	}

TABLE.login {
	border-collapse: collapse;
	border: 1px solid #666;}

TABLE.login th, TABLE.login td{
	font-size: 75%;}

TABLE.login th{
	text-align: left;
	background-color: #CCCCCC;
	padding: 2px 4px;
	border-bottom: 1px solid #666;}

TABLE.login td{
	text-align: left;
	background-color: #eee;
	padding: 2px 4px;
	border: #fff;}

FIELDSET{
	width: 300px;
	margin: 40px 0 0 100px;}
	
LEGEND{ 
	color: #524e78;
	font-size: 85%;
	font-weight: bold;
	padding: 0 4px;}

TABLE.tablePlain {
	margin: 9px;
	border-collapse: collapse;}

TABLE.tablePlain th, TABLE.tablePlain td{
	margin: 2px 0;
	font-size: 75%;}

TABLE.tablePlain th{
	font-weight: normal;
	text-align: left;
	padding: 2px 4px;}

TABLE.tablePlain td{
	text-align: left;
	padding: 2px 4px;}	
		

	/*---------------------------------Partners Login box---------------------------------------------------------*/
	
	#login_box
	{
	width:550px;
	margin:20px 0px 20px 0px;
	}
	
	
	.login_user
	{
	padding-left:10px;
	font-size:80%;
	}
	
	.login_Inner
	{
	background-image: url(/images/template/boxFill.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e9e8f3;
	}
	
	.login_Inner2
	{
	background-color: #e9e8f3;
	}
	
	/*---------------------------------PDF downloads---------------------------------------------------------*/
	
	
	#Left_menu ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

	
	#Left_menu li
	{
	list-style: none;
	padding: 0px 12px 0px 24px;
	margin: 0 0 15px 0px;
	font-size: .7em;
	background-image: url(/images/template/pdf_icon.gif);
	background-repeat: no-repeat;
	background-position:left;
	line-height:16px;
	}
	
	
	/*---------------------------------PDF downloads---------------------------------------------------------*/

	#future_link
	{
	height:18px;
	}


	#future_link ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

	
	#future_link li
	{
	list-style: none;
	padding: 0px 0px 0px 18px;
	margin: 0px;
	background-image: url(/images/template/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height:18px;
	}
	
	p.quote{
	margin: 10px 0;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #E3E2EA;
	font-size: 80%;
	font-style: italic;
	text-align: center;
}


/*--------------------- client testimonials ---------------------------------------------------------------------*/	
	
	code {
	display: block;
	padding: 5px;
	font-size: 85%;
	margin-bottom: 5em;
	white-space: pre;
	overflow: auto;
	background:  #E3E2EA;
}

div.limiter {
	text-align: left;
	width: 80%;
	padding: 5px 10px;	
	margin-left: auto;
	margin-right: auto;
}



	ul#news li{
	display: block;
	list-style: none;
	line-height: 17px;
	font-size: 90%;
	font-style: italic;
	margin: 0px;
	padding: 0 15px 0 0;
}