/* Reset */
*{margin:0; padding:0;}
html{width:100%;/* height:100%: */}
table{border-collapse: collapse; border: 0; border-spacing: 0;}
td{vertical-align: top;}
input,select,textarea{font-size: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif;}
img{border: 0;}

.floatLeft{float:left}
.floatRight{float:right !important}
.clearLeft{clear:left}
.printSwfType{display:none}
.smallerText{font-size:0.9em !important}
.biggerText{font-size:1.2em !important}

body
{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.7em;
	width:100%;
	height:100%;
}

p,li
{
	font-size: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a{text-decoration: none;}
a:hover{text-decoration: underline;}
a.bold{font-weight:bold;padding-left:10px;}

.pageTitle,
.featureTitle,
.subTitle,
.mainHeading,
.subHeading{visibility:hidden}

/* site structure */

object,
embed
{
	float:left;	
	margin-left:-2px;
}

.gradient{
	position:relative;
	z-index:1;
	height:128px;
	background:url(/buildassets/build/gradient.jpg) top center no-repeat;		
	width:100%;
	min-width:960px;
}

.container
{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	margin-top:-128px;
	position:relative;
	z-index:3;
}

.content
{	
	float:left;
	width:950px;
	padding:19px 0 18px 0;
}

.home
{
	float:left;
	width:681px;
	padding:0 13px 0 0;
}	

.feat
{
	float:left;
	width:256px;
}

.footer
{
	float:left;
	position:relative;
	width:100%;
	height:79px;
	min-width:960px;
}

.footer .text
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	margin-top:19px;
	width:960px;
	overflow:hidden;
}

.main
{
	float:right;
	width:725px;
}

.subNav
{
	float:left;
	width:210px;	
}

.ourServicesFeature
{
	float:left;
	width:210px;	
	padding:8px 0 0 0;
}

/* header layout */

h1
{
	float:left;
	width:278px;
	padding:31px 0 0 30px;
}

h1 a
{
	float:left;
	display:block;
	width:239px;
	height:71px;
	text-indent:-1000000px;
}

.callUs
{
	float:left;
	/* float:right; */
	text-indent:-10000px;
	width:176px;
	height:47px;
	padding:51px 0 0 217px;
	margin-right:24px;
}

.searchUs
{	
	float:right;
	height:43px;
	width:197px;
	border-left:1px solid #ffffff;
	margin:55px 0 0 0;
	padding:0 0 0 25px;
}

.searchUs p
{
	float:left;
	width:127px;
	height:17px;
	text-indent:-100000px;
}

.searchUs .searchText
{
	float:left;
	background-color:#ffffff;
	border:1px solid #999999;
	padding:2px 0 0 3px;
	margin-top:2px;
	height:18px;
	font-size:1.1em;
	color:#999999;
	width:158px;
}

.searchUs .searchBtn
{
	float:right;
	margin-top:2px;
}

ul.nav 
{	
	float:left;
	clear:both;
	width:100%;
	height:35px;
	margin:21px 0 0 -18px;
	padding:2px 0 0 23px;
}

ul.nav li
{
	list-style-type:none;
	float:left;
	height:35px;
	padding:0 2px 0 0;
	text-indent:-100000px;
}

ul.nav li a
{
	display:block;
	height:35px;
}

ul.nav li.btnHome a			{width:90px}
ul.nav li.btnMembers	a		{width:117px}
ul.nav li.btnEmployers a	{width:136px}
ul.nav li.btnJoin	a			{width:75px}
ul.nav li.btnAboutUs	a		{width:120px}
ul.nav li.btnContactUs a	{width:131px}

/* homepage feat */
h3.btnClubSuper,
h3.btnMemberLogin,
h3.btnEmployerLogin
{
	float:left;
}

h3.btnClubSuper a,
h3.btnMemberLogin a,
h3.btnEmployerLogin a
{
	display:block;
	height:64px;
	width:256px;
	text-indent:-1000000px;
	margin:0 0 10px 0;
}

h3.icons
{
	float:left;
	text-indent:-100000px;
	width:256px;
	height:60px;
	margin:3px 0 16px 0;
}

h3.aboutTitle
{
	float:left;
	text-indent:-100000px;
	width:162px;
	height:20px;
	margin-bottom:8px;
}

.feat p{clear:both}

/* homepage flash,  'for members' and 'for employers' */

.flash	{float:left;padding-bottom:17px}
.flash img{float:left;}

.forMembers,
.forEmployers
{
	width:331px;
	padding:0 0 10px 0;	
}

.forMembers h2 a,
.forEmployers h2 a
{
	display:block;
	text-indent:-100000px;
	height:38px;
	width:331px;
}

.forMembers ul, 
.forEmployers ul
{
	float:left;
	width:315px;
	list-style-type:none;
	padding:6px 0 0 16px;
}

.forMembers ul li,  
.forEmployers ul li
{
	padding:0 0 5px 10px;
}

.forMembers p,
.forEmployers p
{
	float:left;
	width:300px;
	margin:5px 0 0 15px;
	padding:9px 0 0 0;
}

.forMembers p a,
.forEmployers p a
{
	font-weight:bold;
	padding:1px 0 0 10px;
}

/* main content styles */

.sectionFlash
{
	float:left;
	padding:0 0 18px 0;
}

.sectionFlash img{float:left;}

.membersIntroduction,
.employersIntroduction
{
	float:left;
	width:470px;
}

.membersIntroduction h2,
.employersIntroduction h2
{	
	text-indent:-100000px;
	width:210px;
	height:20px;
	padding:0 0 1px 0;
}

.membersLogin,
.employersLogin
{
	float:right;
	width:230px;
	padding:0 0 10px 0;
}

.membersLogin h3 a,
.employersLogin h3 a
{
	display:block;
	text-indent:-10000px;
	width:230px;
	height:63px;
	padding:0 0 10px 0;
}

.membersLogin p,
.employersLogin p
{
	padding:0 0 0 15px;
	width:198px;
}

.membersLogin p.border,
.employersLogin p.border
{
	margin-top:10px;
	padding-top:8px;
}

.features
{
	clear:both;
	float:left;
	*float:none;
	padding:20px 0 6px 0;
	margin:0 0 0 0;
}	

.a{width:230px !important}
.aa{width:496px !important}
.aaa{width:725px !important}

.featuresBorder
{
	float:left;
	clear:both;
	/* width:725px; */
}

.features .item
{
	float:left;
	width:217px;
	padding:11px 20px 7px 11px;
}

.features .item h3
{
	text-align:center;
	font-size:1.8em;
	padding:2px 30px 9px 10px;
}

.features .item img
{
	float:left;	
	margin:4px 0 10px -10px;
}

.features .last
{
	float:right;
	padding-right:1px !important;
	padding-left:-1px
}

.features .item p{clear:left;padding:0 10px 10px 0;}

.features .item li
{
	list-style-type:none;
	padding:0 0 2px 10px;
}

.crumbTrail
{
	float:left;
	width:470px;
	font-size:1.1em;
	padding:10px 0 13px 0;
	font-weight:bold;
}

.crumbTrail a
{	
	padding:0 13px 0 0;
	margin:0;	
}

h2.pageTitle
{
	clear:left;
	font-size:20px;
	font-weight:bold;
}

.pageIntroduction
{
	/* float:left */
	clear:left;
	/* width:100%; */
	padding:8px 0 15px 0;
	margin:0 0 13px 0;
}

.pageContent
{
	/*  float:left; */
	clear:left;
	/* width:100%; */
	padding:10px 0 15px 0;
	margin:0;	
}

.pageIntroduction ul,
.pageContent ul,
.pageIntroduction ol,
.pageContent ol
{	
	padding:13px 0 13px 17px;
}

.pageIntroduction li ul,
.pageContent li ul,
.pageIntroduction li ol,
.pageContent li ol
{		
	padding:10px 0 10px 17px !important;
	margin:0 !important;
}

.pageIntroduction ol, .pageContent ol{/padding-left:23px;}

.pageIntroduction ol li,
.pageContent ol li
{
	list-style-type:decimal !important
}

.pageIntroduction li li,
.pageContent li li{
	font-size:1.0em;
}

.pageIntroduction a, 
.pageContent a
{
	font-weight:bold;	
}

.pageContent h3
{
	font-size:1.3em;
	color:#333333;
}
 
.listItem
{
	float:left;
	clear:left;	
	width:100%;
	padding:0 0 13px 0;
	margin:0 0 11px 0;
}

.listItem .thumb
{
	float:left;	
	width:110px;
}

.listItem .text
{
	float:left;
	width:615px;	
}

.listItem ul
{
	clear:both;
}

.hasRightFeature .listItem .text
{
	float:left;
	width:365px;	
}

.listItem .thumb img
{
	float:left;	
}

.listItem h3
{
	font-weight:bold;
	font-size:16px;
}

.listItem p
{
	float:left;
	clear:left;
	width:100%;
	padding:0 0 5px 0;
}

.hasRightFeature
{
	float:left;
	width:475px;
}

.rightFeature
{
	float:right;
	width:230px;
	padding:0 0 0 10px;
}

.rightFeature img
{
	float:left;
	padding:0 0 17px 0;
}

h3.memberLogin a,
h3.employerLogin a
{
	display:block;
	text-indent:-100000px;
	width:230px;
	height:36px;
	margin:0 0 17px 0;
}

.resources
{
	float:left;
	width:230px;
	padding:0 0 10px 0;
}

.resources h4
{
	text-indent:-100000px;
	width:230px;
	height:37px;
}

.resources ul{padding:10px 0 0 10px;}

.resources  li
{
	width:207px;
	list-style-type:none;
	padding:0 0 9px 0;
	margin:0 0 7px 0;
}

.resources .isPdf span{
	display:block;
	padding:0 0 0 32px;
}

.objective{
	float:left;
	width:725px;
	margin:15px 0 15px 0;
}

.objective .top{
	float:left;
	width:725px;
}

.objective .bottom{
	float:left;
	width:723px;
	padding:11px 1px 10px 1px;
}

.objective .intro{
	float:left;
	width:690px;
	padding:0 0 0 16px;
}

.objective .intro div{
	padding-bottom:25px;
}

.objective .intro h3{
	padding-right:10px;
	padding-top:2px;
	font-size:1.7em;
	color:#004459;
}

.objective .intro p{
	padding-right:10px;
}

.objective .intro .dlFactSheet{
	float:right;
	width:185px;
	font-size:1.2em;
	position:relative;
	display:block;
	height:45px;
	margin-top:5px;
	padding:9px 0 0 44px;
}

.objective .intro .clearLeft
{
	float:left;
	width:400px;
	height:20px;
}

.objective .intro p
{
	clear:left;
}

.objective .row{
	float:left;
	width:723px;
	padding:10px 0 0 0;
}

.objective .col1{
	float:left;
	width:271px;
}

.objective .col2{
	float:right;
	width:450px;
}

.objective .col2{text-align:center}
.objective .col2 p{text-align:left;width:450px;clear:left}

.objective .sectionTitle{
	float:left;
	padding:5px 0 5px 0;
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 10px 0;
}

.objective .sectionTitle span{float:left;padding-left:10px}

.objective .col1 table{
	width:271px;
}

.objective .col1 table th{
	padding:5px 0 5px 10px;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
}

.objective .col1 table td{
	padding:7px 0 7px 10px;
	text-align:left;	
	font-size:1.2em;
}

.objective .col1 p,
.objective .col2 p{	
	padding:0 10px 10px 10px;
}

.insuranceSpec p{clear:left;}

.insuranceSpec table{
	border:0 !important;
	float:left;
	clear:left;
	margin:15px 0 15px 0;
	font-size:1.0em;
}

.insuranceSpec table th,
.insuranceSpec table td{
	padding:5px;
	font-size:1.2em;
}
.insuranceSpec table p{font-size:1.0em}

.insuranceSpec table td.biggerText,
.insuranceSpec table th.biggerText
{
	font-size:1.4em !important
}

.insuranceSpec table td .biggerText,
.insuranceSpec table th .biggerText
{
	font-size:1.2em !important
}
.insuranceSpec table .smallerText{font-size:0.8em !important}

.faqItem{
	float:left;
	clear:left;	
	width:100%;
	padding:0 0 0 0;
	margin:0 0 12px 0;
}

.faqItem .question{
	float:left;
	padding:0 0 3px 12px;
}

.faqItem .question a{
	display:block;
	padding-left:13px;
	font-size:1.2em;
	font-weight:bold;
}	

.faqItem .answer{
	float:left;
	clear:left;
	width:690px;
	padding:0 10px 10px 25px;
}

.resourcesItem{
	float:left;
	clear:left;
	width:100%;
	padding:0 0 20px 0;
}

.resourcesItem .image{
	float:left;
	width:110px;
	padding:4px 0 0 0;
}

.resourcesItem .text{
	float:left;
	width:720px;
}

.resourcesItem .withImage{
	width:610px !important;
}

.resourcesItem .text h3{
	font-size:1.2em;
	padding:0 0 3px 0;
}

.sylItem{
	float:left;
	width:725px;
	margin:10px 0 5px 0;
}

.sylItem object
{
	clear:left;
}

.sylItem .header{
	float:left;
	width:695px;
	padding:10px 15px 10px 15px;
}

.sylItem .footer{
	float:left;
	width:725px;
	height:5px;
}

.sylItem .header .text{
	float:left;
	width:440px;
}

.sylItem .header .image{
	float:right;
	width:230px;
	margin:5px 0 0 0;
}

.sylItem .header .image img{
	display:block
}

.sylItem  .text .mainHeading{
	color:#004459;	
	padding:5px 0 5px 0;
}

.sylItem  .text .subHeading{
	color:#3a6f8f;
}

.sylItem  table.targets{
	float:left;
	clear:left;
	margin:24px 0 10px 0;
	font-size:1.2em;
	font-weight:bold;
}
.sylItem  table.targets td.t{
	color:#004555;
	padding:0 5px 2px 0;
}

.sylItem  .text p{clear:left;}

.sylItem .text a.bold{
	float:left;
	margin-top:5px
}

.sylItem .dlFactSheet{
	float:right;
	width:229px;
	position:relative;	
	margin:12px 0 0 0;
}

.sylItem .dlFactSheet div{
	float:left;
	width:215px;
	padding:9px 0 0 14px;
	padding-bottom:7px;
}

.sylItem .dlFactSheet  p{	
	width:170px;
	line-height:1.4em;
	padding:0 0 0 33px;
}

.formList{
	float:left;
	width:100%;
	padding:0 0 20px 0;
}

.formList h3{font-size:1.3em}

.formList ul{	
	margin:6px 0 0 0;
	list-style-type:none;
}

.formList ul li{
	padding:3px 0 4px 26px;
}

ul.publications{
	float:left;
	width:725px;
	min-height:31px;
	position:relative;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

ul.publications li{
	float:left;	
	list-style-type:none;
}

ul.publications li div{
	width:695px;		
	float:left;
	margin:0 0 10px 0;	
	border-top:1px solid #004555;
	border-bottom:1px solid #004555;
	padding:10px 15px 13px 15px;
}

ul.publications li div.js{
	margin:30px 0 0 0 !important;	
	border-bottom:0;
	border-top:0;
}

ul.publications li h4{font-size:1.1em}

ul.publications li h3.js {
	position:absolute;
	top:0;	
}

ul.publications li.pubNews h3 			{left:0px}
ul.publications li.pubNewsletters h3{left:62px}
ul.publications li.pubReports h3 		{left:162px}
ul.publications li.pubDisclosure h3 	{left:330px}
ul.publications li.pubFactsheets h3 	{left:478px}
ul.publications li.pubSupernews h3 	{left:572px}

ul.publications li h3 a{	
	display:block;
	height:30px;
	cursor:pointer;
	text-indent:-100000px;
}

ul.publications li.holder{
	position:absolute;
	top:0;
	right:0;
	background:url(/buildassets/build/publicationbg.gif) top right no-repeat;
	width:156px;	
	height:50px;
	padding:0 !important;
	margin:0 !important;
}	

ul.publications p{
	float:left;
	width:690px;
	font-size:1.0em;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

ul.publications ul{	
	margin:6px 0 14px 0;
	list-style-type:none;
}

ul.publications ul li{
	float:none;
	padding:3px 0 4px 26px;
	font-size:1.0em;
}

.haveAQuestion,
.ourDetails{
	float:right;
	width:230px;
	margin:0 0 14px 0;
}

.haveAQuestion h3,
.ourDetails h3{
	text-indent:-100000px;
	width:230px;
	height:46px;
}

.haveAQuestion .foot,
.ourDetails .foot{
	float:left;
	width:230px;
	height:8px;
	padding:4px 0 0 0;
}

.haveAQuestion p{
	width:200px;
	padding:7px 0 7px 12px;
}

.haveAQuestion h4{padding-left:11px}

.haveAQuestion h4.mem a,
.haveAQuestion h4.emp a,
.haveAQuestion h4.memAndEmp a
{
	display:block;
	text-indent:-100000px;
	width:203px;
}

.haveAQuestion h4.mem a{height:64px}
.haveAQuestion h4.emp a{height:59px}
.haveAQuestion h4.memAndEmp a
{
	float:left;
	height:81px;
}

.ourDetails h3{padding-bottom:10px}

.ourDetails p{
	width:190px;
	padding:0 0 1px 12px;
}

h3.callMem a,
h3.callEmp a{
	float:left;
	display:block;
	text-indent:-100000px;
	width:230px;
	height:64px;
	margin:0 0 14px 0;
}

h3.btnBecomeMember a,
h3.btnJoinAsEmployer a{
	text-indent:-100000px;
	display:block;
	width:230px;
	height:36px;
	margin:0 0 10px 0;
}

.profileItem{
	float:left;
	width:100%;
	padding:0 0 22px 0;
}

.profileItem .image{
	float:left;
	width:115px;
	padding:0;
}

.profileItem .text{
	float:left;
	width:355px;
	padding:0;
}

.profileItem .full{
	width:470px
}

.profileItem h4{
	font-size:1.3em;
	padding:0;
}

.profileItem .position{
	font-style:italic;
	color:#004555;
	padding:0;
}

.contactUsContainer{
	float:left;
	width:475px;
	padding:0 0 7px 0;
	margin:0 0 12px 0;
}

.contactUsContainer .row{
	float:left;
	width:475px;
	font-size:1.2em;
	padding:0 0 6px 0;
}

.contactUsContainer .col{width:235px;}
.contactUsContainer .stateCol{width:115px;padding-left:5px}
.contactUsContainer .postcodeCol{width:111px;}

.halfForm,
.fullForm,
.postcodeForm{
	margin:2px 0 0 0;
	padding:2px 0 0 2px;
	height:17px;
	font-size:1.0em;
	border:1px solid #7f9db9;
}

.halfForm{width:228px}
.fullForm{width:468px}
.postcodeForm{width:104px}

.stateDdl{
	width:114px;
	height:20px;
	margin:2px 0 0 0;
	font-size:1.1em;
	border:1px solid #7f9db9;
}

.textareaForm{
	margin:2px 0 0 0;
	padding:2px;
	height:80px;
	width:466px;
	font-size:1.0em;
	border:1px solid #7f9db9;
}

.aster{color:#839c21;font-weight:bold}
.smallFont{font-size:0.9em}
.btnSubmit{padding-right:2px}

img.googlePower{float:right !important;padding:15px 0 0 0}

.ourServicesFeature img
{
	float:left;display:block;width:208px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.ourServicesFeature .title{padding-top:4px}

.ourServicesFeature div{
	float:left;
	width:210px;
}

.ourServicesFeature p{
	width:180px;
	padding:5px 0 0 14px;
}

.ourServicesFeature ul{
	width:210px;
	margin:10px 0 0 0;
	padding-bottom:10px;
	list-style-type:none;
}

.ourServicesFeature li{
	padding:0 0 0 10px;
	margin:0 0 0 14px;
}

.ourServicesFeature li.last{padding-bottom:15px}

.errorMessage
{
	border:1px solid red;
	background-color:#ffe8ec;
	padding:10px;
	width:451px;
	font-size:1.1em;
	margin:10px 0 10px 0;
}

#flashMovie div{
	position:relative;
}

#flashMovie div img{
	position:relative;
	z-index:1;
}

#flashMovie div span{
	position:absolute;
	z-index:2;
	top:0;
	right:10px;
	display:block;
	font-weight:bold;
	color:#ffffff;
	padding:10px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;  
	background-color:#333333;
}

#flashMovie div span.one{margin-top:160px;font-size:40px;}
#flashMovie div span.two{margin-top:197px;font-size:20px;}

/* subnav styles */
 
 .subNav h3{
	text-indent:-100000px;
	width:210px;
	height:37px;
 }
  
.subNav ul{
	float:left;
	width:182px;
	padding:12px 16px 15px 12px;
}

.subNav ul li{
	float:left;
	width:182px;
	list-style-type:none;
	padding:0 0 7px 0;
	margin:0 0 4px 0;
}

.subNav ul li a{
	display:block;
	padding:0 0 0 10px;
}

.subNav ul li ul{
	float:left;
	width:182px;
	background:none;
	padding:4px 0 0 0;
}

.subNav ul li ul li{
	float:left;
	font-size:0.9em;
	background:none;
	padding:0 0 0 10px;
	width:172px;
}

.subNav ul li ul li a{
	width:162px;
	line-height:1.3em;
	display:block;
}

/* site map styles */

ul.siteMap{
	float:left;
	width:100%;
	font-size:1.0em;
	padding:0;
	margin:0;
}

ul.siteMap li
{
	list-style-type:none;
	padding:0 0 7px 0;
	margin:0;
}

ul.siteMap li a{
	font-weight:bold;
	color:#018378;
}

ul.siteMap li ul{
	padding:0;
	margin:7px 0 0 0;
}

ul.siteMap li{color:#018378;}
ul.siteMap li li a{
	font-weight:normal;
	color:#52ab50;
	font-size:1.0em;
	background:url(/buildassets/build/greenarrow.gif) top left no-repeat;
	padding-left:10px;
}

ul.siteMap li ul ul{
	padding:0;	
	margin:7px 0 0 10px;
}

ul.siteMap li ul ul li{
	padding:0 0 2px 0;
}

ul.siteMap li ul ul a{
	font-size:0.9em;
	color:#333333;
	background:url(/buildassets/build/arrow.gif) top left no-repeat;
}

/* footer */
.footer .text{

	padding-bottom:29px;
}

.footer .text p{
	font-size:1.1em
}

.footer div.ssFooter{
	position:absolute;
	top:1px;
	right:0;
	text-indent:-100000px;
	width:164px;
	height:47px;
}















































