﻿/* --
	Reset
-- */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, table, 
h1, h2, h3, h4, h5, h6, input, select, textarea, p, blockquote, address, a, strong, b, em, i, caption, cite, th, td, img, code, dfn, var 
	{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 100%;
	}
	
th, td {
	text-align: inherit;
	}
	
table, tbody, thead, tbody, th, tr, td {
	border-collapse: collapse;
	}
	

/* --
	Main Layout
-- */

body {
	font: 62.5%/1.5 Arial, Helvetica, sans-serif;
	background: #021655 url(../i/assets/main_bg.jpg) center top repeat-x;
	}
	
#mainDiv {
	width: 900px;
	padding-bottom: 11px;
	margin: 0 auto;
	background: url(../i/assets/shadow2.png) center bottom no-repeat;
	}
	
	#contentContainer {
		padding: 0 30px;
		position: relative;
		height: 1% !ie;
		}
		
	.header-div {
		position: relative;
	}
.adviser {
	position: absolute;
	right: 0;
	bottom: 6px;	
	}
	 a.adviser {
		display: none;
		font-weight: normal;
		color: #83BDD5;
		border-bottom: 1px solid #459DB2;
		font-size: 1.1em;
		line-height: 1.2;
		margin-bottom: 3px;
		text-transform: uppercase;
	}
	a.adviser:hover {
		color: #fff;
		border-color: #FFF;
	}
		
#footerContainer {
	width: 840px;
	margin: 0 auto;
	}
		
		
/* --
	Generic Styling
-- */
h1 {
	height: 76px;
	background: url(../i/assets/towerKiwiSaver.gif) center right no-repeat;
	}
	
	h1 a.towerHome {
		width: 129px;
		height: 63px;
		background: url(../i/assets/tower.gif) top left no-repeat;
		}
		
	h1 a.cover4Travel {
		width: 711px;
		height: 63px;
		}
		
	h1 a.towerHome, h1 a.cover4Travel{
		display: block;
		float: left;
		overflow: visible;
		text-indent: -999em;
		}
h2 {
	height: 30px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	}
	
h3 {
	font-size: 1.6em;
	color: #021654;
	}
	
h4 {
	color: #021654;
	}
	
h6 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #008CB2;
	margin-top: 2em;
	}
	
	
p {
	padding-bottom: 0.8em;
	}
	
	p strong {
		font-weight: bold;
		}

a {
	outline: none;
	}
	
	table a {
		color: #777;
		text-decoration: underline;
		font-weight: bold;
		}
		
		table a:hover {
			color: #0088ae;
			}
			
strong {
	font-weight: bold;
	}
	
blockquote {
	font-size: 1.2em;
	margin: 1em 5em 2em 3em;
	}
	
			
dfn {
	cursor: help;
	color: #021654;
	border-bottom: 1px dotted #021654;
	}

.button span, h2, fieldset h3, .hero h1, .hero h3, .call-to-action h3 {
	text-indent: -999em;
	overflow: hidden;
	}

.button span {
	display: block;
	}
	
.clear, fieldset br {
	clear: both;
	}
	
	img.clear, fieldset br {
		display: block;
		width: 90%;
		height: 0;
		overflow: hidden;
		}
		
.text-left {
	text-align: left;
	}

.text-center {
	text-align: center;
	}

.text-right {
	text-align: right;
	}

.float-left {
	float: left;
	}
	
.float-right, .step input.float-right {
	float: right;
	}
	
.position-relative {
	position: relative;
	}
	
.display-none, .show-me, .step input.display-none, .step a.show-me{
	display: none;
	}
	
.display-block {
	display: block;
	}
	
#frmChooseFund table, table {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 100%;
	margin-bottom: 1.5em;
	margin-top: 1em;
	}
	
#frmChooseFund th, #frmChooseFund td, th, td {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 3px 5px 2px 5px;
	}
	
#frmChooseFund th, th { 
	background: #89c9da;
	color: #fff;
	font-weight: bold;
	font-size: 0.8333em; /*10px*/
	line-height: 1;
	text-transform: uppercase;
	}
	
#frmChooseFund tr, tr {
	background: #cbe7ef;
	height: 2.4em;
	min-height: 2.4em;
	}
	
#frmChooseFund td, td {
	font-size: 0.916em; /*11px*/
	}
	
#frmChooseFund tr.total td, tr.total td {
	font-weight: bold;
	background: #FFCE00;
	}
	
.content h3 {
	padding: 1em 0 0.5em 0;
	}
	
		
div.faq div {
	padding: 1em 0;
	}
	
div.faq h5 {
	margin-top: 1em;
	font-size: 1.3em;
	}
	
form table {
	border: 0;
	}

form th, form td {
	border: 0;
	}
	
form tr {
	background: none;
	}

#frmChooseFund table, #frmChooseFund th, #frmChooseFund td {
} 	
	
/* --
	Navigation & Sub-navigation
-- */
#navigation {
	height: 29px;
	overflow: hidden;
	border-bottom: 1px solid #018bb2;
	}
#navigation li {
	float: left;
	padding-right: 2px;
	}
	
	#navigation a {
		float: left;
		text-align: center;
		font-size: 1.3em;
		font-weight: bold;
		color: #fff;
		background: #6fbdd2;
		height: 28px;
		padding-right: 10px;
		padding-left: 10px;
		line-height: 28px;
		border-top: 1px solid #6fbdd2;
		}
			
		#navigation a:hover {
			border-top-color: #018bb2;
			background: #4da0b7;
			line-height: 29px;
			}
			
		#navigation .current a, #navigation .current a:hover  {
			color: #021654;
			background: #b1dbe7;
			line-height: 28px;
			border-top: 1px solid #b1dbe7;
			cursor: default;
			}
			
#subnavigation {
	width: 162px;
	padding-bottom: 50px;
	}
	#subnavigation ul {
		margin-bottom: 50px;
	}
	#subnavigation li {
		padding: 2px 6px 2px 18px;
		}
		
		#subnavigation h3 {
			font-family: Georgia, "Times New Roman", Times, serif;
			padding: 28px 0 10px 0;
			line-height: 1em;
			}
			
		#subnavigation a {
			display: block;
			font-weight: bold;
			font-size: 1.2em;
			line-height: 15px;
			color: #0088ae;
			padding: 2px 0;
			}
			
			#subnavigation a:hover, #subnavigation .current a {
				color: #021654;
				}
				
	   .call-to-action {
		clear: both;
		width: 150px;
		margin: 0px auto;
		padding-top: 15px;
		padding-bottom: 15px;
		overflow: hidden;
		border-top: 1px solid #6aa9bb;
		}
		
		.sidebar .call-to-action {
			padding: 10px 0;
			width: 220px;
			overflow: hidden;
			margin: 0 auto;
			border-top: 1px solid #6aa9bb;
			}
		
		#subnavigation .call-to-action h3 {
			width: 135px;
			margin: 0 auto;
			padding: 0 0 4px 0;
			}
			
				#subnavigation .call-to-action h3.sign {
					background: url(../i/content/h2-call2action-join.gif) no-repeat;
					}
				
				#subnavigation .call-to-action h3.balance {
					height: 58px;
					background: url(../i/content/h2-call2actionbalance.gif) no-repeat;
					}
					
				.call-to-action h3.already-with, .call-to-action h3.school-register, .call-to-action h3.signup {
					height: 22px;
					padding: 0;
					margin: 0 0 6px 0;
					}
					
					.call-to-action h3.signup {
						background: url(../i/content/h2-call2action-joinContactpg.gif) no-repeat;
						}
					
					.call-to-action h3.already-with {
						background: url(../i/content/h2-call2action-nominationschool.gif) no-repeat;
						}
						
					.call-to-action h3.school-register {
						background: url(../i/content/h2-call2action-schoolregister.gif) no-repeat;
						}
				
	#subnavigation .button {
		padding: 0;
		margin: 0 auto;
		}
		
ul#downloads, ul#signup, ul#links {
	margin: 1em 0;
	padding: 0;	
	}
	
	ul#downloads li, ul#signup li {
		padding: 15px;
		list-style: none;
		position: relative;
		margin-bottom: 3px;
		background: url(../i/assets/list_bg.png);
		}
		
		ul#links li {
			height: 59px;
			list-style: none;
			position: relative;
			margin-bottom: 3px;
			background: url(../i/assets/list_bg.png);	
			}
			
		ul#downloads li h4, ul#signup li h4 {
			float: left;
			color: #002268;
			font-weight: bold;
			margin-left: 13px;
			padding-right: 17px;
			text-transform: none;
			}
			
			ul#links li h4 {
				font-size: 1.1666em; /*14px*/
				float: left;
				margin-top: 25px;
				margin-left: 30px;
				}
				
			ul#links li h4 a {
				color: #002268;
				font-weight: bold;
				border-bottom: 1px solid #889BB6;
				text-decoration: none;
				}
					
			ul#signup li, ul#downloads li, ul#links li {
				margin: 0;
				border-top: 3px solid #fff;
				}
				
				ul#signup li h4 {
					font-size: 1.1666em; /*14px*/
					margin-left: 0;
					float: none;
					margin-bottom: 6px;
					}	
				
			ul#downloads li img {
				float: left;
				}
				
			ul#downloads li p {
				width: 385px;
				margin-left: 48px;
				}
				
			ul#links img {
				float: left;
				}
						
			ul#signup li p {
				width: 420px;
				}
							
				ul#downloads li a.btn-downloads, ul#signup li a.btn-start, ul#downloads li a.btn-downloads, ul#signup li a.btn-more {
					height: 32px;
					position: absolute;
					right: 38px;
					bottom: 17px;
					border: none;
					}
			

/* --
	Specific Styling
-- */
.content-div {
	min-height: 336px;
	background: #fefefe url(../i/assets/bg-content.jpg) bottom no-repeat;
	}
	
	.column {
		background-color: #cbe8f0;
		background-image: url(../i/assets/bg-content-nav.jpg);
		}
	
.content {
	}
	
	.column .content {
		min-height: 480px;
		width: 618px;
		padding: 24px 30px;
		background: #fefefe url(../i/assets/bg-content-nav.jpg) bottom right no-repeat;
		}
		
	.alt-column .content {
		padding: 24px 30px;
		width: 500px;
		}
		
		.alt-column .sidebar {
			background: url(../i/assets/list_bg.png);
			width: 220px;
			padding: 20px;
			margin-left: 20px;
			}
			
			#contact-sidebar {
				height: 650px;
				min-height: 650px;
				}
				
			#whytower-sidebar {
				height:570px;
				min-height:570px;
				}
			
			#claims-sidebar {}		
			
			#timeout-sidebar {
				height: 380px;
				}
				
			#schools-sidebar {
				height: 2700px;
				min-height: 2400px;
				}
	
	.content p, .content li {
		font-size: 12px;
		line-height: 16px;
		color: #222;
		}
					
			.content ul, .content ol {
				margin: 0 0 2em 0;
				padding: 0;
				}
				
			.content ul li {
				padding-bottom: 4px;
				list-style-type: none;
				background: url(../i/assets/bullet.gif) top left no-repeat;
				padding-left: 20px;
				}
				
			.content ol li {
				padding-bottom: 4px;
				list-style-type: decimal;
				}
				
			.content ol {
				margin-left: 15px;
				padding-left: 15px;
				}
		
		p.intro {
			color: #1E93B6;
			font: 1.6em/1.4em Georgia, "Times New Roman", Times, serif;
			}
			
		div.intro {
			background: url(../i/assets/bg-lightblue.png);
			padding: 15px 15px 3px 15px;
			margin-bottom: 15px;
			}
			
		.content p.note {
			color: #666;
			font-size: 1em; /*11px*/
			line-height: 1.2;
			}
			
		.content p.note-right {
			margin-top: -10px;
			padding-left: 310px;
			font-size: 1.2em;
			}
			
		.content a {
			color: #0088ae;
			border-bottom: 1px solid #B4DBE8;
			}
			
		.content a:hover {
			color: #021654;
			border-bottom: 1px solid #889BB6;
			}
			
		.content form a, .content form a:hover {
			border: none;
			}
			
.hero {
	width: 840px;
	height: 321px;
	padding-top: 15px;
	overflow: hidden;
	background: url(../i/hero/TractorBoat-hero.jpg) no-repeat;
	}
	
	.hero h1 {
		width: 430px;
		height: 29px;
		margin: 0 0 0 20px;
		background: url(../i/content/h1-kiwisaver.png) bottom left no-repeat;
		}
		
	.hero h3 {
		width: 600px;
		height: 34px;
		margin: 0 0 10px 23px;
		background: url(../i/content/h2-madeeasy.png) center left no-repeat;
		}
	
	.hero p {
		font-size: 1.2em;
		padding: 0 360px 12px 20px;
		}
		
		.hero a {
			color: #008bb1;
			}
			
		.hero a:hover {
			border-bottom: 1px solid #008bb1;
			}
	
	.hero ul {
		width: 315px;
		margin: 0 0 12px 20px;
		}
		
		.hero li {
			clear: both;
			}
			
.benefit-table {
	margin-bottom: 1.8em;
	}
	
	.benefit-table th {
		background: #014d80;
		color: #fefefe;
		font-size: 1.2em;
		padding: 10px 10px 30px 10px;
		font-weight: bold;
		border-right: 1px solid #688fab;
		border-bottom: 1px solid #ccc;
		}

	.benefit-table td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 10px;
		font-size: 1.1em;
		line-height: 1.3636em;
		color: #777;
		}
		
		td.cell-section {
			font-size: 12px;
			font-weight: bold;
			background: #e4e6ea;
			border-left: 1px solid #ccc;
			}
			
			.cell-section a {
				color: #777;
				text-decoration: none;
				}
				
			.cell-section a:hover {
				color: #021654;
				}
			
		td.cell-limit {
			text-align: right;
			font: 1.8em/1em Georgia, "Times New Roman", Times, serif;
			color: #0088ae;
			background: url(../i/assets/bg-lightblue.png);
			}
			
			td.blue-bottom {
				padding: 6px 0;
				}
				
				td.blue-bottom span {
					padding-left: 10px;
					}
					
				td.blue-bottom em {
					padding-right: 10px;
					}
				
				td.blue-bottom img {
					width: 100%;
					height: 1px;
					margin: 6px 0;
					border-bottom: 1px solid #b1dbe7;
					}
			
			.cell-limit small, .cell-limit span {
				font-size: 0.5556em;
				}
				
			.cell-limit span {
				width: 75px;
				text-align: left;
				line-height: 2.2em;
				text-transform: uppercase;
				font-family: Arial, Helvetica, sans-serif;
				}
				
				span.short-line {
					line-height: 2.2em;
					}
			
a.toggle {
	font-weight: bold;
	color: #fff;
	background: #4da0b7;
	position: absolute;
	padding: 4px 11px;
	height: 17px;
	top: 3.3em;
	}
	
	a.individual-toggle {
		left: 21.5em;
		}
		
	a.family-toggle {
		left: 29.4em;
		}
		
	a.toggle span {
		font-size: 1.1em;
		}
	
	a.toggle:hover {
		background: #b1dbe7;
		}
		
	a.active-toggle, a.active-toggle:hover {
		cursor: default;
		color: #0088ae;
		background: #e4f2f6;
		border-bottom: 1px solid #eff2f6;
		}
		
.button {
	height: 47px;
	overflow: hidden;
	margin-left: -5px;
	text-decoration: none;
	position: relative;
	border-bottom: 0 !important;
	}
	
	.button span {
		height: 94px;
		display: block;
		}
		
	input.button, .step input.button {
		float: none;
		background-color: transparent;
		text-indent: 99em;
		text-indent: 0 !ie;
		overflow: hidden;
		border: 0;
		margin: 0;
		padding: 0;
		padding-left: 99em !ie;
		cursor: pointer;
		}
		
		.step input.float-right {
			float: right;
			}
		
	.button:hover span {
		margin-top: -47px;
		cursor: pointer;
		}
	
.btn-how-to-claim {
	position: absolute;
	right: 12px;
	top: 20px;
	width: 188px;
	}
	
	.btn-how-to-claim span {
		width: 188px;
		background-image: url(../i/assets/btn-claim.png);
		}
		
.btn-get-quote, .step input.btn-qet-quote {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 175px;
	}
	
	.hero .btn-get-quote {
		right: 25px;
		bottom: 25px;
		}
	
	.btn-get-quote span, .step input.btn-get-quote {
		width: 222px;
		background-image: url(../i/assets/btn-signupnow.png);
		}
	
		
.btn-buy-online-now {
	width: 210px;
	}
	
	.btn-buy-online-now span, .step input.btn-buy-online-now {
		width: 210px;
		background-image: url(../i/assets/btn-buy.png);
		}
		
.btn-sign-up, .btn-balance, .btn-sign-up-wide {
	display: block;
	width: 143px;
	border-bottom: none !important;
	}
	
	.btn-balance {
		height: 32px;
		}
		
		.btn-balance span {
			width: 139px;
			height: 64px;
			background-image: url(../i/assets/btn-checkbal.png);
			}
		
		.btn-balance:hover span {
			margin-top: -31px;
			}
	
	.btn-sign-up span, .step input.btn-sign-up {
		width: 143px;
		background-image: url(../i/assets/btn-signup.png);
		}
		
	.btn-sign-up-wide {
		width: 220px;
		background-image: url(../i/assets/btn-signup-wide.png);
		margin-left: 0;
		}
		
		.btn-sign-up-wide span {
			width: 220px;
			}

.btn-balance-l {
	display: block;
	border-bottom: none !important;
	}
		
	.btn-balance-l span {
		width: 220px;
		background-image: url(../i/assets/btn-checkmybalance.png);
		}

.btn-downloads {
	height: 32px;
	}
			
	.btn-downloads span {
		width: 114px;
		height: 64px;
		background-image: url(../i/assets/btn-download-s.png);
		}
		
		.btn-downloads:hover span {
			margin-top: -31px;
			}
	
.btn-start span, .btn-more span {
	width: 81px;
	height: 64px;
	background-image: url(../i/assets/btn-start.png);
	}
	
	.btn-start:hover span, .btn-more:hover span {
		margin-top: -31px;
		}
		
	.btn-more span {
		background-image: url(../i/assets/btn-more.png);
		}
						
.btn-login {
	width: 115px;
	height: 47px;
	display:block;
	}
	
	.btn-login span {
		width: 115px;
		height: 94px;
		background-image: url(../i/assets/btn-login.png);
		}
		
	.btn-login:hover span {
		margin-top: -47px;
		}
		
.call-to-action .btn-sign-up {
	margin-left: 0;
	}

.btn-school-nomination, .btn-school-register {
	width: 220px;
	display: block;
	margin-left: 0;
	}
	
	.btn-school-nomination span {
		background-image: url(../i/assets/btn-nominationschool.png);
		}
		
	.btn-school-register span {
		background-image: url(../i/assets/btn-schoolregister.png);
		}
		
.btn-review {
	display: block;
	width: 285px;
	}
	
	.btn-review span, .step input.btn-review {
		width: 285px;
		background-image: url(../i/assets/btn-review.png);
		}
		
.btn-submit {
	width: 105px;
	}

	.btn-submit span, #contact input.btn-submit, input.btn-send {
		width: 105px;
		float: right;
		border: none;
		margin-top: 20px;
		background-color: transparent;
		background-image: url(../i/assets/btn-send.png);
		}
		
		#contact input.btn-submit {
			float: left;
			margin-left: 88px;
			}
			
		input.btn-send {
			float: left;
			}
			
		.btn-submit span:hover{
			margin-top: -47px;
			}
		
.hero ul a {
	float: left;
	clear: both;
	}

.hero ul a span {
	width: 315px;
	}
	
	.individual span {
		width: 315px;
		height: 94px;
		background-image: url(../i/assets/btn-quate_individuals.png);
		}

	.employers span {
		width: 315px;
		height: 94px;
		background-image: url(../i/assets/btn-quate_employers.png);
		}

	.self span {
		width: 315px;
		height: 94px; 
		background-image: url(../i/assets/btn-quate_selfemployers.png);
		}
		
.hero .btn-sign-up {
	position: absolute;
	bottom: 5px;
	right: 14px;
	}

.btn-fix {
	float: left;
	margin-left: 83px;
	}
	
.btn-text {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
	color: #008bb1;
	line-height: 47px;
	margin-right: 1em;
	}
	
	.btn-text:hover {
		color: #021654;
		}
		
.quote-price {
	background: #014d80;
	padding: 10px;
	color: #fefefe;
	font-size: 1.2em;
	vertical-align: bottom;
	text-transform: uppercase;
	}
	
	.quote-price strong {
		font-size: 18px;
		line-height: 1em;
		font-weight: bold;
		white-space: nowrap;
		}
		
	.quote-price strong span {
		font-size: 32px;
		line-height: 1em;
		}
	
.quote-details, .benefit-qualifier {
	background: #cbe7ef;
	padding: 10px 8px;
	}
	
	.benefit-qualifier li {
		font-size: 11px;
		}
	
	.confirmation-area .quote-details {
		background: transparent;
		padding: 0;
		}
	
	.quote-details p {
		font-size: 11px;
		line-height: 2em;
		}
	
	.quote-details span {
		float: left;
		width: 65px;
		text-transform: uppercase;
		}
		
		.confirmation-area .quote-details span {
			font-size: 0.9090em;
			}
		
	.quote-details strong {
		font-weight: bold;
		font-size: 1.1818em;
		}
		
		.quote-details strong em {
			font-size: 1.2308em;
			font-weight: bold;
			}
		
	.quote-details a {
		font-size: 1.1em;
		}
		
.support {
	margin-top: 11px;
	margin-bottom: 11px;
	background: #008bb1 url(../i/assets/bg-footer_1-1.png) bottom left repeat-x;
	}
.support-two {
	height: 1%;
	background: url(../i/assets/bg-footer_2.png) bottom no-repeat;
}
	
	
.support-information, .support-information-two {
	height: 77px;
	overflow: hidden;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #008bb1 url(../i/assets/bg-footer_1-1.png) bottom left repeat-x;
	}
	
	.support-information-two {
		background: transparent;
		}
	
	#howToClaim {
		width: 520px;
		}
		
	#findOutCover {
		width: 299px;
		float: right;
		background: url(../i/assets/bg-footer_1-2.png) bottom right no-repeat;
		}
		#findOutCover h3, #findOutCover p {
		    font-size: 11px;
		}
	#moveToTower {
		width: 409px;
		padding-right: 10px;
		border-right: 1px solid #021655;
		}
	#fundPerformance {
		width: 410px;
		padding-right: 10px;
		}
		
	.support-information h3, .support-information-two h3, .support-information p , .support-information-two p {
		padding-left: 11px;
		}
		
		.support-information h3, .support-information-two h3 {
			padding-top: 14px;
			line-height: 1em;
			color: #fff;
			font-size: 11px;
			}
	
		.support-information p, .support-information-two p {
			color: #99c0d2;
			font-size: 11px;
			line-height: 1.1538em;
			padding-top: 0.3846em;
			padding-bottom: 0;
			padding-right: ;
			}
			
		.support-information p a, .support-information-two p a, .footer-check a {
			color: #fff;
			border-bottom: 1px solid #99c0d2;
			}
			
			.support-information p a:hover, .support-information-two p a:hover, .footer-check a:hover {
				border-bottom: 1px solid #fff;
				}
				
.support-image, .support-link {
	position: absolute;
	}

	.support-image {
		left: 370px;
		left: 378px !ie;
		width: 196px;
		height: 115px;
		background: url(../i/content/bookletplusshadow.png);
		bottom: 88px;
		bottom: 88px !ie;
		z-index: 98;
		}
		
	.support-link {
		left: 327px;
		left: 328px !ie;
		width: 156px;
		height: 47px;
		z-index: 99;
		bottom: 94px;
		bottom: 95px !ie;
		}
			.support-link span {
				width: 156px;
				background-image: url(../i/assets/btn-download.png);
				}
				
.step {
	overflow: hidden;
	padding: 18px 28px;
	border-bottom: 1px solid #021654;
	}
	
	.off {
		padding: 0;
		height: 39px;
		text-align: right;
		}
		
	#step1.off {
		background: url(../i/content/h2-quote-off-step1b.png);
		}
		
		#step1.complete {
			background: url(../i/content/h2-quote-off-step1.png);
			}
	
	#step2.off {
		background: url(../i/content/h2-quote-off-step2b.png);
		}
		
		#step2.complete {
			background: url(../i/content/h2-quote-off-step2.png);
			}
		
	#step3.off {
		background: url(../i/content/h2-quote-off-step3b.png);
		}
		
	fieldset h3 {
		height: 30px;
		background-repeat: no-repeat;
		margin-bottom: 25px;
		}
		
	fieldset fieldset h4 {
		color: #021654;
		font-size: 12px;
		font-weight: bold;
		padding: 0 0 8px 0;
		text-transform: none;
		}
		
	.step fieldset p {
		padding-left: 20px;
		font-size: 1.2em;
		}
		
		.step p.note, #step2 p.disclaimer {
			font-size: 1.1em;
			line-height: 1.4545em;
			color: #999;
			}
			
			#step1 fieldset p.note {
				position: absolute;
				width: 230px;
				top: 215px;
				padding: 0;
				}
				
			#step2 fieldset p.note {
				clear: both;
				float: left;
				margin-top: -12px;
				padding-left: 88px;
				}
				
				#step2 p.disclaimer {
					width: 410px;
					padding: 5px;					
					float: left;
					margin-bottom: 15px;
					color: #666;
					}
					
					#step2 fieldset p.disclaimer a#disclaimer-link {
						float: none;
						display: inline;
						margin: 0;
						}
				
			#step1 .confirmation-table {
				width: 780px;
				margin: 10px auto;
				}
				
				.quote-details a {
					border: none;
				}
				
		p#date-total-message {
			padding: 4px 0 0 0;
			font-size: 1.1em;
			color: #777;
			}
				
	fieldset label a, fieldset fieldset a {
		color: #999;
		padding-left: 4px;
		float: none;
		margin: 0;
		text-decoration: underline;
		}
		
		fieldset a {
			color: #999;
			float: left;
			text-decoration: underline;
			margin: 6px 0 0 4px;
			}
		
		fieldset label a:hover, fieldset fieldset a:hover, fieldset a:hover {
			color: #008bb1;
			}
			
		fieldset fieldset, .disclaimer fieldset {
			background: #cbe7ef;
			padding: 8px;
			margin: 10px 0;
			width: 411px;
			}
			
			.disclaimer fieldset {
				border: 0;
				margin: 10px 0 0 0;
				width: 370px;
				min-height: 110px;
				}
				
				.disclaimer fieldset label {
					font-size: 1.1em;
					font-weight: normal;
					}
				
				.additional-optin label {
					width: 138px;
					}
					
					.additional-optin .short {
						width: 65px;
						}
					
				.disclaimer fieldset p {
					padding-left: 0;
					font-size: 1.2em;
					}
		
	#step1 fieldset {
		position: relative;
		height: 300px;
		}
		
		.form-who {
			width: 255px;
			}
			
		.form-where {
			width: 231px;
			padding: 0 18px;
			margin: 0 18px;
			border-left: 1px solid #e7e7e7;
			border-right: 1px solid #e7e7e7;
			}
			
		.form-when {
			width: 220px;
			}
		
		.step label, .contact-form label {
			float: left;
			font-weight: bold;
			font-size: 1.3em;
			margin-bottom: 0.5em;
			margin-right: 8px;
			}
			
			#step2 label, #step3 label, .contact-form label {
				margin-top: 6px;
				font-size: 1.1em;
				font-weight: normal;
				margin-bottom: 1.5em;
				width: 80px;
				text-align: right;
				}
				
				#step3 label {
					width: 115px;
					text-align: left;
					}
				
				#step2 fieldset fieldset label, #step3 fieldset fieldset label {
					width: auto;
					line-height: 1.4545em;
					margin-top: 0;
					margin-right: 2px;
					margin-bottom: 0;
/*					padding-bottom: 12px;	*/
					text-align: left;
					}
					
			.step label.auto, #step2 label.auto, #step3 label.auto, .contact-form label.auto {
				width: auto;
				text-align: left;
				}
			
			.step label span, .contact-form label span {
				font-size: 0.8462em;
				font-weight: normal;
				}
				
			.step label.date {
				width: 40px;
				margin-top: 5px;
				text-align: right;
				margin-right: 0;
				}
				
		.step input, .step select, .contact-form input, .contact-form select, .contact-form textarea {
			float: left;
			font-size: 1.3em;
			color: #222;
			margin: 3px 5px 5px 5px;
			padding: 3px 0 3px 6px;
			vertical-align: middle;
			background: #fff;
			border: 1px solid #ccc;
			font-family: Arial, Helvetica, sans-serif;
			}
			
			.step select, .contact-form select {
				padding: 0;
				border-right: 0;
				}						
				
			.contact-form textarea {
				width: 325px;
				height: 85px;
				}
			
			.step input.input-date {
				margin-left: 8px;
				width: 110px;
				}
				
			.step .f-checkbox, .step .f-radio, .step .f-checkbox input, .step .f-radio input, .f-checkbox {
				border: 0;
				padding: 0;
				background: transparent;
				}
				
				.additional-optin label .f-checkbox, fieldset label.auto .f-checkbox, .f-checkbox {
					vertical-align: middle;
					margin-top: 1px;
					margin-top: -2px !ie;
					margin-bottom: 2px;
					}
					
				.f-checkbox {
					text-align: left !important;
					width: auto;
					margin-right: 15px;
					}
					
					.f-checkbox input {
						vertical-align: middle;
						margin-top: 0;
						}
				
			.f-long {
				width: 325px;
				}
				
			.f-medium {
				width: 200px;
				}
				
			.f-short {
				width: 135px;
				}
				
			.f-mini {
				width: 33px;
				}
				
		fieldset fieldset a {
			padding-left: 0;
			}
			
	.error {
		position: absolute;
		top: 35px;
		font-size: 1.1em;
		color: #c11b17;
		}
		
		.errors {
			font-size: 1.1em;
			color: #c11b17;	
		}
		.glossary-info .error {
			position: static;
			top: 0;
			font-size: 1em;
			}

		#step2 .error {
			position: static;
			display: block;
			clear: both;
			margin: 0;
			padding: 0;	
			margin-left: 90px;
			}
		
		#step3 .error {
			float: left;
			position: static;
			padding: 4px 0 0 15px;
/*			margin-left: 130px;	*/
			}
			
		#step-review .error 
		{
			position: static;
			float: left;
		}
			
		#contact .error {
			position: static;
			}
		
	.card-image {
		float: left;
		width: 32px;
		height: 20px;
		margin: 4px 0 0 4px;
		background-position: bottom;
		}
		
		#card-visa {
			background-image: url(../i/assets/visa.jpg);
			}
			
		#card-mastercard {	
			background-image: url(../i/assets/mastercard.jpg);
			}
			
		#card-amex {
			background-image: url(../i/assets/amex.jpg);
			}
			
		.selected-type {
			background-position: top;
			}
			
	.check-all {
		display: block;
		padding: 2px 0;
		padding-left: 22px;
		}
			
.form-message {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	background: #cbe7ef;
	}
	
	#step3 .form-message {
		top: -20px;
		}
	
	.form-message strong {
		font-weight: bold;
		}
		
	div.form-message p {
		padding: 0 12px 12px 12px;
		}
		
	.form-message h3 {
		text-indent: 0;
		padding: 12px 12px 0 12px;
		margin: 0;
		height: auto;
		font: normal 22px/1em Georgia, "Times New Roman", Times, serif;
		}
		
	.form-message h4 {
		text-transform: none;
		color: #021654;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 5px 12px 0 12px;
		}
		
.privacy-message {
	top: 360px;
	}

.privacy-message a {
	margin: 0 0 8px 0;
	font-size: 11px;
	}
	
.privacy-message {
	padding-bottom: 8px !ie; 
}
	
.privacy-message h4 {
	margin: 0 0 2px 0;
	}
		
.information-list {
	text-align: right;
	padding-right: 15px;
	height: 39px;
	overflow: hidden;
	}

.information-list li {
	display: inline;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 39px;
	color: #535353;
	padding: 0 5px;
	}
	
	.information-list strong {
		font-size: 1.3846em;
		}
	
	.information-list .price {
		padding: 0 8px;
		}
		
	.bordered-list-item {
		border-left: 1px solid #535353;
		border-right: 1px solid #535353;
		}
	
	.information-list a {
		font-size: 0.8462em;
		color: #535353;
		text-decoration: underline;
		border: none;
		}
		
		.information-list a:hover {
			color: #008bb1;
			border: none;
			}
			
.confirmation-area {
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
	}
	
	.confirmation-area a, .confirmation-area a:hover {
		border: none;
		}
		
	.top-border {
		border-top: 1px solid #ccc;
		}
	
	.confirmation-area h3 {
		padding-bottom: 8px;
		}
		
		.confirmation-area h3 a {
			font-size: 0.6875em;
			line-height: 1em;
			color: #999;
			vertical-align: middle;
			padding-left: 4px;
			text-decoration: underline;
			}
			
			.confirmation-area h3 a:hover {
				color: #008bb1;
				}
				
	.check-email {
		width: 220px;
		margin: 44px 50px 0 0;
		}
	
	.confirmation-area p {
		padding-bottom: 0;
		}
		
	.confirmation-area strong {
		font-weight: bold;
		}
		
#benefits {
	width: 413px;
/*	background: url(../i/assets/bg-lightblue.png);	*/
	}
	
	.benefit-div a, .benefit-div a:hover {
		border: none;	
		}
	
	.benefit-item {
		padding: 10px 20px 20px 15px;
		}
		
		.benefit-item h3 {
			font-size: 1.8em;
			border-bottom: 1px solid #a9c2c9;
			padding: 0 0 4px 0;
			margin: 0 0 12px 0;
			}
			
		.benefit-item ul, .benefit-item ol, .benefit-item table {
			border-bottom: 1px solid #a9c2c9;
			}
			
		.benefit-item ul, .benefit-item ol {
			font-size: 1.1em;
			padding: 0 0 10px 0;
			margin: 0 0 15px 0;
			}
			
			.benefit-item table {
				padding-bottom: 10px;
				margin-bottom: 10px;
				}
			
			.benefit-item table ul {
				border: 0;
				margin: 0;
				padding: 0;
				font-size: 1.0083em;
				line-height: 1.3636em;
				}
				
				.benefit-item table ul li {
					margin-left: 10px;
					}
				
			.benefit-item table td {
				padding: 10px;
				font-size: 1.0909em;
				}
			
			.benefit-item td.benefit-limit {
				background: #89c9da;
				color: #fff;
				font-size: 1.2em;
				font-weight: bold;
				width: 100px;
				border-right: 3px solid #e4f2f6;
				vertical-align: top;
				}
				
			.benefit-item ul li {
				margin: 0 0 5px 25px;
				list-style-type: disc;
				}
			
		.benefit-item p strong {
			font-size: 1.1818em;
			}
				
#benefits .cover-amount {
	padding-bottom: 8px;
	border-bottom: 0;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	.cover-amount span {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		}
		
	.cover-amount strong {
		font-size: 18px;
		font-weight: normal;
		padding-right: 20px;
		}
		
	#benefits .cover-amount td {
		padding: 0;
		width: 50%;
		}
				
.benefit-cover {
	height: auto;
	overflow: hidden !ie;
	background: url(../i/assets/details-col1-wide.png) top right repeat-y;
	}
	
	.benefit-cover a, .benefit-cover a:hover {
		border: none;
		}
		
.content .benefit-list {
	width: 205px;
	font-size: 1.2em;
	line-height: 1.3333em;
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
/*	background: url(../i/assets/details-col1.png) top right repeat-y;	*/
	}
	
	.benefit-list li {
		list-style-type: none;
		padding: 9px 18px 9px 20px;
		}
		
		.benefit-list .current {
			background: url(../i/assets/details-arrow.png) center right no-repeat;
			}
		
	.benefit-list a {
		color: #777;
		font-weight: bold;
		}
		
		.benefit-list a:hover, .benefit-list .current a {
			color: #021654;
			}
		
.glossary-info {
	position: absolute;
	width: 322px;
	font-size: 1.1em;
	line-height: 1.4545em;
	margin-left: -136px;
	}
	
	.glossary-header {
		height: 30px;
		background: url(../i/assets/glossary-top.png) top repeat-y;
		}
		
		.glossary-info p.intro, .glossary-header h2 {
			display: none;
			}
		
	.glossary-content {
		padding: 0 35px 5px 35px;
		background: url(../i/assets/glossary-middle.png) top repeat-y;
		}
		
	.glossary-footer {
		height: 50px;
		line-height: 30px;
		background: url(../i/assets/glossary-bottom.png) top repeat-y;
		}
		
	.glossary-info p {
		font-size: 1em;
		line-height: 1.3636em;
		padding-bottom: 1em;
		clear: both;
		}
		
		p.glossary-title {
			font-size: 1.1818em;
			color: #fefefe;
			background: #000;
			float: left;
			padding: 3px 8px;
			margin: 0 0 12px 0;
			font-weight: bold;
			}
	
	.glossary-info ul {
		padding: 5px 0 10px 15px;
		}
			
		.glossary-info li {
			list-style-type: disc;
			}
		
	.glossary-info a {
		text-indent: 35px;
		display: block;
		color: #333;
		text-decoration: underline;
		}
		
		.glossary-info a:hover {
			color: #008bb1;
			}
				
#faq h3 {
	}
	
	#faq ul, #faq ol {
		padding: 0 0 15px 0;
		margin: 0;
		}
		
		#faq ul ul, #faq ul ol, #faq ol ol, #faq ol ul {
			padding-bottom: 0;
			}
	
	#faq li {
		margin: 0 0 4px 0;
		list-style-type: none;
		}
		
		#faq li li li {
			margin: 4px 0 0 0;
			padding-bottom: 0;
			}
		
		#faq a {
			color: #008bb1;
			border-bottom: 1px solid #008bb1;
			}
			
			#faq a:hover {
				color: #021654;
				border-bottom-color: #021654;
				}
				
		#faq h4 {
			color: #021654;
			}
		
		#faq li div {
			display: none;
			font-size: 0.9090em;
			}
		
		#faq .answer-shown div {
			display: block;
			margin: 8px 25px 0 0;
			color: #222;
			}
			
ul.general-exclusions, .intro ul {
	margin: 0 0 0 15px;
	padding: 0;
	}
	
	.general-exclusions li, .intro li {
		padding-bottom: 6px;
		}
		
	.general-exclusions ul {
		margin-bottom: 0;
		padding-bottom: 0;
		}
	
	.general-exclusions ul li {
		list-style-type: square;
		padding-bottom: 2px;
		}
		
.sidebar-fix {
	background: url(../i/assets/sidebar.png) top right repeat-y;
	}
	
	.alt-column .sidebar-fix .sidebar {
		background: url(../i/spacer.gif);
		}
		
#qualifying-statements .too-much input {
	margin-bottom: 20px;
	}
	
#step-review .too-much input {
	margin-bottom: 25px;
	}
	
#qualifying-statements .too-much input {
	margin-bottom: 35px;
	}	

/* --
	Footer
-- */			
#footerContainer {
	margin-top: -15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

.footer-check {
	float: left;
	white-space: nowrap;
	margin-bottom: 15px;
	}
			
	#safeTravel {
		border-right: 1px solid #008bb1;
		padding: 0 3.5em 0 1.5em;
		}
		
	#passportCheck {
		padding-left: 3.5em;
		background: #008bb1 url(../i/assets/bg-footer.png) bottom no-repeat;
		}
		
	.footer-check h4, .footer-check p {
		display: inline;
		font-size: 1.3em;
		}
		
		.footer-check h4 {
			padding-right: 4px;
			}
			
		.footer-check p {
			color: #9aa2bb;
			}
		
.footer-nav {
	width: 820px;
	margin: 0px auto;
	text-align: left;
	color: #4b5a88;
	font-size: 1.1em;
	}
		
	.footer-nav a {
		color: #4b5a88;
		padding-right: 6px;
		margin-right: 6px;
		border-right: 1px solid #4b5a88;
		}
			
		.footer-nav a:hover {
			color: #9aa2bb;
			}
		
		.last a {
			border: 0;
			margin: 0;
			padding: 0;
			}
			
#step-review label.inlineInput input, #step-review label.inlineInput select {
	float: none;
	} 
	
#step-review #lblInterestOther {
	width: 350px;
	}
	
.red {
	color: #E00;
	}

.mandatory {
	color: #999;
	}
table {
	font-size: 12px;
}


/*
����������������������������������������
  = ORIGINAL FORM STYLING (any froms in tables)
����������������������������������������
*/

form input, form input, form select, form textarea {
	margin-bottom: 8px;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #999;
}

.submit, .back {
		float: left;
}
 h5 {
	font-size: 1.6em;
	color: #122359;
	margin-top: 18px;
	margin-bottom: 10px;
}
.sub-btn{
	color: #FFF;
	padding: 3px 8px 3px 8px !important;
	background: #0b81a9;
	border: 1px solid #122359;
}
.sub-btn:hover {
	background: #122359;
	border: 1px solid #0b81a9;
}


/*
����������������������������������������
  = UNIQUE CONTENT STYLING
����������������������������������������
*/

.content-highlight {
	background: #e4f2f6;
	padding: 2em;
	margin: 1em 0;
	height: 1% !ie;
	}
	
.content-highlight h3, .content-highlight h4 {
	margin-top: 0;
	padding-top:0;
	}

.news-item {
	border-top: 1px solid #ccc;
	margin-top: 2em;
	}

#performancetable td {
	font-size: 1.16666em;
	font-weight: bold;
	}
	
#performancetable td h4 {
	font-size: 1em;
	font-weight: normal;
	}
	
#performancetable td h4 a{
	border: 0;
	text-decoration: none;
	font-weight: normal;
	}
	
#performancetable tbody td{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

#performancetable input.rbQ { 
	border-style: none;
	outline-style: none;
	text-align: center;
}

#performancetable td.valueCol, #performancetable td.valueCol p {
	text-align: center;
}
	
a.getacrobat {
	border: 0;
	float: right;
	display: block;
	margin-right: 20px;
	margin-top: -18px;
	margin-top: -28px !ie;
	}
	
	a.getacrobat:hover  {
	border: 0;
	}


/*
	SHOW/HIDE QUESTIONS (also has styling in IE.css
*/


.faq h3 {
	margin-top: 0;
	color: #0088ae;
	border-bottom: 1px solid #B4DBE8;
	border: 0 !ie;
	cursor: pointer;
	cursor: default !ie;
	padding-bottom: 0;
	float: left;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	}
	
	.faq h3:hover {
		color: #021654;
		color: #0088ae !ie;
		border-bottom: 1px solid #889BB6;
		border: 0 !ie;
		}

.faq div {
	clear: both;
	}
	
input.f-error, textarea.f-error, .p-error {
	background: #f8e7ea;
	}
	
.p-error {
	padding: 8px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #be0f34;
	}
