/* 
   Lexxic : MASTER STYLESHEET
   DUSZA Limited, http://www.dusza.co.uk/
   Gavin Cooper, August 07

   FOUNDATIONS                                                                                     FOUNDATIONS ::
----------------------------------------------------------------------------------------------------------------- */
div#wrap
{
    float: 				left;
	width:				100%;
	background:			#fff4d4 url('../../images/safe/foot.gif') repeat-x 50% bottom;
	}
div#brain
{
	text-indent:		-9999px;
	position:			absolute;
	width:				537px;
	height:				483px;
	background-image:	url('../../images/safe/brain.gif');
	top:				20px;
	left:				50%;
	margin-left:		-500px;
	z-index:			1;
	}
div#container
{
	width:				796px;
	margin:				auto;
	}
div#frame
{
	position:			relative;
	z-index:			10;
	float:				left;
	width:				796px;
	margin:				90px 0 0;
	}
ol, ul
{
	list-style-type:	none;
	}
a
{
	text-decoration:	none;
	}
/* HEADER				                                                             HEADER ::
----------------------------------------------------------------------------------------------------------------- */
#head
{
	position:			relative;
	width:				636px;
	height:				148px;
	float:				right;
	}
#head h1 a
{
	float:				right;
	display:			block;
	width:				636px;
	height:				148px;
	background-image:	url('../../images/safe/head.gif');
	background-repeat:	none;
	text-indent:		-9999px;
	margin-bottom:		-30px; /*IE 5 FIX */
	}
h2
{
	text-indent:		-9999px;
	width:				0;
	height:				0;
	overflow:			hidden;
	}
div#quote
{
	position:			absolute;
	bottom:				41px;
	right:				25px;
	width:				300px;
	text-align:			right;
	}
p#from
{
	position:			absolute;
	bottom:				22px;
	right:				25px;
	width:				430px;
	text-align:			right;
	}
div#quote a
{
	color:				#AFDFFF;
	font-size:			2.2em;
	font-weight:		bold;
	}
div#quote a:hover
{
	color:				#023F88;
	}
p#from
{
	color:				#fff;
	font-size:			1.2em;
	}
p#strapline
{
	position:			absolute;
	top:				-45px;
	right: 				0px;
	width:				400px;
	font-size:			2.8em;
	text-align:			right;
	color:				#616F6F;
	}
.b
{
	font-weight:		bolder;
	}
/* NAV				                                                             	NAV ::
----------------------------------------------------------------------------------------------------------------- */
div#nav
{
	float:				left;
	width:				160px;
	text-align:			left;
	margin:				30px 0 0;
	}
ul#accessability
{
	float:				left;
	background-color:	#F8ECC8;
	width:				160px;
	}
ul#accessability li
{
	display:			inline;
	margin:				10px 0 0 10px;
	padding:			0 0 10px;
	float:				left;
	font-size:			1.4em;
	}
ul#accessability li a
{
	color:				#4a4a4a;
	margin:				0 3px 0 0;
	}
ul#accessability li a#small
{
	margin:				0 3px 0 -2px;
	}
ul#accessability li a:hover
{
	text-decoration:	underline;
	}
ol#links
{
	float:				left;
	width:				160px;
	}
ol#links li
{
	float:				left;
	background:			url('../../images/safe/nav-back.gif') no-repeat 0 0;
	height:				40px;
	width:				160px;
	margin-right:		-3px; /*IE FIX - repeating text */
	}

ol#links li a
{
	float:				left;
	display:			block;
	width:				160px; /*FIX IE*/
	w\idth:				140px;
	padding:			10px 10px 8px;
	font-size:			1.7em;
	color:				#4a4a4a;
	margin:				0 0 -3px;
	}
ol#links li a:hover
{
	background-image:	url('../../images/safe/roll.gif');
	background-position:0px 0px;
	color:				#fff;
	}
ol#links li.reset, ol#links li.reset a
{
	height:				auto;
	background:			transparent !important; /*Override inherited background important required for ie*/
	}
ol#links dl
{
	float:				left;
	background-color:	#cfcf687;
	font-size:			0.8em;
	}
ol#links dl a
{
	display:			block;
	width:				160px;
	w\idth:				148px;
	padding:			4px 2px 4px 10px;
	margin:				2px 0;
	color:				#4a4a4a;
	}
ol#links dl a:hover
{
	background-color:	#f8ecc8 !important; /*important required for ie */
	color:				#0f0f0f;
	}

/* MAILING LIST				                                           MAILING LIST ::
----------------------------------------------------------------------------------------------------------------- */
div#mailing 
{
	float:				left;
	width:				160px;
	height:				107px;
	background:			url('../../images/safe/mailing-back.png') no-repeat;
	}
div#mailing p.heading
{
	text-indent:		-9999px;
	overflow:			hidden;
	}
div#mailing fieldset
{
	float:				left;
	width:				160px;
	height:				111px;
	position:			relative;
	}
div#mailing fieldset p
{
	position:			absolute;
	top:				60px;
	}
div#mailing label
{
	float:				left;
	display:			inline;
	margin:				0 0 0 10px;
	width:				39px;
	font-size:			1.1em;
	color:				#fff;
	font-weight:		bold;
	}
div#mailing input#emailmailing
{
	float:				left;
	width:				100px;
	font-size:			1em;
	color:				#1e2828;
	background-color: transparent !important;
	border:				1px solid #5B8EBE;
	}
div#mailing input#emailmailing:focus
{
	border:				1px solid #ff9000;
	}
div#mailing input.signup
{
	position:			absolute;
	bottom:				0px;
	right:				10px;
	width:				90px;
	height:				20px;
	color:				#fff;
	background:			url('../../images/signup-back.gif') repeat-x;
	}
div#mailing input.signup:hover
{
	cursor:				pointer;
	background:			url('../../images/signup-back-hover.gif') repeat-x;
	}

/* HOMEPAGE				                                                     HOMEPAGE ::
----------------------------------------------------------------------------------------------------------------- */
div#content
{
    position:			relative;
	float:				right;
	width:				636px; /*FIX IE*/
	w\idth:				626px;
	padding:			0 0 25px 10px;
	background-color:	#e9e1aa;
	text-align:			left;
	min-height:			500px;
	height:				auto !important; /*IE FIX for min-height */
	height:				500px;
	}
div#content #row1, div#content #row2
{
	width:				616px;
    float:				left;
	display:			inline;
	margin:				24px 0 0 2px;
	background-repeat:	repeat-y;
	}
div#content #row1
{
	background-image:	url('../../images/safe/row1.gif');
	}
div#content #row2
{
	background-image:	url('../../images/safe/row2.gif');
	}
div#content .item, div#content .item-clear, div#content .item-1
{
	display:			inline;
	float:				left;
	width:				280px;
	margin:				0 10px 0;
	padding:			0 0 10px 0;
	}
div#content .item-1
{
	width:				287px;
	}
div#content .item-1 dl
{
	font-size:			1.2em;
	margin:				0 20px 0 30px;
	color:				#4A4A4A;
	}
div#content .item-1 dl dd
{
	margin:				10px 0 0;
	}
div#content .item-1 a, div#content .item p.emphasize a
{
	color:				#1d77b6;
	}
div#content .item-1 a:hover, div#content .item p.emphasize a:hover
{
	text-decoration:	underline;
	}
div#content .item-1 p.emphasize, div#content .item p.emphasize
{
	font-size:			1.4em;
	line-height:		26px;
	}
div#content .item-clear
{
	display:			inline;
	width:				267px;
	margin:				0 0 0 20px;
	background-color:	transparent;
	}
.item h3, .item-clear h3, .item-1 h3
{
	color:				#1d77b6;
	margin:				10px 10px 10px 12px;
	font-size:			1.6em;
	font-weight:		normal;
	}
.item-1 h3
{
	margin:				10px 10px 0 12px;
	}
.item-clear h3
{
	margin:				5px 10px 7px 0;
	}
.item p, .item-clear p, .item-1 p
{
	margin:				7px 23px;
	line-height:		20px;
	font-size:			1.2em;
	}
.item-clear p
{
	line-height:		15px;
	}
div.item img
{
	margin:				-10px 0 -10px 20px;
	}
strong
{
	color:				#0F0F0F;
	}
ol#serviceList
{
	margin:				0 0 0 30px;
	}
ol#serviceList li
{
	margin:				10px 0;
	color:				#1d77b6;
	font-size:			1.2em;
	}
ol#serviceList li a
{
	color:				#1d77b6;
	}
ol#serviceList li a:hover
{
	text-decoration:	underline;
	}
ol#latestArticles
{
	margin:				5px 0 0;
	}
ol#latestArticles li
{
	float:				left;
	padding:			10px 0 0;
	margin:				-1px 0 0;
	border-top:			1px dotted #cfc687;
	border-bottom:		1px dotted #cfc687;
	}
ol#latestArticles img
{
	float:				left;
	margin:				0 10px;
	border:				5px solid #f8ecc8;
	}
ol#latestArticles h4
{
	float:				left;
	color:				#1d77b6;
	font-size:			1.1em;
	margin:				0 0 5px 0;
	}
ol#latestArticles p
{
	margin:				0;
	float:				left;
	width:				170px;
	line-height:		20px;
	}
ol#latestArticles div.w p
{
	width:				250px;
	margin:				0 10px;
	}
ol#latestArticles h4.w
{
	margin:				0 10px 5px;
	}
ol#latestArticles dl
{
	clear:				both;
	padding:			9px 0;
	margin:				0 0 10px;
	}
ol#latestArticles dl a
{
	margin:				0 10px;
	text-decoration:	underline;
	}
ol#latestArticles dl a:hover
{
	text-decoration:	none;
	}
ol#latestArticles dt
{
	float:				left;
	}	
ol#latestArticles dd
{
	float:				right;
	}
ol#latestArticles dd a
{
	color:				#1d77b6;
	}
ol#latestArticles dt a
{
	color:				#AF6815;
	}	
.quo
{
	font-size:			1.2em;
	}
/* FOOT				                                                     FOOT ::
----------------------------------------------------------------------------------------------------------------- */
div#footwrap
{
	float:				left;
	text-align:			center;
	width:				100%;
	}
div#foot
{
	width:				760px;
	margin:				20px auto;
	}
div#foot p
{
	margin:				0 0 0 165px;
	color:				#333F3F;
	text-align:center;
	}
div#foot a
{
	color:				#333f3f;
	}
div#foot a:hover
{
	color:				#0f0f0f;
	text-decoration:	underline;
	}
a#credit
{
	position:			absolute;
	bottom:				10px;
	right:				660px;
	text-indent:		-9999px;
	display:			block;
	width:				98px;
	height:				56px;
	overflow:			hidden;
	background-image:	url('../../images/safe/credit.gif');
	background-repeat:	no-repeat;
	}
/* QUICK TEST				                                                             QUICK TEST ::
----------------------------------------------------------------------------------------------------------------- */
div#quick_test h4
{
	font-weight:		normal;
	margin:				0 0 0 20px;
	font-size:			1.4em;
	color:				#AF6815;
	}
div#quick_test .question
{
	font-weight:		bold;
	}
div#quick_test a.answer
{
	margin:				20px 0 20px 10px;
	width:				89px;
	height:				36px;
	float:				left;
	display:			block;
	text-indent:		-9999px;
	}
div#quick_test a.yes
{
	background-image:	url('../../images/safe/yes.gif');
	margin:				20px 0 20px 45px;
	display:			inline;
	}
div#quick_test a.no
{
	background-image:	url('../../images/safe/no.gif');
	}
/* ABOUT				                                                             ABOUT ::
----------------------------------------------------------------------------------------------------------------- */
body#ab #content h3, body#te #content h3, body#resource #content h3, body#res #content h3, body#service #content h3, body#contact #content h3, body#terms #content h3, body#contact #content h3
{
	font-size:			1.6em;
	font-weight:		normal;
	color:				#1d77b6;
	margin:				30px 0 0 20px;
	}
body#ab #content h4, body#te #content h4, body#contact #content h4, body#terms #content h4
{
	clear:				left;
	font-size:			1.3em;
	font-weight:		normal;
	color:				#AF6815;
	margin:				20px 20px 10px;
	}
body#ab #content p, body#te #content p, body#contact #content p, body#terms #content p
{
	margin:				0 30px;
	font-size:			1.2em;
	line-height:		18px;
	}
body#ab #content ol.list, body#service #content dl.list_alt, body#service #content ol.add, body#terms #content ol
{
	margin:				10px 0 10px 30px;
	}
body#service #content li h4, body#te #content li h4, body#contact #content li h4
{
	color:				#1d77b6;
	font-weight:		normal;
	margin:				10px 0;
	font-size:			1.2em;
	}
body#te #content li h4
{
	margin:				10px 0 0 140px;
	}
body#service #content dl.list
{
	float:				left;
	margin:				0 0 10px 30px;
	width:				470px;
	}
body#service #content dl.list dd
{
	margin:				2px 0;
	color:				#AF6815;
	}
body#ab #content ol.list li, body#service #content ol.add li, body#terms #content ol li
{
	margin:				5px 0;
	font-size:			1.2em;
	color:				#1d77b6;
	}
body#terms #content ol li
{
	color:				#4a4a4a;
	}
body#terms #content ol#txt_shrink li
{
	font-size:			1em;
	}
body#service #content dl.list_alt dd
{
	margin:				5px 0 5px 20px;
	color:				#4a4a4a;
	}
body#service #content dl.list_alt dd table
{
	margin:				10px 0;
	}
body#service #content dl.list_alt dd th
{
	background-color:	#f8ecc8;
	}
body#service #content dl.list_alt dd td, body#service #content dl.list_alt dd th
{
	width:				240px;
	padding:			4px;
	}
body#service #content dl.list_alt dd tr.high
{
	background-color:	#cfc687;
	}
body#ab #content a, body#res #content div#info a, body#service #content a, body#terms #content a
{
	float:				left;
	margin:				10px 30px;
	font-size:			1.2em;
	color:				#1d77b6;
	text-decoration:	underline;
	}
body#ab #content a
{
	margin:				10px 30px 30px;
	}
body#ab #content a:hover, body#res #content div#info a:hover, body#service #content a:hover, body#terms #content a:hover
{
	text-decoration:	none;
	}
body#service #content li a 
{
	float:				left;
	margin:				10px 0 0;
	color:				#AF6815;
	text-decoration:	none;
	}
body#service #content li a:hover
{
	text-decoration:	underline;
	}
/* below is a reset for links which need to be displayed inline! */
body#ab #content ol.list_num a, body#service #content a, body#service #content dl.list_alt dd a, body#terms #content a, body#service #content ol li p a, body#service #content h4 a, body#service #content li dl.list a
{
	font-size:			1em;
	float:				none;
	margin:				0;
	}
body#ab #content ol.list_alt a
{
	font-size:			0.8em;
	color:				#4a4a4a;
	}
body#ab #content a#credit
{
	bottom:				-20px;
	right:				640px;
	}
body#service #content li p, body#contact #content li p
{
	clear:				left;
	margin:				0 10px 10px;
	line-height:		26px;
	}
body#te #content img
{
	border:				5px solid #FFF7DF;
	float:				left;
	margin:				-20px 20px 10px 10px;
	}
body#te #content img.no_title
{
	margin:				10px 20px 10px 10px;
	}
body#te #content div.con
{
	float:				left;
	width:				370px;
	margin:				10px 20px 10px 0;
	}
body#te #content div.wide
{
	display:			inline;
	width:				490px;
	margin:				10px 20px 10px 20px;
	}
body#te #content p
{
	margin:				0 0 10px;
	line-height:		20px;
	}
body#service #content dl.list_alt dd
{
	color:				#AF6815;
	}
span.list_type
{
	float:				left;
	}
span.list_info
{
	float:				left;
	width:				430px;
	}
body#service #content dl.dimm dd
{
	color:				#4A4A4A;
	}
body#contact dl.list
{
	margin:				0 0 10px 10px;
	font-size:			1.2em;
	}
/* RESOURCES				                                                             RESOURCES ::
----------------------------------------------------------------------------------------------------------------- */
body#te #content li a.more
{
	float:				right;
	}
body#te #content li a.download
{
	float:				left;
	}
body#service #content li a.furtherlinks
{
	margin:				0;
	}
body#resource #content h4 a, body#service #content h4 a, body#service #content li a.furtherlinks, body#contact #content li a, body#te #content li a.furtherlinks, ol#latestArticles a.furtherlinks
{
	color:				#1d77b6;
	text-decoration:	none;
	}
body#resource #content h4 a:hover, body#service #content h4 a:hover, body#service #content li a.furtherlinks:hover, body#contact #content li a:hover, body#te #content li a.furtherlinks:hover, ol#latestArticles a.furtherlinks:hover
{
	color:				#1d77b6;
	text-decoration:	underline;
	}
body#service #content ol.map li a.furtherlinks
{
	margin:				10px 0 0 0;
	font-size:			1.2em;
	}
body#resource #content p.cats
{
	font-size:			1.2em;
	margin:				10px 0 10px 30px;
	}
body#resource #content ol, body#service #content ol, body#te #content ol, body#contact #content ol
{
	margin:				10px 0 10px 30px;
	font-size:			1.2em;
	}
body#resource #content li, body#service #content li, body#te #content li, body#contact #content li
{
	float:				left;
	width:				550px;
	w\idth:				530px;
	margin:				10px 0;
	padding:			10px;
	background-color:	#f8ecc8;
	}
body#service #content li
{
	border-left:		5px solid #f8ecc8; 
	/*we use alot of style from resources to fix mirrored margin on each service 
	we add 5px border like each resource except we colour it the same as the background */
	}
body#service #content ol.map li
{
	padding:			10px 10px 20px 10px;
	}
body#service #content ol.map p
{
	margin:				10px 0 0 0;
	}
body#service #content #diagram
{
	margin:				-20px 0 -20px 130px;
	}
body#resource #content dt, body#service #content dt
{
	float:				left;
	}
body#resource #content a.img_link, body#service #content a.img_link
{
	display:			table-cell;
	vertical-align:		middle;
	text-align:			center;
	height:				100px;
	width:				60px;
	}
body#service #content a.img_link
{
	width:				70px; /*FIX IE*/
	w\idth:				60px;
	padding:			0 10px 0 0;
	}
body#resource #content dd, body#service #content dd
{
	margin:				0 10px;
	width:				450px;
	float:				left;
	}
body#resource #content dd.wide, body#service #content dd.wide
{
	margin:				0px;
	width:				510px;
	}
body#service #content dd, body#service #content dd.wide
{
	margin:				10px 10px 0 0;
	}
body#resource #content dd h4, body#service #content dd h4
{
	font-size:			1.1em;
	font-weight:		normal;
	color:				#1d77b6;
	margin:				0 0 5px;
	}
body#resource #content p.cats a
{
	text-decoration:	underline;
	}
body#resource #content p.cats a:hover
{
	text-decoration:	none;
	}
body#resource #content dd p a, body#service #content dd p a
{
	color:				#AF6815;
	text-decoration:	underline;
	}
body#resource #content dd p a:hover, body#service #content dd p a:hover
{
	text-decoration:	none;
	}
body#te #content p.emphasize  
{
	font-size:			1.2em;
	line-height:		28px;
	}
body#res #content br
{
	margin:				5px 0;
	}
body#res #content img
{
	float:				left;
	margin:				20px -10px 20px 20px;
	width:				60px;
	border:				5px solid #f8ecc8;
	}
body#res #content div#info
{
	float:				left;
	width:				540px;
	margin:				10px 0 15px;
	}
body#res #content div.wide
{
	width:				620px !important;
	}
body#resource #content p.pages
{
	float:				left;
	}
body#resource #content p.page_btns
{
	float:				right;
	}
body#resource #content p.page_btns a, body#resource #content p.pages a
{
	color:				#4a4a4a;
	text-decoration:	underline;
	}
body#resource #content p.page_btns a:hover, body#resource #content p.pages a:hover
{
	text-decoration:	none;
	}
/* CONTACT US				                                                             CONTACT US ::
----------------------------------------------------------------------------------------------------------------- */
body#contact div#contactform fieldset, body#ab fieldset
{
	*display:			inline;
	margin:				20px 0px 20px 30px;
	padding:			0 0 20px 20px;
	border:				2px solid #f8ecc8;
	float:				left;
	width:				550px; /* IE FIX */
	w\idth:				530px;
	}
body#contact div#contactform legend, body#ab legend
{
	font-size:			1.5em;
	color:				#1d77b6;
	}
body#contact div#contactform label, body#ab label
{
	clear:				left;
	float:				left;
	font-size:			1.2em;
	margin:				15px 0 0;
	}
body#contact div#contactform label .alert_txt
{
	margin:				0 0 0 5px;
	color:				#AF6815;
	text-align:			right;
	font-style:			italic;
	}
body#contact div#contactform input.text, body#contact div#contactform input.textBad, body#contact div#contactform textarea, body#contact div#contactform input.file, body#contact div#contactform select.option
{
	float:				left;
	clear:				left;
	width:				505px; /*FIX IE*/
	w\idth:				495px;
	padding:			5px;
	margin:				5px 20px 5px 0;
	color:				#4a4a4a;
	background-color:	#f8ecc8 !important;
	}
body#contact div#contactform select.option
{
	width:				540px;
	}
body#contact div#contactform input.textBad, body#contact div#contactform textarea.textBad
{
	border:				1px solid #AF6815;
	}
body#contact div#contactform textarea
{
	height:				150px;
	font-family:	 	Arial, Helvetica, sans-serif;
	font-size:			1.3em;
	}
body#contact div#contactform input.btn, body#ab input.btn
{
	margin:				20px 17px 0 0;
	padding:			3px;
	border:				1px solid #4a4a4a;
	background-color:	#f8ecc8;
	color:				#4a4a4a;
	}
body#contact div#contactform input.btn:hover, body#ab input.btn:hover
{
	border:				1px solid #1d77b6;
	color:				#1d77b6;
	cursor:				pointer;
	}
body#contact .alert_bad, body#contact p.alert_good, body#ab .alert_bad, body#resource #content .alert_bad
{
	font-size:			1.3em;
	margin:				20px 45px 20px 30px !important;
	padding:			10px;
	text-align:			center;
	}
body#contact .alert_bad, body#ab .alert_bad, body#resource #content .alert_bad
{
	border:				2px solid #AF6815;
	color:				#AF6815;
	}
body#contact p.alert_good, body#ab p.alert_good
{
	border:				2px solid #1d77b6;
	color:				#1d77b6;
	}
/* FULL TEST				                                                            FULL TEST ::
----------------------------------------------------------------------------------------------------------------- */
/* alot of the styles on the full test page are using the about us css below is mostly the css for the questions table */
body#ab table
{
	margin:				20px 0 10px 30px;
	width:				550px;
	font-size:			1.2em;
	}
body#ab th
{
	padding:			5px;
	background-color:	#f8ecc8;
	}
body#ab td
{
	padding:			5px;
	}
body#ab tr.even
{
	background-color:	#333F3F;
	}
body#ab tr:hover
{
	background-color:	#f8ecc8;
	}
body#ab tr.failed
{
	background-color:	#AF6815;
	}