/**
 *
 * AXASPACE Styles
 *
 */


/* Reset Styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Core Styles */
body {
	background: #d6d7d6 url('/images/main-bg.jpg') top left repeat-x;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#wrapper {
	background: url('/images/bg-top.jpg') 50% 0%  no-repeat;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
}
#container {
	background: url('/images/body-footer.png') bottom left no-repeat;
	padding: 0 0 29px;
	margin: 0 auto;
	width: 827px;
}
#content {
	background: url('/images/bg-body.png') repeat-y;
	width: 827px;
	overflow: hidden;
}

/* Header and Logos */
#header {
	width: 827px;
	height: 127px;
	margin: 0 auto;
}
#logo h1 {
	position: relative;
}
	#logo h1 a {
		background: green;
		position: absolute;
		top: 31px;
		left: 13px;
		width: 448px;
		height: 79px;
		text-indent: -9999px;
		font-size: 0.01em;
		display: block;
		background: url('/images/axa-logo.png') top left no-repeat;
	}
	#logo h1 a:hover {
		cursor: pointer;
	}
#topRight {
	text-align: right;
	color: #2066af;
	font-size: 21px;
	margin: 0 0 0 568px;
	padding: 41px 0 0 0;
	width: 235px;
	word-spacing: 0.01em;
	letter-spacing: -0.05em;
	line-height: 1.1em;
}
#topRight sup a {
	color: #2066af;
	text-decoration: none;
	font-size: 13px;
}

/* Navigation */
#nav {
	width: 827px;
	height: 63px;
	background: url('/images/top-navigation-bg.png') no-repeat;
	margin: 0 auto;
}
	#nav ul {
		padding: 13px 0 0;
	}
	#nav li {
		float: left;
	}
		#nav li a {
			height: 50px;
			font-size: 0.01em;
			text-indent: -99999px;
			display: block;
		}
		#nav li a#navHome {
			width: 140px;
			background: url('/images/nav-home.jpg') 52px 0 no-repeat;
		}
			#nav li a#navHome:hover {
				background-image: url('/images/nav-home-over.jpg');
			}
			#nav ul.navHome li a#navHome,
			#nav ul.navHome li a#navHome:hover {
				background-image: url('/images/nav-home-on.jpg');
			}
		#nav li a#navAboutUs {
			width: 127px;
			background: url('/images/nav-about-us.jpg') 13px 0 no-repeat;
		}
			#nav li a#navAboutUs:hover {
				background-image: url('/images/nav-about-us-over.jpg');
			}
			#nav ul.navAboutUs li a#navAboutUs,
			#nav ul.navAboutUs li a#navAboutUs:hover {
				background-image: url('/images/nav-about-us-on.jpg');
			}
		#nav li a#navHowItWorks {
			width: 180px;
			background: url('/images/nav-how-it-works.jpg') 22px 0 no-repeat;
		}
			#nav li a#navHowItWorks:hover {
				background-image: url('/images/nav-how-it-works-over.jpg');
			}
			#nav ul.navHowItWorks li a#navHowItWorks,
			#nav ul.navHowItWorks li a#navHowItWorks:hover {
				background-image: url('/images/nav-how-it-works-on.jpg');
			}
		#nav li a#navLearningCenter {
			width: 205px;
			background: url('/images/nav-learning-center.jpg') 20px 0 no-repeat;
		}
			#nav li a#navLearningCenter:hover {
				background-image: url('/images/nav-learning-center-over.jpg');
			}
			#nav ul.navLearningCenter li a#navLearningCenter,
			#nav ul.navLearningCenter li a#navLearningCenter:hover {
				background-image: url('/images/nav-learning-center-on.jpg');
			}
		#nav li a#navContactUs {
			width: 175px;
			background: url('/images/nav-contact-us.jpg') 18px 0 no-repeat;
		}
			#nav li a#navContactUs:hover {
				background-image: url('/images/nav-contact-us-over.jpg');
			}
			#nav ul.navContactUs li a#navContactUs,
			#nav ul.navContactUs li a#navContactUs:hover {
				background-image: url('/images/nav-contact-us-on.jpg');
			}
/* Row */			
div.row {
	margin: 0 0 25px 12px;
	overflow: hidden;
	width: 802px;
}
div.last-row {
	margin: 0 0 13px 12px;
	overflow: hidden;
	width: 802px;
}
div.banner {
	margin: 0 13px;
}
div.left-column {
	float: left;
	width: 128px;
	margin: 0 13px;
	overflow: hidden;
	display: inline;
}
div.right-column {
	float: right;
	width: 627px;
	margin: 0 0 0 21px;
}
	div#content h2  {
		font-size: 21px;
		margin: 19px 0 16px;
		font-weight: normal;
		letter-spacing: -0.01em;
		word-spacing: -0.1em;
	}
	div#content p{
		color: #3c5065;
		font-size: 12px;
		line-height: 22px;
		margin: 19px 0 16px 0;
	}
	div#content ul,
	div#content ol {
		list-style-type: disc;
		margin: 0 50px 20px 40px;
		list-style-position: outside;
		line-height: 22px;
		font-size: 12px;
		color: #3c5065;
	}
	div#content ol{
		list-style-type: decimal;
	}

/* Left Rail */
#leftRail {
	color: #3C5065;
}
	div#content #leftRail h2 {
		font-size: 11px;
		margin: 0 0 20px 1px;
		padding: 19px 0 0;
		line-height: 14px;
		font-weight: bold;
		letter-spacing: normal;
		word-spacing: normal;
	}
	div#content #leftRail h3 {
		font-size: 12px;
		margin: 0 6px 13px 1px;
		line-height: 15px;
	}
	div#content #leftRail p {
		margin: 0 0 27px 1px;
		font-size: 11px;
		line-height: 13px;
	}
	#leftRail img.carrier {
		margin: 0 0 49px 10px;
	}
	#leftRail img.bbb {
		margin: 18px 0 18px 36px;
	}
/* Footer */
#footer {
	width: 827px;
	margin: 10px auto 60px;
	font-size: 13px;
	text-align: center;
	line-height: 1.2em;
}
	#footer a {
		color: #000;
	}
/* Bottom Copy */
#bottom, #disclaimer {
	width: 691px;
	font-size: 14px;
	margin: 0 auto;
	color: #666666;
}
	#bottom h2, #disclaimer h2 {
		color: #3c5065;
		font-size: 20px;
		font-weight: normal;
		margin: 0 0 20px;
	}
	#disclaimer h3{
		color: #3c5065;
		font-size: 18px;
		font-weight: normal;
		margin: 0 0 20px;
	}
	#bottom p, #disclaimer p {
		line-height: 1.2em;
		margin: 0 0 20px;
	}
	#bottom ul, #disclaimer ul {
		margin: 0 0 20px 40px;
		line-height: 1.2em;
		list-style: disc;
	}
#disclaimer {
	font-size: 10px;
}
#disclaimer:target {
	background-color: #ddd;
}
	#disclaimer p {
		margin: 0 0 15px;
	}
	#disclaimer h3 {
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 15px;
		color: #666666;
	}

/* Copy Container */
#copy {
	padding: 0 30px 0 0;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
	#copy a {
		color: #104D8C;
	}

/* Form Container */
#form {
	width: 627px;
	background: url('/images/picture-nurse.jpg') top right no-repeat;
	float: left
}
	#form div.formGroupTop{
		background: url('/images/form-section-top.gif') no-repeat;
		width: 492px;
		height: 5px;
		margin: 8px 0 0;
	}
	#form div.formGroupBottom{
		background: url('/images/form-section-bottom.gif') no-repeat;
		width: 492px;
		height: 5px;
		margin: 0;
		clear: both;
	}
	#form div.formGroup {
		background: url('/images/form-section-bg.gif') repeat-y;
		width: 492px;
		margin: 0;
		position: relative;
		color: #3c5065;
		font-size: 12px;
		overflow: hidden;
	}
	#form div.formPrivacy {
		margin: 31px 130px 0 0px;
		padding: 0 0 20px 0;
	}
	#content #form div.formPrivacy p {
		color: #666666;
		font-size: 11px;
		line-height: 1.27em;
	}
	#form div.formPrivacy a{
		color: #666666;
	}
	#form div.formButton {
		margin: 24px 0 0 131px;
	}
		#form  div.formGroup h3 {
			font-size: 14px;
			padding: 3px 0 0 0;
			margin: 0 0 0 10px;
		}
		#healthProfileQuestion {
			position: absolute;
			top: 2px;
			left: 126px;
		}
		#form div.formGroup p.required {
			font-size: 10px;
			position: absolute;
			margin: 0;
			line-height: 16px;
			top: 5px;
			left: 284px;
		}
			#form div.formGroup p.required  sup,
			#form div.formGroup div.healthProfileLabel sup,
			#form div.formGroup div.healthProfileQuestions sup,
			#form div.formGroup table label sup{
				color: #ff0000;
				font-size: 12px;
			}
		#form div.formGroup div.healthProfileLabel	{
			margin: 17px 0 4px 110px;
		}
		#form div.dependentForm div.formGroup div.healthProfileLabel {
			margin: 5px 0 4px 110px;
		}
			div.healthProfileLabel .insured1DOBLabel {
				margin: 0 0 0 38px;
			}
			div.healthProfileLabel .insured1Height {
				margin: 0 0 0 35px;
			}
			div.healthProfileLabel .insured1Weight {
				margin: 0 0 0 37px;
			}
		#form div.formGroup div.healthProfileFormFields{
			font-size: 12px;
			margin: 0 0 17px 16px;
		}
			div.healthProfileFormFields span.healthProfileTitle{
				font-weight: bold;
				font-size: 13px;
				margin: 0 8px 0 0;
			}
			div.healthProfileFormFields span.childHealthProfileTitle{
				font-weight: bold;
				font-size: 13px;
				margin: 0 28px 0 0;
			}
			div#spouseProfileFormFields span.healthProfileTitle {
				margin: 0 23px 0 0;
			}
			div.healthProfileFormFields label.insured1GenderMale,
			div.healthProfileFormFields label.insured1GenderFemale{
				margin: 0 4px 0 -1px;
			}
			div.healthProfileFormFields input.insured1DobMM,
			div.healthProfileFormFields input.insured1DobDD,
			div.healthProfileFormFields input.insured1DobYYYY,
			div.healthProfileFormFields input.insured1HtFt,
			div.healthProfileFormFields input.insured1HtIn,
			div.healthProfileFormFields input.insured1Wt{
				border: 1px solid #7b9ebc;
				height: 16px;
			}
			div.healthProfileFormFields input.insured1DobMM,
			div.healthProfileFormFields input.insured1HtFt{
				margin: 0 0 0 16px;
				width: 21px;
			}
			div.healthProfileFormFields input.insured1DobDD {
				width: 21px;
			}
			div.healthProfileFormFields input.insured1DobYYYY {
				width: 33px;
			}
			div.healthProfileFormFields input.insured1HtIn {
				margin: 0 0 0 3px;
				width: 22px;
			}
			div.healthProfileFormFields span.insured1HtIn {
				margin: 0 16px 0 -3px;
			}
			div.healthProfileFormFields input.insured1Wt {
				width: 33px;
			}
			div.healthProfileFormFields span.insured1Wt {
				margin: 0 0 0 -3px;
			}
		#form div.formGroup div.healthProfileQuestions {
			margin: 0 0 0 23px;
			padding: 0 0 3px 0;
		}
		#form  div.dependentForm div.formGroup div.healthProfileQuestions {
			margin: -10px 0 0 23px;
			padding: 0 0 3px 0;
		}
			div.healthProfileQuestions span.question {
				display: block;
				line-height: 2em;
				margin: 0 0 3px 0;
			}
			div.healthProfileQuestions span.question span {
				position: relative;
			}
			#healthConditionsQuestion {
				position: absolute;
				top: 1px;
				left: 118px;
			}
			div.healthProfileQuestions input.insured1CurrentlyCoveredYes{
				margin: 0 0 0 79px;
			}
			div.healthProfileQuestions input.insured1SmokerYes{
				margin: 0 0 0 127px;
			}
			div.dependentForm div.healthProfileQuestions input.insured1SmokerYes {
				margin: 0 0 0 81px;
			}
			div.healthProfileQuestions input.insured1HealthConditionsYes {
				margin: 0 0 0 19px;
			}
	#form div.formGroup div#healthProfileConditions {
		margin: 7px 0 5px 23px;
	}
		div#healthProfileConditions p {
			margin: 0 0 7px 0;
		}
		div#healthProfileConditions td {
			padding: 0 2px 1px 0;
		}
		div#healthProfileConditions td input {
			vertical-align: -4px;
			border: none !important;
		}
	div#healthFormDependentControls {
		margin: 8px 0 -2px 32px;
		position: relative;
		height: 22px;
		display: block;
		overflow: hidden;
	}
	div#healthFormDependentControls input {
		margin: 0 10px 0 0;
	}
		div#healthFormDependentControls img {
			position: absolute;
		}
		#controlAddSpouse {
			z-index: 3;
		}
		#controlAddSpouseDisable{
			z-index: 2;
		}
		#controlAddChild {
			left: 103px;
			z-index: 3;
		}
		#controlAddChildDisable {
			left: 103px;
			z-index: 2;
		}
	
	img.removeDependent {
		position: absolute;
		top: 5px;
		left: 10px;
		display: block;
	}

	#form div.formGroup table#aboutYou {
		margin: 16px 0 0 23px;
	}
		#aboutYouQuestion {
			top: 2px;
			left: 102px;
			position: absolute;
		}
		#secureForm  {
			top: 4px;
			left: 393px;
			position: absolute;
		}
		#form div.formGroup table input{
			border: 1px solid #7b9ebc;
			height: 16px;
		}
		#form div.formGroup table select {
			border: 1px solid #7b9ebc;
		}
		td.firstName {
			width: 83px;
		}
		td.firstNameForm {
			width: 146px;
		}
		input.firstName,
		input.address1Street1{
			width: 136px;
		}
		select.address1State {
			width: 115px;
		}
		input.lastName,
		input.address1City,
		input.address1Zip,
		input.email{
			width: 143px;
		}
		input.phone1 {
			width: 23px;
		}
		input.phone2 {
			width: 23px;
			margin: 0 0 0 -4px;
		}
		input.phone3 {
			width: 33px;
			margin: 0 0 0 -4px;
		}
		td.lastName {
			text-align: right;
			width: 81px;
			padding: 0 4px 13px 0;
		}
		input.email {
			background: url('/images/no-spam.jpg') no-repeat 27px 1px;
		}
/* PopUp Overlay */
div.popUp {
	border: 1px solid #1B497A;
	width: 300px;
	display: block;
	background: #fff;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.90;
	z-index: 10;
}
	div.popUp h2 {
		font-size: 14px;
		color: #1B497A;
		margin: 0 0 5px 0;
	}
	div.popUp p {
		font-size: 12px;
		line-height: 1.5em;
		margin: 0 0 10px 0;
	}