/*  
The Healthy Company CSS document
by Thomas Prior at Makemedia
http://www.makemedia.com
*/

/************* NOTES! ***************/

/* A sticky footer solution has been used in this project, and selectors
required to make this work are commented. For more info visit http://www.cssstickyfooter.com - TP*/

* {margin:0;padding:0;} /* Ye olde holy hack - TP */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/* MAIN STRUCTURE */

body{font-size:62.5%; background: url(/images/siteBgRepeater.gif) repeat-x top;}

html, body, #siteWrapper {height: 100%;}

body > #siteWrapper {height: auto; min-height: 100%;}

#mainWrapper {width:940px; margin:0 auto; padding-bottom: 140px;}  /* must be same height as the footer */

#secondaryNav{
	width:220px;
	float:left;
	background: url(/images/secondaryNavBottom.png) no-repeat bottom;
	margin:0 20px 0 0;
	padding:0 0 7px 0;
}

#mainPageContent_narrow{
	width:460px;
	float:left;
}

#mainPageContent_wide{
	width:700px;
	float:left;
}

#internalBannersWrapper{
	width:220px;
	float:right;
}

#internalBannersWrapper img, #internalBannersWrapper a{
	margin:0 0 19px 0;
}

#subContentWrapper a
{
	font-weight:bold;
	text-decoration:underline;
}

#subContentWrapper a:hover
{
	text-decoration:none;
	color:#414141;
}

#subContentWrapper h3
{
	color: #9C0356;
	font-size: 1.6em;
	margin: 1.5em 0 1em 0;
}

#subContentWrapper h4
{
	margin: 1.5em 0 1em 0;
	color: #79cdd0;
}

#subContentWrapper ul
{
	font-size:1.2em;
	line-height:1.6em;
	margin: 1em 1em 2em 1em;
}

#subContentWrapper ul li
{
	padding: 0 0 0 20px;
	margin: 0 0 8px 0;
	background: transparent url(/images/bullet.png) no-repeat scroll top left;
}

#subContentWrapper .moreInfo
{

	color:#e0005f;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}

#subContentWrapper .moreInfo:hover
{
	color:#9c0356;
}

#mainPageContent_narrow #subContentWrapper
{
	width:438px;
	float:left;
	padding:0 0 34px;
}

#mainPageContent_wide #subContentWrapper
{
	width:656px;
	float:left;
	padding:0 0 32px 22px;
}

#mainPageContent_narrow .mainImage
{
	padding:0 0 20px 0;
}

/* ICON STACK */

#mainPageContent_narrow .iconStack
{
	float: left;
	width: 440px;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ccc;
}

#mainPageContent_narrow .iconStack li
{
	float: right;
	display: inline;
	padding: 0 0 0 10px;
}

#mainPageContent_narrow .iconStack li.firstChild
{
	float: left;
	padding: 0 15px 0 0;
}

/* WIDGETS */

.preEmploymentQuestionnaires{
	display:block;
	width:220px;
	height:284px;
	float:left;
	background:url(/images/widgets/preEmploymentQuestionairres_HOME.png) no-repeat top left;
}

.preEmploymentQuestionnaires:hover{
	background:url(/images/widgets/preEmploymentQuestionairres_HOME.png) no-repeat top right;
}

.newsletterSignup
{
	display:block;
	width:220px;
	height:256px;
	float:left;
	background: url(/images/widgets/newsletterSignup_HOME.png) no-repeat top left;
}

.newsletterSignup:hover{
	background:url(/images/widgets/newsletterSignup_HOME.png) no-repeat top right;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* MAIN STRUCTURE */

#branding{
	width:940px;
	height:178px;
	margin:0 0 26px 0;
	background:url(/images/headerBaseBg.gif) no-repeat bottom #FFF;
}


#branding #skipnav{
	position:absolute;
	margin:-50px 0 0 0px;
	padding:0;
	font-size:1.1em;
	color:#FFF;
	text-decoration:underline;
}

#branding img{
	float:left;
     margin-left:0px;
}

#branding ul{
	width:896px;
	float:left;
	margin:24px 0 0 23px;
	padding:0;
	clear:both;
	background:url(/images/loginAreaBg.png) no-repeat top right;
}

#branding li{
	margin:0;
	padding:0;
	width:auto;
	float:left;
	display:inline;
	font-size:16px;
	/*background:url(/images/mainNavOffStateLeft.gif) no-repeat top left;*/
}

#branding li:hover{
	/*background:url(/images/mainNavOffStateLeft_hover.gif) no-repeat top left;*/
}

#branding li a{
	width:auto;
	display:block;
	font-weight: normal;
	float:left;
	color:#FFF;
	margin:0;
	padding:8px 19px;
	font-family:'FSAlbertRegular', Arial, Helvetica, Sans-Serif;
	outline: none;
	/*padding:12px 18px 10px 18px;*/
	/*background:url(/images/mainNavOffStateRight.gif) no-repeat top right;*/
}

#branding li a:hover{
	/*background:url(/images/mainNavOffStateRight_hover.gif) no-repeat top right;*/
	color:#e0005f;
}

#branding #frmLogin
{
	padding:5px 0 0 13px;
}

#branding .homeLink a{
	width:auto;
	z-index:999;
	position:relative;
	background:url(/images/homeLinkBg.png) no-repeat top center;
}

#branding .homeLink a:hover, #branding .homeLink a.selected{
	background:url(/images/homeLinkBgHover.png) no-repeat top center;
}

#branding .aboutLink a{
	z-index:998;
	position:relative;
	left:-9px;
	background:url(/images/aboutLinkBg.png) no-repeat top center;
}

#branding .aboutLink a:hover, #branding .aboutLink a.selected{
	background:url(/images/aboutLinkBgHover.png) no-repeat top center;
}

#branding .servicesLink a{
	z-index:997;
	position:relative;
	left:-20px;
	background:url(/images/servicesLinkBg.png) no-repeat top center;
}

#branding .servicesLink a:hover, #branding .servicesLink a.selected{
	background:url(/images/servicesLinkBgHover.png) no-repeat top center;
}

#branding .adviceLink a{
	z-index:996;
	position:relative;
	left:-29px;
	background:url(/images/adviceLinkBg.png) no-repeat top center;
}

#branding .adviceLink a:hover, #branding .adviceLink a.selected{
	background:url(/images/adviceLinkBgHover.png) no-repeat top center;
}

#branding .contactLink a{
	z-index:995;
	position:relative;
	left:-42px;
	background:url(/images/contactLinkBg.png) no-repeat top center;
}

#branding .contactLink a:hover, #branding .contactLink a.selected{
	background:url(/images/contactLinkBgHover.png) no-repeat top center;
}

#branding h2{
	font-family:'FSAlbertRegular', Arial, Helvetica, Sans-Serif;
	font-size:1.8em;
	color:#e0005f;
	width:520px;
	height:30px;
	float:right;
	text-align:right;
	margin:46px 27px 0 0;
	padding:0;
}

#branding h4
{
	color:#FFF;
	font-size: inherit;
	font-family: 'FSAlbertRegular', Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	position:absolute;
	margin:3px 0 0 -48px;
}

#branding h2 strong{
	font-family: 'FSAlbertExtraBold', Arial, Helvetica, Sans-Serif;
}

#branding #headTag{
	width:298px;
	height:33px;
	float:right;
	margin:0 22px 0 0;
}

#branding #headTag a
{
	width:298px;
	height:33px;
	display: block;
}

#branding #headTag h3{
	color:#e0005f;
	font-size:1.3em;
	font-weight:normal;
	font-family: 'FSAlbertRegular', Arial, Helvetica, Sans-Serif;
	margin:0;
	padding:10px 0 0 17px;
	position:absolute;
}

#branding #headTag h3 span{
	display:none;
	left:-9999px;
	top:-9999px;
}

#branding #signInOrRegister
{
	width:300px;
	float:right;
}

#branding form
{
	position:absolute;
	width:500px;
}

#branding label
{
	font-size:11px;
	position:absolute;
	margin:4px 0 0 4px;
}

#branding input
{
	width:85px;
	margin:0;
	padding:2px;
	font-size:11px;
}

#branding .goButtonLogin
{
	position:absolute;
	width:20px;
	height:20px;
	margin:1px 0 0 4px;
	padding:0;
	border:0;
	background:url(/images/goArrowLogin.gif) no-repeat top left;
	cursor:pointer;
}

#branding .goButtonLogin:hover
{
	background:url(/images/goArrowLogin.gif) no-repeat bottom left;
}

#branding #loginOptions
{
	width:250px;
	float:right;
	font-size:14px;
	margin:4px 37px 0 0;
	padding:0;
	line-height: 1em;
}

#branding #loginOptions a
{
	width:auto;
	margin:0 0 0 0;
	padding:0 7px;
	color:#FFF;
}

#branding #loginOptions a:first-child
{
	border-right:1px solid #c3046c;
}

#branding #loginOptions a:hover
{
	color:#dcdcdc;
}

#branding .yourUsername
{
	width:300px;
	float:left;
	margin:8px 0 0 -30px;
	padding:0;
	color:#FFF;
	font-family: 'FSAlbertRegular', Arial, Helvetica, Sans-Serif;
}

#branding .yourAccountLink
{
}

#branding .yourAccountLink a
{
	padding:0 5px 0 0;
	margin:9px 0;
	border-right:1px solid #c3046c;
	font-size:14px;
}

#branding .signOutLink a
{
	padding:9px 0 0 5px;
	font-size:14px;
}

#branding .yourAccountLink a:hover, #branding .signOutLink a:hover
{
	color:#cecece;
}


/* SECONDARY NAV */

#secondaryNav h4
{
	font-family: 'FSAlbertExtraBold', Arial, Helvetica, Sans-Serif;
	font-size:1.7em;
	color:#9C0356;
	padding:0;
	margin: 0 0 8px 0;
}

#secondaryNav h4 a 
{
	color:#9C0356;
}

#secondaryNav h4 a:hover
{
	color:#e0005f;
}

#secondaryNav h4 a.activeLink
{
	color:#9C0356;
}

#secondaryNav h4 span 
{
	display:block; 
	float:left; 
	width:12px; 
	height:14px; 
	margin:7px 5px 0 0; 
	background:url(/images/pinkArrow.png) 0 -14px;
}

#secondaryNav .closed span 
{
	background-position:0 0;
}

#secondaryNav #subNavTitle
{
	margin:0;
	background:#f3f2f2 url(/images/secondartNavTop.png) no-repeat top;
	padding:16px 12px 1px 14px;
}	

#secondaryNav .subNavItems
{
	margin:0 0 0 18px;
	padding:0;
	font-size:1.4em;
	line-height:1.4em;
	color:#6d6e71;
}

#secondaryNav .subNavItems li
{
	margin:0 0 8px 0;
}

#secondaryNav .subNavItems a
{
	color:#6d6e71;
	font-weight: normal;
}


#secondaryNav .subNavItems a:hover
{
	color:#4a4a4a;
}

#secondaryNav .subNavItems ul
{
	margin: 0 0 20px 0;
	font-size: 0.9em;
}

#secondaryNav .subNavItems ul li
{
	list-style-image: url(/images/navBullet.png);
	list-style-position: inside;
}

#secondaryNav .activeLink
{
	font-weight:bold !important;
}

/* QUESTIONNAIRE PROCESS */

#subContentWrapper .addEmails input
{
	width:240px;
	margin:0 8px 12px 0;
}

#subContentWrapper .addEmails .submitButton_input
{
	width:94px;
}

#subContentWrapper .addEmails h4
{
	clear: both;
	background: url(/images/recipientsHeading.png) no-repeat scroll top center;
	padding: 12px 0 0 15px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #E0005F;
}

#subContentWrapper .emailList
{
	background: url(/images/recipientsList.png) no-repeat scroll bottom center;
	margin: 0 0 20px 0;
	float:left;
	padding: 10px 20px;
	width: 398px;
}

#subContentWrapper .emailList li
{
	margin: 8px 0;
}

#subContentWrapper .emailList a
{
	background:url(/images/removeIcon.png) no-repeat left 3px;
	padding:0 0 0 18px;
	float:right;
}

#subContentWrapper .emailList a:hover
{
	background:url(/images/removeIcon.png) no-repeat left -31px;
}

.addEmails #emailListErrors
{
	float: left;
	margin: 10px;
	width: 418px; 
}

.addEmails #emailListErrors li
{
	margin: 0;
}	

/* FLASH BANNER */

#flashBanner{
	width:700px;
	height:284px;
	padding: 0 0 20px;
}

/* HOMEPAGE */

.leadServices{
	margin:23px;
	padding:0 0 0 54px;
}

.leadServices dt{
	font-family: 'FSAlbertExtraBold', Arial, Helvetica, Sans-Serif;
	font-size:2.4em;
	color:#9c0356;
	margin:0 0 11px 0;
}

.leadServices p{
	font-size:1.2em;
	line-height:1.48em;
	color:#414141;
}

.leadServices p a{
	color:#e0005f;
	font-weight:bold;
}

.leadServices p a:hover{
	color:#9c0356;
	font-weight:bold;
}

.officeEnvironment{
	background:url(/images/icons/officeIcon.png) no-repeat left top;
}

.questionsAnswered{
	background:url(/images/icons/speechBubblesIcon.png) no-repeat left top;
}

.informationTechnology{
	background:url(/images/icons/laptopIcon.png) no-repeat left top;
}
	

/* FOOTER AREA */

#footer 
{
	position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
	clear:both;
	background:url(/images/footerBg.png) no-repeat bottom center;
}

#footer #footerContents{
	width:760px;
	margin:0 auto;
	padding-left:180px;
}

#footer #footerContents p{
	font-size:1em;
}

#footer #footerContents ul{
	width:700px;
	margin:0;
	padding:24px 0 7px 0;
	font-size:1.2em;
	line-height:2em;
}

#footer #footerContents li{
	display:inline;
	border-left:1px solid #656565;
	padding:0 5px;
}

#footer #footerContents li:first-child{
	border:none;
	padding-left:0;
}

#footer #footerContents .navBreak{
	border-left:none;
	padding-left:0;
}

#footer #footerContents li a{
	font-weight:normal;
	color:#656565;
}

#footer #footerContents li a:hover{
	color:#272727;
}

/* ACCOUNT PAGES SPECIFIC*/

#termsAndConditions input#terms
{
	width: 20px;
	float: left;
	margin: 5px 10px 0 0;
}

#subContentWrapper.signIn #frmLogin h4
{
	color:#9C0356;
	font-family:'FSAlbertExtraBold', Arial, Helvetica, Sans-Serif;
	font-size:2.4em;
	margin:0 0 0.6em;
}

#subContentWrapper.signIn #frmLogin label
{
	display: inline-block !important;
	margin: 10px 5px 0 0;
	font-size: 1.3em;
	color: #414141;
}

#subContentWrapper.signIn #frmLogin input
{
	display: block;
	margin: 5px 0 5px 0;
}
	
#subContentWrapper.signIn #frmLogin #loginOptions
{
	display: none;
}

#subContentWrapper.signIn #frmLogin .goButtonLogin
{	
	background:url("../images/submitButtonBG.png") no-repeat scroll 0 2px transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'FSAlbertExtraBold', Arial, Helvetica, Sans-Serif;
	font-size:1.4em;
	font-weight:bold;
	margin:15px 2px;
	overflow:visible;
	padding:3px 11px 4px 14px;
	width:94px;
}

#subContentWrapper.signIn #frmLogin .goButtonLogin:hover
{
	background-position: 0 -28px;
}

/* ARTICLE DETAILS PAGE */

#subContentWrapper h1 span 
{
	font-size: 0.7em;
	color: #414141;
	font-family: Arial,Helvetica,Sans-Serif;
	font-weight:normal;
}

a.backToButton, #subContentWrapper a.backToButton
{
	color: #fff;
	text-decoration:  none;
	padding: 0 0 0 25px;
	line-height: 23px;
	background: url(/images/submitButtonBG_w160px.png) no-repeat scroll 0 0;
	display: block;
	cursor:pointer;
	font-family:'FSAlbertExtraBold', Arial, Helvetica, Sans-Serif;
	font-size:1.4em;
	font-weight:bold;
	height:26px;
	width: 200px;
	margin:5px 0;
	padding:0 0 0 24px;
	outline: none;
}

a.backToButton:hover, #subContentWrapper a.backToButton:hover
{
	background: url(/images/submitButtonBG_w160px.png) no-repeat scroll 0 -30px;	
}

/* CONTACT PAGE */

#subContentWrapper #contactInfo li
{
	background: none;
	color: #414141;
	margin: 0;
	padding: 0;
}

#subContentWrapper #contactInfo li.email
{
	display:none;
}

#subContentWrapper #contactInfo li.tel
{
	display:none;
}

/* This is used in situations where the wide content div is use but with the left hand nav and no right hand widgets */
#mainPageContent_wide.wideRight #subContentWrapper
{
	float:left;
	padding:0 22px 32px 22px;
}


/* watermark positioning container*/ 
.updnWatermark
{
	position: relative;
	width: 0;
}

/* watermark label styling */
.updnWatermark label
{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	color: #999;
	padding-left: 4px;
	height: 1.25em;	
	line-height: 14px;
} 

/* IE7/6 hasLayout hack */
.updnWatermark
{
	*zoom: 1;
}