@charset "utf-8";
/* CSS Code by Leanne Blair 2011 */

* { padding: 0; margin: 0; }

a img {
	border: 0;	
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color:#fff;
 overflow-x:hidden;
 } 


p{
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;


}

ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 18px;
color:#666;

}



p.footer{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	text-align:justify;
}

p.footer2{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	text-align:left;
}

/*Footer Links*/

a.footer:link{
	color:#900;
}

a.footer:visited{
	color:#900;
}

a.footer:hover{
	text-decoration:underline;
}

a.footer:active{
	text-decoration:none;
}

/*Banner Links*/

a.banner:link{
	color:#FF3333;
}

a.banner:visited{
	color:#900;
}

a.banner:hover{
	text-decoration:underline;
}

a.banner:active{
	text-decoration:none;
}

/*Footer Links*/

a.sitemap:link{
	color:#F00
}

a.sitemap:visited{
	color:#F00;
}

a.sitemap:hover{
	text-decoration:underline;
}

a.sitemap:active{
	text-decoration:none;
}


/*Equiniti Links*/

a.red:link{
	color:#333;
}

a.red:visited{
	color:#333;
}

a.red:hover{
	text-decoration:underline;
	color:#900;
}

a.red:active{
	text-decoration:none;
}

/*Boxes*/

/*HR and Employee Services*/

#hrbox{
	background-image:url(images/boxhr.jpg);
	width:226px;
	height:165px;
	float:left;
	margin-left:15px;
	margin-top:-30px;
		
}

.hrtitle{
	font-size:14px;
	font-family:Arial,Helvetica, sans-serif;
	color:#FFF;
	margin-left:30px;
	margin-top:7px;
}

/*--HR and Employee List--*/

#hrlist{
	width: 220px;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	float:left;
}

ul{
list-style-type:none;
padding-left:5px;
}

.hr ul
{
list-style-type:none;
margin: 0;

}

.hr li
{
margin-bottom:7px;
}

.hr li a{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: none;
}

.hr li a:hover{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: underline;
}

/*--Case Management List--*/

#caselist{
	width: 220px;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	float:left;
}

ul{
list-style-type:none;
padding-left:5px;

}

.case ul
{
list-style-type:none;
margin: 0;

}

.case li
{
margin-bottom:7px;

}

.case li a{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: none;
}

.case li a:hover{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: underline;
}

/*--EDRM and Document Management List--*/

#edrmlist{
	width: 220px;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	float:left;
}

ul{
list-style-type:none;
padding-left:5px;

}

.edrm ul
{
list-style-type:none;
margin: 0;

}

.edrm li
{
margin-bottom:7px;
}

.edrm li a{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: none;
}

.edrm li a:hover{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: underline;
}

/*--Enterprise Management List--*/

#enterpriselist{
	width: 220px;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	float:left;
}

ul{
list-style-type:none;
padding-left:5px;

}

.enterprise ul
{
list-style-type:none;
margin: 0;

}

.enterprise li
{
margin-bottom:7px;
}

.enterprise li a{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: none;
}

.enterprise li a:hover{
	color: #666666;
	font-family: arial, verdana;
	font-size:11px;
	text-decoration: underline;
}



/*Title Links*/

a.title:link{
	color:#FFF;
	text-decoration:none;
}

a.title:visited{
	color:#FFF;
	text-decoration:none;
}

a.title:hover{
	color:#FFF;
	text-decoration:underline;
}

a.title:active{
	color:#FFF;
	text-decoration:none;
}

#casebox{
	background-image:url(images/boxcase.jpg);
	width:226px;
	height:165px;
	float:left;
	margin-left:10px;
	margin-top:-30px;
	
}

.casetitle{
	font-size:14px;
	font-family:Arial,Helvetica, sans-serif;
	color:#FFF;
	margin-left:55px;
	margin-top:7px;
}

#edrmbox{
	background-image:url(images/boxedrm.jpg);
	width:226px;
	height:165px;
	float:left;
	margin-left:10px;
	margin-top:-30px;
	
}

.edrmtitle{
	font-size:14px;
	font-family:Arial,Helvetica, sans-serif;
	color:#FFF;
	margin-left:20px;
	margin-top:7px;
}

#enterprisebox{
	background-image:url(images/boxenterprise.jpg);
	width:226px;
	height:165px;
	float:left;
	margin-left:10px;
	margin-top:-30px;
	
}

.enterprisetitle{
	font-size:14px;
	font-family:Arial,Helvetica, sans-serif;
	color:#FFF;
	margin-left:50px;
	margin-top:7px;
}

/*None Links*/

a.none:link{
	color:#FFF;
}

a.none:visited{
	color:#FFF
}

a.none:hover{
	text-decoration:none
}

a.none:active{
	text-decoration:none;
}

/*grey Links*/

a.grey1:link{
	font-size:11px;
	color:#666;
	text-decoration:none;
}

a.grey1:visited{
	color:#666;
	text-decoration:none;
}

a.grey1:hover{
	text-decoration:none;
}

a.grey1:active{
	text-decoration:none;
}


/*grey Links*/

a.grey:link{
	color:#666;
	text-decoration:none;
}

a.grey:visited{
	color:#666;
	text-decoration:none;
}

a.grey:hover{
	text-decoration:none;
}

a.grey:active{
	text-decoration:none;
}

/*Links*/

a:link{
	color:#900;
}

a:visited{
	color:#900;
}

a:hover{
	text-decoration:underline;
}

a:active{
	text-decoration:none;
}



/*Heading Text*/

h1{
	font-family:Arial, Verdana;
	font-size:16px;
	color:#900;
	
}

h2{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#F00;
	margin-bottom:5px;
}

h2.sitemap{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#F00;
	margin-bottom:5px;
	padding-left:10px;
	margin-top:5px;
	margin-left:5px;
}


h3{
	font-family:Arial, Verdana;
	font-size:11px;
	color:#666;
}


h3.sitemap{
	font-family:Arial, Verdana;
	font-size:11px;
	color:#666;
	padding-left:5px;
}

h1.red{
	font-family:Arial, Verdana;
	font-size:16px;
	color:#900;
	
}



#wrapper {
	margin-top:10px;
	background-color: white;
	color: inherit;
 	margin: 0 auto;
 	position: relative;
 	width: 968px;
	text-align:left;
	height:auto;
}

#logo{
 color: #333;
 padding-bottom:0px;
 height: 30px;
 width:169px;
 margin: 50px 0px 0px 10px;
 background-repeat: no-repeat;
 float:left;
}

#header_right{
 float:left;
 color: #333;
 padding-bottom:0px;
 height: 126px;
 width:744px;
 margin: 0px 0px 0px 0px;
 background-repeat: no-repeat;
 background:url(images/header.jpg);
 
}

/*Search Box*/
.search{
	position:absolute;
	top:65px;
	left:728px;

}

#searchwrapper {
width:225px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(images/searchboxfinal.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:2px;
left:9px;
width:120px;
height:20px;
font-size:14px;
color:#333;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:170px;
width:60px;
height:17px;
}

p.email{
	position:absolute;
	float:left;
	left:745px;
	top:573px;
}

p.callto{
	position:absolute;
	float:left;
	left:790px;
	top:241px;
}

p.callto2{
	position:absolute;
	float:left;
	left:790px;
	top:290px;
	
}

p.callto3{
	position:absolute;
	float:left;
	left:790px;
	top:342px;
}

#mainbannerbg{
	width:713px;
	height:274px;
	float:left;
	background:url(images/bannerbg.jpg);
	background-repeat:no-repeat;
}

#sitemapbg{
	width:968px;
	height:254px;
	float:left;
	background:url(images/sitemapbg.jpg);
	background-repeat:no-repeat;
}

#menu{
	float:left;
	width:968px;
	height:32px;
	background:url(images/menubarnew.png);
	z-index:10;
	
}

#corporatebox{
	float:left;
	width:255px;
	height:169px;
	background:url(images/corporatebox.jpg);
	z-index:-1;
}


/*Right Feature Nugget TOP*/

#rightfeaturetop{
	float:left;
	width:255px;
	height:40px;
	background:url(images/featuretop.jpg);
	margin-top:-15px;
}

#divide{
	float:left;
	background:url(images/newsbg.jpg);
	width:713px;
	height:40px;
	margin-top:-15px;
}

#rightfeatures{
	background-image:url(images/feature.jpg);
	width:255px;
	height:254px;
	float:left;
}

.righttitle{
	font-family:Arial,Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	margin-top:30px;
	margin-left:25px;
}

.iconlist{
	margin-left:20px;
	margin-top:15px;
	width:150px;
}


/*new footer*/

/*Footer*/

#footer{
	position:relative;
	float:left;
	width:960px;
	height:160px;
	background:url(images/footer.png);
	margin-bottom:0px;
	margin-top:-70px;
	background-repeat:no-repeat;
	margin-left:5px;
}

#footer1{
	position:relative;
	float:left;
	width:960px;
	height:160px;
	background:url(images/footer.png);
	margin-bottom:0px;
	margin-top:20px;
	background-repeat:no-repeat;
}

#footer2{
	position:relative;
	float:left;
	width:960px;
	height:160px;
	background:url(images/footer.png);
	margin-bottom:0px;
	margin-top:100px;
	background-repeat:no-repeat;
}

#footerO{
	position:relative;
	float:left;
	width:948px;
	height:160px;
	background:url(images/footer.png);
	margin-bottom:0px;
	margin-top:70px;
	background-repeat:no-repeat;
}


.footer_left{
	position:absolute;
	width: 280px;
	height:40px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

.footer_middle{
	width: 180px;
	height:40px;
	float:left;
	position:relative;
	margin-top:42px;
	margin-left:200px;
}

.footer_about{
	width: 120px;
	height:40px;
	float:left;
	position:relative;
	margin-top:20px;
	margin-left:0px;
}

.footer_media{
	width:150px;
	height:40px;
	float:left;
	position:relative;
	margin-top:20px;
	margin-left:30px;
}


.footer_right{
	width: 150px;
	height:80px;
	float:left;
	position:relative;
	top:-40px;
	margin-left:360px;
}


.footer_legal{
	width: 300px;
	height:80px;
	float:left;
	position:relative;
	top:-35px;
	margin-left:223px;
}

.footer_legal1{
	width: 300px;
	height:80px;
	float:left;
	position:relative;
	top:0px;
	margin-left:760px;
}

.footer_legalie{
	width: 300px;
	height:80px;
	float:left;
	position:relative;
	top:10px;
	margin-left:168px;
}



/*Main Menu*/

#promenu{
	float:left;
	padding-left:-10px;
	padding-top:3px;
	z-index:300;
	position:absolute;
	top:123px;
	
}

#promenu2{
	float:left;
	padding-left:10px;
	padding-top:3px;
	position:absolute;
	top:123px;
	left:76px;
	z-index:300;
}

#promenu3{
	float:left;
	padding-left:10px;
	padding-top:3px;
	position:absolute;
	top:123px;
	left:196px;
	z-index:300;
}

#promenu4{
	float:left;
	padding-left:10px;
	padding-top:3px;
	position:absolute;
	top:123px;
	left:331px;
	z-index:300;
}

#promenu5{
	float:left;
	padding-left:10px;
	padding-top:3px;
	position:absolute;
	top:123px;
	left:335px;
	z-index:300;
}

#promenu6{
	float:left;
	padding-left:10px;
	padding-top:3px;
	position:absolute;
	top:123px;
	left:473px;
	z-index:300;
}

#promenu7{
	float:left;
	padding-left:10px;
	padding-top:3px;
	z-index:60;
	position:absolute;
	top:123px;
	left:584px;
	z-index:300;
}

#promenu8{
	float:left;
	padding-left:10px;
	padding-top:3px;
	z-index:60;
	position:absolute;
	top:123px;
	left:709px;
	z-index:300;
}


/*News Content*/

#featurednews{
	float:left;
	width:698px;
	position:relative;
	top:30px;
	left:40px;
}


#homepagenews{
	float:left;
	width:685px;
	height:77px;
	
}

.newstitle{
	margin-left:20px;
	margin-top:40px;
}

.viewall{
	position:relative;
	top:-25px;
	left:600px;	
}

#newsbg{
	float:left;
	width:650px;
	height:auto;
	background:url(images/newsblock.jpg);
	margin-bottom:30px;
	margin-left:20px;
	text-align:justify;
	
}


/*News Links*/

a.news:link{
	color:#a21e21;
	text-decoration:none;
}

a.news:visited{
	color:#a21e21;
}

a.news:hover{
	text-decoration:underline;
	color:#900;
}

a.news:active{
	text-decoration:none;
}

/*Green Links*/

a.green:link{
	color:#333;
}

a.green:visited{
	color:#333;
}

a.green:hover{
	text-decoration:underline;
	color:#090;
}

a.green:active{
	text-decoration:none;
}

/*Kerry Links*/

a.kerry:link{
	color:#333;
}

a.kerry:visited{
	color:#333;
}

a.kerry:active{
	text-decoration:none;
}


/*HR Line*/

hr {
	border: none 0;
	border-top: 1px solid #CCC;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}





/*Corporate CSS*/

/*Corporate Banner*/

#corporate_banner_image{
	width:712px;
	height:251px;
	float:left;
	background:url(images/corpbanner.jpg);
	background-repeat:no-repeat;
	z-index:-1;
}

#assets_image{
	width:712px;
	height:250px;
	float:left;
	background:url(images/lostassets.jpg);
	background-repeat:no-repeat;
	z-index:-1;
}

#corporatemain{
	width:505px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	margin-top:-25px;
	margin-bottom:20px;
	
}

#contentarea{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:30px;
}


/*Right Features*/


.icons{
	float:left;
	margin-left:37px;
	margin-top:75px;
}

.texticons{
	float:left;
	width:130px;
	height:auto;
	position:relative;
	left:15px;
	top:83px;
}


/*Secondary Menu*/

#secondarymenu {
float:left;
width: 177px; 
padding-top: 0px; 
background-color: #ffffff; 
padding-bottom:0px;
padding-left:10px;
padding-bottom:30px;
margin-right:10px;
}

A.SideText2 { 
clear:both; 	
float:left;	
font-size: 11px; 
COLOR: #666666; 
FONT-FAMILY: Arial, Verdana, sans-serif; 
TEXT-DECORATION: none; 
height:20px; 
padding-top:5px; 
padding-left:4px; 
border-bottom:solid 1px #ebebeb; 
width:177px; 
font-weight:normal;
}

A.SideTextactive { 
clear:both; 
float:left;	
FONT-SIZE: 11px; ;
COLOR: #a21e21;
FONT-FAMILY: Arial, Verdana, sans-serif; 
TEXT-DECORATION: none; 
height:20px; 
padding-top:5px; 
padding-left:4px; 
border-bottom:solid 1px #eeeeee; 
width:180px; 
font-weight:bold;

}

A.SideTextactive2 { 
clear:both; 
float:left;	
FONT-SIZE: 11px; ;
COLOR: #a21e21;
FONT-FAMILY: Arial, Verdana, sans-serif; 
TEXT-DECORATION: none; 
height:20px; 
padding-top:5px; 
padding-left:4px; 
border-bottom:solid 1px #eeeeee; 
width:190px; 
font-weight:bold;

}

A.SideText2:hover{
	background-color:#ebebeb;
}

A.SideText:hover {
background-color: #ebebeb; 
width:180px; 
color:#a21e21;
}

A.link{ 
clear:both; 
float:left;	
FONT-SIZE: 11px; ;
COLOR: #a21e21; 
FONT-FAMILY: Arial, Verdana, sans-serif; 
TEXT-DECORATION: none; 
height:20px; 
padding-top:5px; 
padding-left:13px; 
border-bottom:solid 1px #eeeeee; 
width:180px; 
font-weight:bold;

}


A.SideText3 { 
clear:both; 
position:relative;	
float:left;	
padding-bottom:0px; 
FONT-SIZE: 11px; 
color:#666666;
FONT-FAMILY: Arial, Verdana, sans-serif; 
TEXT-DECORATION: none; 
height:20px; 
padding-top:5px; 
padding-left:13px; 
border-bottom:solid 1px #eeeeee; 
width:192px; 
font-weight:normal;
}

A.SideText3:hover {
width:192px; 
color:#ff3333;
}

A.SideText3active { 
clear:both; 
position:relative;	
float:left;	
padding-bottom:5px; 
font-size: 11px; 
COLOR: #a21e21; 
FONT-FAMILY: Arial, Verdana, sans-serif; 
TEXT-DECORATION: none; 
height:20px; 
padding-top:5px; 
padding-left:13px; 
border-bottom:solid 1px #eeeeee; 
width:192px; 
font-weight:bold;

}


/*Enquiry Form*/

#contact-area {
	width: 450px;
	margin-top: 20px;
	
}

#contact-area input[type="text"],
#contact-area input[type="submit"],
#contact-area input[type="reset"],
#contact-area textarea {
	padding: 5px;
	width: 235px;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#333;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area input[type="checkbox"] {
	margin-top: 5px;
}

#contact-area input[type="radio"] {
	margin-top: 5px;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #060;
}

#contact-area input.submit-button {
	width: 70px;
	float: left;
	margin-left:190px;
	margin-right:15px;
}

#contact-area input.reset-button {
	width: 70px;
	float: left;
}

label {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 90px;
	padding-top: 5px;
	font-size: 11px;
	color:#666;
}

/*Banner Form*/

#banner-area {
	width: 100px;
	margin-top: 0px;
	
}

p.form{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	
}

#banner-area input[type="text"],
#banner-area input[type="submit"],
#banner-area input[type="reset"],
#banner-area textarea {
	padding: 5px;
	width: 115px;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#333;
	margin: 0px 0px 10px 12px;
	border: 1px solid #ccc;
}

#banner-area input[type="checkbox"] {
	margin-top: 5px;
}

#banner-area input[type="radio"] {
	margin-top: 5px;
}

#banner-area textarea {
	height: 90px;
}

#banner-area textarea:focus, #banner-area input:focus {
	border: 1px solid #060;
}

#banner-area input.submit-button {
	width: 70px;
	float: left;
	margin-left:190px;
	margin-right:25px;
}

#banner-area input.reset-button {
	width: 70px;
	float: left;
}

label {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 90px;
	padding-top: 5px;
	font-size: 11px;
	color:#666;
}



.bannerad{
	background-image:url(images/test.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:-12px;
	margin-left:-5px;
	height:118px;
}

.banneraddocmanagement{
	background-image:url(images/doc-management.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:-12px;
	margin-left:-5px;
	height:118px;
}


.banneradconsultancy{
	background-image:url(images/consultancy-banner.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:-12px;
	margin-left:-5px;
	height:118px;
}


.banneradregulatory{
	background-image:url(images/regulatory-banner2.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:-12px;
	margin-left:-5px;
	height:118px;
}

.banneradcomplaints{
	background-image:url(images/complaints-banner.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:-12px;
	margin-left:-5px;
	height:118px;
}

.banneradrecords{
	background-image:url(images/records-management2.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:-12px;
	margin-left:-5px;
	height:118px;
}



.banneradauto{
	background-image:url(images/auto-enrolment-banner.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:-12px;
	margin-left:-5px;
	height:118px;
}

.banneradhealth{
	background-image:url(images/health-image.png);
	background-repeat:no-repeat;
	width:475px;
	margin-top:10px;
	margin-left:-5px;
	height:118px;
}

.download-box{
	background-image:url(images/download-box.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-40px;
	margin-left:0px;
	height:400px;
	margin-bottom:40px;
}


.download-box-health{
	background-image:url(images/download-box-stakeholder.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-40px;
	margin-left:0px;
	height:400px;
}


/*Twitter*/

#twitter{
	float:left;
	position:absolute;
	top:690px;
	left:713px;
	width:225px;
}

.twitted {
	width: 200px;
	margin-bottom: 1.5em;
	background:#ebebeb;
	text-align:left;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 11px;
	color: #fff;
	background-color: #007100;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #fff
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #093;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #093;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color: #ebebeb;
}

/*--Top Navigation--*/

.sddm
{
	margin: 0px 0px 0px 0px;
	padding: 0;
	padding-top: 0px;
	z-index: 10;
}

.sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 11px;
	font-family:Arial,Verdana;
	font-weight:normal;
	border-right:1px solid #FFF;
}

.sddm li.last
{
	border-right: 0;	
}

.sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 3px 10px;
	width: 100px;
	background: #666666;
	color: #ffffff;
	text-align: center;
	z-index:30;
	}

.sddm li a:hover #sddm.active a#sddm li.sfhover ul ul, #sddm li.sfhover ul ul ul{	
	background:#666666;
	
	}

.sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding:0;
	background: #fff;
	}

	.sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 7px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #a21e21;
		font: 12px arial;
		}

	.sddm div a:hover
	{	background: #ebebeb;
		color: #a21e21;
		
		}

#main{
	width:505px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	margin-top:-27px;
	margin-bottom:20px;
	margin-left:15px;
	font-size:11px;
	font-family:Arial;
}

#mainfull{
	width:730px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	margin-top:-27px;
	margin-bottom:20px;
	margin-left:15px;
	font-size:11px;
	font-family:Arial;
}

p.text{
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:11px;
margin-top:10px;
margin-bottom:10px;


}
		
/*Slideshow*/

#slideshow {
    position:relative;
    height:231px;
	margin-top:20px;
	margin-left:15px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 231px;

	
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 231px;
    display: block;
    border: 0;
    margin-bottom: 0px;
	
}

#social-networking{
	position:relative;
	float:right;
	width:60px;
	height:10px;
	margin-top:-25px;
	margin-left:1100px;
}
.mainparagraph{
	padding-top:5px;
	padding-right:5px;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
        color:#666;
	
}
.mainparagraph2{
	padding-top:20px;
	padding-right:15px;
	line-height:1.5em;
	width: 450px;
	float:left;
	
}



/*2 Sections Divs for Images an Text*/

.leftdiv{
	width:200px;
	height:auto;
	font-family: arial,verdana;
	padding-top:35px;
	padding-left:10px;
	text-align:center;
	float:left;
	line-height:1.5em;
}

.rightdiv{
	width:400px;
	height:auto;
	font-family: arial,verdana;
	padding-top:5px;
	padding-left:30px;
	float:left;
	line-height:1.5em;
	text-align:justify;
}

/*2 Sections Divs for Images an Text*/

.leftdiv1{
	width:100px;
	height:auto;
	font-family: arial,verdana;
	padding-top:35px;
	padding-left:10px;
	text-align:center;
	float:left;
	line-height:1.5em;
}

.rightdiv1{
	width:500px;
	height:auto;
	font-family: arial,verdana;
	padding-top:5px;
	padding-left:30px;
	float:left;
	line-height:1.5em;
	text-align:justify;
}

/* News and Events Section*/

.newsleft{
	width: 330px;
	padding-right:25px;
	border-right: 1px dotted #999;
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
}

.newsright{
	width: 300px;
	position:absolute;
	float:right;
	padding-left:30px;
	left: 580px;
	margin-top:10px;
}

.left{
	width: 100px;
	padding-right:0px;
	position:absolute;
	float:left;
	margin-top:-20px;
	margin-bottom:20px;
	margin-left:20px;
}

.right{
	width: 100px;
	position:absolute;
	float:right;
	padding-left:70px;
	left: 120px;
	margin-top:7px;
}

/*Enquiry Form*/

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input[type="text"],
#contact-area input[type="submit"],
#contact-area input[type="reset"],
#contact-area textarea {
	padding: 5px;
	width: 260px;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#333;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area input[type="checkbox"] {
	margin-top: 5px;
}

#contact-area input[type="radio"] {
	margin-top: 5px;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #a21e21;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left:270px;
	margin-right:15px;
}

#contact-area input.reset-button {
	width: 100px;
	float: left;
}

label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 200px;
	padding-top: 5px;
	font-size: 12px;
}

.labels{
	float:left;
	margin-left:258px;
	margin-bottom:20px;
}
	
/* Case Study Section*/

#case2{
	background:url(images/case-study-bar.png);
	background-repeat:no-repeat;
	height:33px;
	width: 700px;
	float:left;
	margin-left:-5px;
}

.case2para{
	padding-top:20px;
	padding-right:15px;
	line-height:1.5em;
	width: 450px;
	float:left;
	margin-left: 10px;
}

.rightcaseimage{
	float:left;
	width:150px;
	margin-left:20px;
	margin-top: 20px;
	margin-bottom:20px;
}

h1.downloads{
	margin:7px;
}

/*Lists*/

ul.list{
	list-style-type:square;
	padding-left:40px;
	color:#666666;
	font-size:11px;
	font-family:arial, verdana;

	
}

ul.list li{
	margin-left:-10px;
}


li.list a{
	color:#a21e21;
	text-decoration:none;
	padding-left:-10px;
}

li.list a:hover{
	text-decoration:underline;
}


#return{
	position:absolute;
	top:7505px;
	left:500px;
}

#returnalldownload{
	position:absolute;
	top:3776px;
	left:500px;
}

#rightdownloads{
	width:130px;
	height:auto;
	float:left;
	margin-top:-15px;
	margin-bottom:0px;
	margin-left:20px;
	font-size:11px;
	font-family:Arial;
	
}



#ics{
	position:absolute;
	background-image:url(images/key-facts.png);
	background-repeat:no-repeat;
	margin-bottom:40px;
	margin-left:0px;
	height:421px;
	width: 189px;
	float:left;
}

#ics2{
	position:absolute;
	background-image:url(images/key-facts2.png);
	background-repeat:no-repeat;
	margin-bottom:40px;
	margin-top:400px;
	margin-left:0px;
	height:401px;
	width: 189px;
	float:left;
}

.downloadmaterial{
	width:150px;
	margin-top:20px;
	margin-left:0px;
	height:auto;
}

.downloadmaterial1{
	width:150px;
	margin-top:20px;
	margin-left:0px;
	height:300px;
}


.downloadmaterialcase{
	background-image:url(images/test2.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}

.downloadmaterialdoc{
	background-image:url(images/doc-management-banner-2.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}

.downloadmaterialconsultancy{
	background-image:url(images/consultancy-banner-2.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}
.downloadmaterialregulatory{
	background-image:url(images/regulatory-compliance-banner.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}

.downloadmaterialrecords{
	background-image:url(images/records-management-banner.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}

.downloadmaterialcomplaints{
	background-image:url(images/complaints-banner-2.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}

.downloadmaterialauto{
	background-image:url(images/auto-enrolment-banner2.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}

.downloadmaterialhealth{
	background-image:url(images/health-image2.png);
	background-repeat:no-repeat;
	width:150px;
	margin-top:-10px;
	margin-left:0px;
	height:600px;
}


.legal{
	margin-top:20px;
}

#gap{
	margin-top:5px;
}

/*siteMap*/

h1.sitemap{
	font-family:Arial, Verdana;
	font-size:16px;
	color:#900;
	margin-left:10px;
	padding-top:0px;
}

#column1{
	position:relative;
	float:left;
	width:160px;
	height:280px;
	margin-top:5px;
	margin-left:10px;
}

#column2{
	position:relative;
	float:left;
	width:170px;
	height:320px;
	margin-top:10px;
	margin-left:10px;
}

#column3{
	position:relative;
	float:left;
	width:170px;
	height:320px;
	margin-top:20px;
	margin-left:10px;
	padding-top:10px;
}

#column33{
	position:relative;
	float:left;
	width:170px;
	height:320px;
	margin-top:20px;
	margin-left:10px;
	padding-top:10px;
}

#column4{
	position:relative;
	float:left;
	width:170px;
	height:320px;
	margin-top:20px;
	margin-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}

#columnbpo{
	position:relative;
	float:left;
	width:170px;
	height:320px;
	margin-top:20px;
	margin-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}


#column5{
	position:relative;
	float:left;
	width:170px;
	height:320px;
	margin-top:-5px;
	margin-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}

#column55{
	position:relative;
	float:left;
	width:170px;
	height:320px;
	margin-top:-5px;
	margin-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}


#column6{
	position:relative;
	float:left;
	width:170px;
	height:200px;
	margin-top:-5px;
	margin-left:10px;
	padding-top:10px;
	margin-bottom:20px;
}

#column7{
	position:relative;
	float:left;
	width:170px;
	height:200px;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:20px;
}

#sitemapfull{
	width:935px;
	height:auto;
	float:left;
	border: 1px dotted #ccc;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:5px;
	font-size:11px;
	font-family:Arial;
}

ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 5px;
color:#666;

}	

LI.list2 {list-style: square outside; color:red}
.blacktext {color:#666;}

LI.list3 {list-style: square outside; color:grey; margin-left:20px;}
.blacktext {color:#666;}

/*Bullet Links*/

a.bullets:link{
	color:#666;
	text-decoration:none;
	font-size:11px;
	
}

a.bullets:visited{
	color:#666;
	text-decoration:none;
}

a.bullets:hover{
	text-decoration:underline;
	color:#666;
}

a.bullets:active{
	text-decoration:none;
}

ul.square { list-style-type: square;
			font-color:#666;
			list-style-color:#F00;
			text-indent:- 20px;
}


#aboutbox{
	background:url(images/partnersbox.png);
	
	width:370px;
	height:300px;
	float:left;
	margin-top:20px;
	margin-left:15px;
	background-repeat:no-repeat;
	margin-bottom:30px;
}

#aboutcontent{
	border: 1px solid #CCC;
	width:355px;
	height:180px;
	float:left;
	padding-top:30px;
	padding-left:8px;
	padding-right:5px;
	padding-bottom:10px;
	margin-bottom:30px;
}

#abouthrp{
	background:url(images/hrp-box.png);
	position:absolute;
	width:340px;
	height:30px;
	float:left;
	margin-top:30px;
	background-repeat:no-repeat;
}

#aboutcase{
	background:url(images/case-management-box.png);
	position:absolute;
	width:340px;
	height:30px;
	float:left;
	margin-top:30px;
	background-repeat:no-repeat;
}

#abouthrpcontent{
	border: 1px solid #CCC;
	position:absolute;
	width:325px;
	height:auto;
	float:left;
	padding-top:35px;
	padding-left:8px;
	padding-right:5px;
	padding-bottom:10px;
}

#services{
	background:url(images/hrp-services-box.png);
	position:absolute;
	width:600px;
	height:30px;
	float:right;
	margin-top:30px;
	margin-left:367px;
	background-repeat:no-repeat;
}

#caseservices{
	background:url(images/case-services-box.png);
	position:absolute;
	width:600px;
	height:30px;
	float:right;
	margin-top:30px;
	margin-left:367px;
	background-repeat:no-repeat;
}

#servicescontent{
	border: 1px solid #CCC;
	position:absolute;
	width:585px;
	height:auto;
	float:left;
	padding-top:35px;
	padding-left:8px;
	padding-right:5px;
	padding-bottom:10px;
}

#casenewsbox{
	background:url(images/newsbar.png);
	position:absolute;
	width:340px;
	height:30px;
	float:left;
	margin-top:410px;
	margin-left:0px;
	background-repeat:no-repeat;
}


#hrpnewsbox{
	background:url(images/newsbar.png);
	position:absolute;
	width:340px;
	height:30px;
	float:left;
	margin-top:230px;
	margin-left:0px;
	background-repeat:no-repeat;
}

#mediabox{
	background:url(images/mediabar.png);
	position:relative;
	width:340px;
	height:30px;
	float:left;
	margin-top:-30px;
	margin-left:15px;
	background-repeat:no-repeat;
}

#casemediabox{
	background:url(images/casemediabar.png);
	position:absolute;
	width:340px;
	height:30px;
	float:left;
	margin-top:220px;
	background-repeat:no-repeat;
}

#hrpmediabox{
	background:url(images/hrpmediabar.png);
	position:relative;
	width:340px;
	height:30px;
	float:left;
	margin-top:30px;
	background-repeat:no-repeat;
}

#partnersbox{
	background:url(images/partnersbox.png);
	position:absolute;
	width:343px;
	height:30px;
	float:left;
	margin-top:860px;
	margin-left:15px;
	background-repeat:no-repeat;
}

#partnerscontent{
	border: 1px solid #CCC;
	position:relative;
	width:318px;
	height:230px;
	float:left;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	
}
#successbox{
	background:url(images/redbox3.png);
	background-repeat:no-repeat;
	position:absolute;
	width:690px;
	height:109px;
	float:right;
	margin-top:860px;
	margin-left:15px;
	margin-bottom:20px;
	
	
}

#successcontent{
	border: 1px solid #CCC;
	position:absolute;
	width:907px;
	height:140px;
	float:left;
	padding-top:20px;
	padding-left:22px;
	padding-right:5px;
	padding-bottom:0px;
	
}

h3.success{
	font-family:Arial, Verdana;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	padding-left:1px;
}






#newsbox{
	background:url(images/newsbar.png);
	position:relative;
	width:522px;
	height:30px;
	float:right;
	margin-top:20px;
	padding-right:40px;
	background-repeat:no-repeat;
}

#hrpnewscontent{
	border: 1px solid #CCC;
	position:absolute;
	width:293px;
	height:auto;
	float:left;
	padding-top:40px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
}

#mediacontent{
	border: 1px solid #CCC;
	position:relative;
	width:333px;
	height:auto;
	float:left;
	padding-top:60px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:40px;
	padding-bottom:0px;
	margin-bottom:30px;
}

#hrpmediacontent{
	border: 1px solid #CCC;
	position:absolute;
	width:333px;
	height:auto;
	float:left;
	padding-top:50px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:10px;
}

#newscontent{
	border: 1px solid #CCC;
	position:relative;
	width:528px;
	height:170px;
	float:left;
	padding-top:40px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
}







	
body { font: 1em "Trebuchet MS", verdana, arial, sans-serif; font-size: 100%; }
input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 

.infiniteCarousel {
  width: 265px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 265px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 125px;
  margin: 0 0px;
  position: absolute;
  margin-left:-20px;
  top: 20px;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 120px;
  width: 120px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 17px;
  background: url(images/arrow.png) no-repeat 0 0;
  color:#CCC;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  margin-top:15px;
  left:1250px;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  margin-left:980px;
  margin-top:15px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

p.footer{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	text-align:justify;
}

p.footer2{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	text-align:left;
}


gap{
	margin-top:5px;
}

#gap1{
	margin-top:5px;
}

#gap2{
	margin-top:10px;
}

#gap3{
	margin-top:5px;
}

#gap4{
	margin-top:10px;
}

#gap5{
	margin-top:5px;
}

#gap6{
	margin-top:10px;
}

/*Footer_white Links*/

a.footer_white:link{
	color:#fff;
	text-decoration:none;
}

a.footer_white:visited{
	color:#fff;
	text-decoration:none;
}

a.footer_white:hover{
	text-decoration:none;
	color:#900;
}

a.footer_white:active{
	text-decoration:none;
}

dl.image_map {display:block; width:350px; height:315px; background:url(http://www.image-maps.com/uploaded_files/4201108150651263_1_navigation-tool.jpg); position:relative; margin:2px auto 2px auto;}
	a.BLINK {left:348px; top:313px; background:transparent;}
	a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}
	a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}
</style>

<dl class="image_map">
	<dd><a class="BLINK" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_4201108150651263">Mapped @ Image Mapper</a></dd>
</dl>

<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:350px;">
	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="case-management-overview.html" title="Case Management">Case Management</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="edrm-overview.html" title="Document and Record Solutions">Document and Record Solutions</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="finance-accounts-overview.html" title="Enterprise Solutions">Enterprise Solutions</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="hr-payroll-services-overview.html" title="HR and Payroll Services">HR and Payroll Services</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_4201108150651263" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->
