.typeface-js {
	font-family: "ITC Lubalin Graph Std", Arial, Helvetica, sans-serif;
	font-style: normal !important;
}

.wrapper {
	width: 895px;
	margin: 0 auto;
	position: relative;
}

.off-screen {
	position: absolute;
	left: -9000px;
}

.corners {
	position: relative;
}
	.corners .c-lt, .corners .c-rt, .corners .c-rb, .corners .c-lb {
		width: 20px;
		height: 20px;
		overflow: hidden;
		position: absolute;
	}
		.corners .c-lt { left: 0; top: 0; }
		.corners .c-rt { right: 0; top: 0; }
		.corners .c-rb { right: 0; bottom: 0; }
		.corners .c-lb { left: 0; bottom: 0; }
		
	.corners .c-lt i, .corners .c-rt i, .corners .c-rb i, .corners .c-lb i {
		position: relative;
		display: block;
		width: 40px;
		height: 80px;
		overflow: hidden;
		background: url(/img/rounded-corners.png) 0 0 no-repeat;
	}
		.corners .c-lt i { margin: 0; }
		.corners .c-rt i { margin: 0 0 0 -20px; }
		.corners .c-rb i { margin: -20px 0 0 -20px; }
		.corners .c-lb i { margin: -20px 0 0; }
		
		.corners-2 .c-lt i { margin: -40px 0 0; }
		.corners-2 .c-rt i { margin: -40px 0 0 -20px; }
		.corners-2 .c-rb i { margin: -60px 0 0 -20px; }
		.corners-2 .c-lb i { margin: -60px 0 0; }

.legend {
	padding: 1.5em 0 0;
	color: #999;
}

/**
 * -------- HEADER --------
 */
#header {
	padding: 0 0 16px;
}

/**
 * -------- CONTENT --------
 */
#content {
	overflow: hidden;
	width: 100%;
}
	#content .left {
		width: 660px;
		float: left;
	}
	#content .right {
		width: 168px;
		float: right;
	}

.text {
	padding: 0 0 6px;
	line-height: 1.3em;
}
	.text ul {
		padding: 0 0 0.6em;
	}
		.text ul li {
			margin-left: 20px;
		}
	.text-normal p {
		padding: 0 0 1em;
	}
	.text-normal ul {
		padding: 0 0 2em;
	}
	.text-normal h2 {
		padding: 0.5em 0 0.75em;
		line-height: 1em;
	}

.text-large {
	font-family: "ITC Lubalin Graph Std", Arial, Helvetica, sans-serif;
	font-size: 1.307em;
	line-height: 1.235em;
	color: #002E56;
	padding-top: 1px;
}
	.text-large p {
		padding: 0 0 0.73em;
	}
	.text-large a:hover {
		text-decoration: none;
	}
	
.text-large-home {
	font-size: 1.461em;
	line-height: 1.105em;
}

.buttons {
	overflow: hidden;
	width: 100%;
	padding: 0;
}
	.buttons .button {
		float: left;
		background: url(/img/button.png) 0 -25px repeat-x;
		height: 25px;
		overflow: hidden;
	}
	.buttons .button .l {
		background: url(/img/button.png) 0 0 no-repeat;
	}
	.buttons .button .r {
		background: url(/img/button.png) 100% -50px no-repeat;
	}
	.buttons .button a {
		display: inline-block;
		padding: 3px 18px 0 17px;
		font-size: 1.307em;
		font-weight: bold;
		line-height: 25px;
		height: 22px;
		color: #fff;
		text-decoration: none;
		cursor: pointer;	
	}
	.buttons .button span,
	.buttons .button label,
	.buttons .button canvas {
		cursor: pointer;
	}
	.buttons .button v:shape {
		cursor: pointer;
	}
	
	.buttons .disabled span,
	.buttons .disabled label,
	.buttons .disabled canvas,
	.buttons .disabled a {
		cursor: default !important;
	}
	.buttons .disabled v:shape {
		cursor: default !important;
	}
	
.button-next,
.button-submit {
	width: 103px;
	height: 45px;
	display: inline-block;
}
	.button-next input,
	.button-submit input {
		width: 103px;
		height: 45px;
		margin: 0;
		display: block;
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		z-index: 1;
		cursor: pointer;
		vertical-align: middle;
		border: 0;
	}
	.button-next,
	.button-submit {
		text-align: center;
		color: #fff;
		background: url(/img/button-next.png) 0 0 no-repeat;
		
		font-size: 1.307em;
		font-weight: bold;
		line-height: 32px;
	}
	.button-next .typeface-js,
	.button-submit .typeface-js {
		padding: 10px 10px 0 0;
	}
	.button-submit {
		background: url(/img/button-submit.png) 0 0 no-repeat;
		font-size: 1.416em;
	}

.img {
	padding: 17px 0 0;
}
	.img img {
		display: block;
	}

/**
 * -------- PROMO --------
 */
#promo {
	background: #EBECED;
	padding: 17px 20px 13px;
	
	text-align: center;
	font-size: 1.076em;
	line-height: 1.071em;
	color: #3F3E43;
}
	#promo h2 {
		background: url(/img/icon-phone.png) 2px 0 no-repeat;
		padding: 0 0 6px 38px;
		
		text-align: left;
		font-size: 1.214em;
		font-weight: bold;
		line-height: 1.117em;
		color: #464548;
	}
		
	#promo strong {
		display: block;
		padding: 6px 0 0;
		
		font-size: 1.214em;
		font-weight: bold;
		line-height: 1.117em;
		color: #0093D1;
	}
		
	#promo small {
		display: block;
		padding: 3px 0 0;
		
		color: #89898A;
		font-size: 0.785em;
		line-height: 1.09em;
	}

/**
 * -------- FOOTER --------
 */
#footer {
	margin: 22px 0 12px;
	color: #999;
	font-size: 0.846em;
	line-height: 1.181em;
	border-top: 1px solid #E5E5E5;
}
	#footer .nav {
		overflow: hidden;
		width: 100%;
		border-bottom: 1px solid #F2F2F2;
		list-style: none;
	}
	#footer .nav a {
		color: #999;
	}
	#footer .nav li {
		float: left;
		padding: 7px 13px 6px 0;
	}
	
	#footer .nav-level-1 a {
		color: #575757;
	}
	
	#footer img {
		position: absolute;
		right: 0;
		margin-top: 9px;
	}
	#footer img.logo-2 {
		right: 150px;
	}
	#footer p {
		padding: 4px 270px 0 0;
	}
	#footer p a {
		color: #999;
		text-decoration: underline;
	}
		#footer p a:hover {
			text-decoration: none;
		}
		
	#footer .bottom {
		padding-top: 3px;
	}
	#footer .build {
		position: absolute;
		right: 10px;
		margin-top: 63px;
		text-align: center;
		padding: 0;
	}
	
/**
 * -------- HOME PAGE --------
 */
.heading-home {
	padding: 21px 0 4px;
}

.wizard {
	background: #0093D1;
	color: #fff;
	
	padding: 13px 0 11px;
	margin: 3px 0 0;
}
	.wizard a {
		color: #99E1FF;
	}
	
	.wizard ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
	}
	.wizard li {
		background: url(/img/wizard-border.png) 0 0 repeat-y;
		
		float: left;
		padding: 8px 18px 9px 20px;
		height: 83px;
		width: 213px;
	}
		.wizard li.first {
			background: none;
		}
		.wizard li.last {
			width: 117px;
		}
	 
	.wizard h2 {
		padding: 8px 0 12px 57px;
		font-size: 1.307em;
		font-weight: bold;
		line-height: 1.117em;
		color: #fff;
	}
	
	.wizard p {
		padding: 5px 0 2px 20px;
	}
	
	.wizard .icon-1 {
		background: url(/img/icon-1.png) 0 0 no-repeat;
	}
	.wizard .icon-2 {
		background: url(/img/icon-2.png) 0 0 no-repeat;
	}
	.wizard .icon-3 {
		background: url(/img/icon-3.png) 0 0 no-repeat;
	}
	
	.wizard select {
		width: 216px;
	}
	
	.wizard .button {
		background: url(/img/button-wizard.png) 0 0 no-repeat;
		width: 115px;
	}
		.wizard .button .r {
			background: url(/img/button-wizard.png) 100% -24px no-repeat;
		}
		.wizard .button span {
			display: block;
			width: 115px;
			height: 21px;
			padding-top: 3px;
			
			font-size: 1.307em;
			font-weight: bold;
			line-height: 1em;
			text-align: center;
			color: #fff;
		}
		.wizard .button input {
			background: none;
			
			z-index: 1;
			position: absolute;
			opacity: 0;
			
			height: 24px;
			width: 115px;
			border: 0;
			padding: 0;
			margin: 0;
			cursor: pointer;
		}
		
		.wizard .button .typeface-js-selected-text {
			display: none;
		}
	
.img-list {
	margin: 23px 0 0;
	overflow: hidden;
	width: 100%;
	list-style: none;
}
	.img-list li {
		float: left;
		width: 149px;
		padding: 0 0 0 21px;
	}
	.img-list li.first {
		padding: 0 1px 0 0;
	}
	
/**
 * -------- CUSTOM SELECT DROPDOWN --------
 */
.select {
	background: #fff;
	border: 1px solid #314960;
	position: relative;
}
	.select a {
		display: block;
		padding: 5px 23px 3px 6px;
		color: #002E56;
		text-decoration: none;
		background: url(/img/dropdown.png) 100% 0 no-repeat;
		white-space: nowrap;
		height: 15px;
		cursor: pointer;
		font-size: 1.077em;
		line-height: 1em;
		text-align: left;
	}
	.select a:hover {
		background: url(/img/dropdown.png) 100% -23px no-repeat;
	}
	.select span {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	
.select-dropdown {
	display: none;
	position: absolute;
	z-index: 1;
	
	margin: 24px 0 0;
	font-size: 1.077em;
	line-height: 1em;
	
	border: 1px solid #314960;
	border-top: 0;
}
	.select-dropdown ul {
		background: #fff;
		list-style: none;
		padding: 1px 0;
		max-height: 300px;
		overflow: hidden;
		overflow-y: auto;
	}
	.select-dropdown span {
		display: none;
	}
	.select-dropdown li {
		padding: 0 1px;
		zoom: 1;
	}
	.select-dropdown a {
		color: #002E56;
		background: #fff;
		text-decoration: none;
		display: block;
		cursor: pointer;
		padding: 4px 5px;
		overflow: hidden;
	}
	.select-dropdown .hover a {
		background: #002E56;
		color: #fff;
	}

/**
 * -------- METERES --------
 */
.meters {
	width: 100%;
	font-size: 0.923em;
	margin: 8px 0 0;
}
	.meters td {
		width: 33%;
		background: url(/img/meters-border.gif) 0 0 no-repeat;
		text-align: center;
		vertical-align: top;
		padding: 0 0 4px 1px;
	}
	.meters img.img {
		margin-top: 5px;
	}
	.meters td.first {
		background: none;
	}
	
	.meters h2 {
		font-size: 1.416em;
		font-weight: bold;
		color: #0091CF;
		line-height: 1.2em;
		padding: 0;
	}
	.meters .info {
		position: relative;
		margin-top: -5px;
	}
	.meters p {
		color: #333;
		padding: 0 15px;
		line-height: 1.25em;
	}
	.meters p.small {
		color: #999;
		font-size: 0.83em;
		padding: 5px 15px;
	}
	
	.meters .button, .meters .button div {
		display: inline-block;
		float: none;
	}
	.meters .button a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.meters .select {
		width: 132px;
		margin: 9px 0 0 100px;
	}
	
	.meters .button {
		margin-top: 6px;
	}
	.meters .button-confirmed {
		width: 85px;
		height: 31px;
		position: relative;
		display: none;
		background: url(/img/button-confirm.png) 0 0 no-repeat;
	}
		.meters td.confirmed .button {
			display: none;
		}
		.meters td.confirmed .button-confirmed {
			display: inline-block;
		}
	
	.buttons-nav .button-next,
	.meters .buttons .button a {
		font-size: 1.416em;
	}
	
.buttons-nav {
	text-align: center;
}
	.buttons-nav .button-next {
		margin-left: 24px;
	}

.promo {
	padding: 4px 0 0;
}
	.promo .l, .promo .r, .promo .c {
		background: url(/img/promo.png) 0 0 no-repeat;
	}
	.promo .c {
		background-position: 0 -139px;
		background-repeat: repeat-x;
	}
	.promo .l {
		padding: 25px 0 0 125px;
	}
	.promo .r {
		height: 97px;
		background-position: 100% -253px;
		padding: 7px 16px 10px 9px;
		overflow: hidden;
	}
	.promo .text {
		width: 420px;
		float: left;
		line-height: 1.30em;
		color: #333;
	}
		.promo .text p {
			padding: 0;
		}
		.promo p.unavailable {
			font-size: 0.923em;
			padding-top: 3px;
		}
		.promo p.legend {
			padding: 10px 0;
			color: #999;
		}
		
	.promo .dropdown {
		float: right;
		width: 73px;
		padding: 37px 0 0;
	}

/**
 * -------- POPUP --------
 */
.popup-back {
	background: #fff;
	opacity: 0.9;
	filter: alpha(opacity=90);
	width: 100%;
	height: 100%;
	
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}
.popup {
	background: url(/img/popup.png) 0 0 no-repeat;
	width: 266px;
	height: 276px;
	padding: 75px 135px 0 145px;
	
	text-align: center;
	
	display: none;
	position: absolute;
	z-index: 11;
}
.popup-text-long {
	padding-right: 100px;
	padding-left: 110px;
	width: 336px;
}
	.popup h2 {
		font-size: 3.2em;
		font-weight: normal;
		line-height: 1.2em;
		color: #0092CF;
		padding: 0 0 9px;
	}
	.popup a:hover {
		text-decoration: none;
	}
	.popup p {
		font-size: 15px;
		line-height: 20px;
		color: #333;
		padding: 0 0 20px;
		width: 100%;
	}
	.popup a sup {
		display: inline !important;
	}
	.popup .buttons {
		text-align: center;
	}
		.popup .button,
		.popup .button div {
			display: inline-block;
			float: none;
			width: 85px;
		}
		
		.popup .button a {
			font-size: 1.36em;
			padding-top: 4px;
			height: 21px;
			cursor: pointer;
		}
		
/**
 * -------- FORM --------
 */
.form {
	background: #EBECED;
	padding: 20px 82px 19px 89px;
	color: #666;
	font-size: 0.923em;
	line-height: 1.166em;
}
.form label {
	vertical-align: middle;
}

.form h3 {
	font-size: 1.333em;
	padding: 1px 0 6px;
}
.form h4 {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
}
.form p {
	padding: 0 0 4px;
}
	.form p strong {
		color: #333;
	}

.form fieldset {
	padding: 17px 0 18px;
	overflow: hidden;
	width: 100%;
}
	.form fieldset .left {
		width: 279px !important;
	}
	.form fieldset .right {
		width: 210px !important;
	}

.form .field {
	padding: 2px 0;
	text-align: left;
	width: 100%;
	position: relative;
}
	.form .field input.text {
		width: 208px;
		height: 23px;
		border: 1px solid #BCC3CA;
		padding: 3px 4px 0;
		line-height: 21px;
		color: #7A7A7A;
	}
	* html .form .field input.text {
		margin-left: -3px;
	}
	
	.form .field label {
		position: absolute;
		line-height: 23px;
		padding: 1px 6px 0;
		color: #7A7A7A;
	}
		.form .label-normal label {
			position: static;
			padding-left: 0;
			display: inline-block;
			width: 180px;
			line-height: 1em;
		}
		.form .label-line label {
			display: block;
			padding: 0;
			margin: 0;
			position: static;
			line-height: 1em;
			padding: 0px 0 4px;
		}
		.form .label-left label {
			display: inline-block;
			position: static;
			padding: 0;
			margin: 0;
			width: 131px;
			line-height: 1.214em;
		}
		
		.form .label-normal label,
		.form .label-line label,
		.form .label-left label {
			font-size: 1.166em;
		}
	
	.form .field .required,
	.form .field-radios .required {
		position: absolute;
		display: block;
		width: 8px;
		height: 8px;
		overflow: hidden;
		background: url(/img/icon-required.png) 0 0 no-repeat;
		margin: 7px 0 0 216px;
	}
	.form .field .required-hidden,
	.form .field-radios .required-hidden {
		display: none;
	}
	* html .form .field .required,
	* html .form .field-radios .required {
		left: 0;
		top: 0;
	}
	*:first-child+html .form .field .required,
	*:first-child+html .form .field-radios .required {
		left: 0;
		top: 0;
	}
		.form .label-normal .required {
			margin-left: 403px;
		}
		.form .label-line .required {
			margin-top: 30px;
		}
		.form .field .required-close {
			margin-left: 269px;
		}
		.form .field .required-close-2 {
			margin-left: 287px;
		}
		.form .field-radios .required {
			margin: 4px 0 0 71px;
		}
	
	.form .field .select {
		border-color: #BCC3CA;
		width: 206px;
	}
		.form .label-normal .select {
			display: inline-block;
			vertical-align: middle;
		}
		.form .field .select a {
			color: #555;
			font-size: 1em;
			padding: 4px 23px 2px 6px;
			background-position: 100% -47px;
		}
		.form .field .select a:hover {
			background-position: 100% -70px;
		}
		.form-select-dropdown {
			border-color: #BCC3CA;
			font-size: 0.923em;
			margin-top: 22px;
		}
		.form-select-dropdown a {
			color: #555;
		}
	
	.form .field .select-short {
		width: 60px;
		margin-right: 2px;
		display: inline-block;
		vertical-align: middle;
	}
	.form .field .select-mid {
		width: 72px;
		margin-right: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.form .field .select-mid-2 {
		width: 90px;
	}
	
	.form .error input.text {
		color: #900;
	}
	.form .error .required,
	.form .semi-error .required {
		background: url(/img/icon-required-error.png) 0 0 no-repeat;
	}
	.form .error .select a {
		color: #900;
	}


.form .border-top {
	border-top: 1px solid #D3D4D5;
}
.form .border-bottom {
	border-bottom: 1px solid #D3D4D5;
	padding-bottom: 9px;
	margin-bottom: 7px;
}

.form .break-after {
	padding-bottom: 14px;
}
.form .break-after-small {
	padding-bottom: 4px;
}

.form .field-radios {
	padding: 7px 0 0;
	position: relative;
	clear: both;
	width: 100%;
}
	.form .field-radios label {
		padding-right: 15px;
		cursor: pointer;
		display: inline-block;
	}
	.form .field-radios.error label {
		color: #900;
	}
	
.form .field-radio {
	padding: 5px 0 0;
	overflow: hidden;
	width: 100%;
}
	.form .field-radio label {
		cursor: pointer;
	}
	
.form .buttons-nav {
	padding-top: 3px;
}

.checkbox-replacement {
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 15px;
	background: url(/img/form-checkbox.png) 0 0 no-repeat;
	cursor: pointer;
	margin-right: 0;
}
	.checkbox-replacement.checked {
		background-position: 0 -15px;
	}