/* ==========================================================================
   Account Setup (account-setup)
   ========================================================================== */

/* Page headers */

.account-setup-header
{
	font-size: 3.6em;
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 100;
	text-align: center;
	margin-top: 40px;
}

.account-setup-subheader
{
	font-size: 2em;
	font-family: "proxima-nova-n5", "proxima-nova", sans-serif;
	font-weight: 500;
	text-align: center;
	color: #1f9fff;
	margin-top: 5px;
}

/* Progress bar */

.progress-bar
{
	width: 100%;
	height: 5px;
	margin: 45px 0;
	background-color: #CCC;
}

.progress-bar-circle
{
	background-image: url(images/web_icon_progress.png);
	width: 24px;
	height: 24px;
	margin: 0 auto;
	position: relative;
	top: -60px;
}

/* Account setup container and form */

.account-setup-container
{
	display: table;
	background-color: #EEE;
	width: 650px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.order-review-container
{
	display: table;
	background-color: #DDD;
	margin: 0 auto;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

	.account-setup-container h1, .order-review-container h1
	{
		font-family: "proxima-nova-n7", "proxima-nova", sans-serif;
		font-weight: 700;
		font-size: 2.4em;
		color: #444;
		margin-top: 20px;
	}

	.account-setup-container h2,.order-review-container h2
	{
		font-size: 1.7em;
		color: #1f9fff;
		margin: 10px 0;
	}

	.account-setup-container h3,.order-review-container h3
	{
		font-size: 1.4em;
		color: #555;
		margin: 5px 0;
	}

	.account-setup-container > .column1
	{
		display: inline-block;
		width: 40%;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.account-setup-container > .column2
	{
		display: inline-block;
		width: 26%;
		padding-left: 4%;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.account-setup-container > .column3
	{
		display: inline-block;
		width: 26%;
		padding-left: 4%;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.account-setup-container .price
	{
		font-size: 2em;
		font-weight: bold;
		margin-top: 25px;
	}

	.account-setup-container > .note, .order-review-container .note
	{
		font-size: 1em;
		font-style: italic;
		margin-top: 10px;
	}

	.order-review-container .note.review
	{
		max-width: 200px;
	}

	.order-review-container > .column
	{
		display: table;
		float: left;
		background-color: #CCC;
		border: solid 1px #C4C4C4;
		margin: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.order-review-container > .column > .summary
	{
		background-color: #EEE;
		border: solid 1px #D4D4D4;
		padding:  0 10px 10px 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

#account-setup input[type="text"], input[type="number"]
{
	font-family: "proxima-nova",sans-serif;
	background-color: #e0e0e0;
	font-size: 1.4em;
	text-align: left;
	height: 44px;
	border: #cccccc thin solid;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#account-setup .check-box
{
	width: 18px;
	height: 13px;
	border: none;
	background-color: transparent;
	float: left;
}

.account-setup .check-box-label
{
	color: #888;
	display: inline-block;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.3em;
	font-family: "proxima-nova-n6", "proxima-nova", sans-serif;
	font-weight: 600;
	margin-bottom: 5px;
}

.account-setup select
{
	width: 100%;
	height: 44px;
	background-color: #e0e0e0;
	border: #cccccc thin solid;
	padding: 12px 6px;
}

.account-setup * .full
{
	width: 100%;
}

.account-setup * .bank
{
	float: left;
	width: 10%;
	margin-right: 1.25%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.account-setup * .bank.last
	{
		margin-right: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

.account-setup-container .desc_container
{
	clear: both;
}

.account-setup-container .divider
{
	background-color: #FFF;
	border-top: 1px solid #CCC;
}

.account-setup-container .desc_text
{
	float: left;
	width: 420px;
}

.account-setup-container .desc_text_full
{
	width: 100%;
}

.account-setup-container .desc_img
{
	float: left;
	padding-right: 20px;
}

.account-setup-container * ul > li
{
	list-style: square;
}

.account-setup-container ul > li, p
{
	font-size: 1.4em;
}