﻿/* Introduction */
.intro-container {
	width: 960px;
	margin: 20px auto 0 auto;
}

.intro-text-container {
	float: left;
	display: inline;
	margin: 0 0 0 15px;
}

.intro-features {
	margin-top: 10px;
}

.intro-features li {
	height: 34px;
}

.intro-features li img {
	float: left;
	display: inline;
	margin-top: 2px;
}

.intro-features li span {
	font-size: 17px;
	font-weight: 400;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	color: #fff;
}

.create-free-account {
	margin-top: 16px;
	float: left;
	display: inline;
}

.create-free-account img {
	box-shadow: 1px 1px 8px #888;
}

.card-fan {
	float: right;
	display: inline;
}

/* Parchment Override */
.parchment-header-dark {
	background: url("/images/parchment/parchment-header-dark.jpg") no-repeat top center;
	height: 114px;
}

.parchment-repeater {
	padding: 0 15px;
}

/* Explore Tiles */
.explore-container {
	float: left;
	display: inline;
	margin: 24px 0 0 50px;
}

.explore-container h2 {
	font-size: 24px;
	color: #300E00;
	line-height: 1.5;	
}

.explore-tiles {
	float: right;
	display: inline;
	margin: 17px 50px 0 0;
}

.explore-tile {
	background: url("/images/parchment/explore-tile-bg.png") no-repeat;
	width: 136px;
	height: 79px;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}

.explore-tile .stack {
	margin: 9px 0 0 0;
}

.explore-tile .stack img {
	margin: 5px;
}

.explore-tile span {
	width: 60px;
	float: left;
	display: inline;
	margin-top: 12px;
	text-align: center;
	color: #300E00;
}

.explore-tile strong {
	font-weight: 700;
}

/* Features */
.feature-container {
	
}

.feature-container strong {
	font-weight: 700;
}

.feature-container img {
	float: left;
	display: inline;
	margin: 20px 0 0 0;
}

.feature-item-container {
	float: left;
	display: inline;
	margin: 30px 0 0 20px;
}

.feature-container h2 {
	font-size: 24px;
}

.feature-container p {
	font-size: 16px;
	margin-top: 5px;
	line-height: 1.8;
}

.hr {
	background: #ecd4ad;
	height: 1px;
	margin-top: 20px;
}

/* Signup Form */
.signup-form-container {
	background: url("/images/home/signup-form-bg.jpg");
	width: 928px;
	height: 300px;
	margin-top: 20px;
}

.signup-text {
	width: 460px;
	height: 190px;
	float: left;
	display: inline;
}

.signup-text h2 {
	font-size: 29px;
	font-weight: 600;
	margin: 20px 0 0 20px;
	color: #fff;
}

.signup-text p {
	margin: 10px 0 0 20px;
	line-height: 1.7;
	color: #eecea3;
}

.signup-features {
	float: right;
	display: inline;
	margin: 63px 30px 0 0;
}

.parchment .signup-features li {
	line-height: 1.7;
}

.signup-features li img {
	vertical-align: middle;
}

.signup-features li span {
	color: #eecea3;
	margin-left: 10px;
}

.signup-form {
	margin-top: 10px;
}

.signup-form .formfield-container {
	float: left;
	display: inline;
	margin: 0 0 0 20px;
}

.signup-form .formfield-container label {
	font-size: 18px;
	font-weight: 600;
	line-height: 2;
	color: #fff;
}

.signup-form .formfield-container input {
	font-size: 16px;
	width: 200px;
	padding: 4px;
}

/* Button Overwrites */
.btn-create-account {
  font-size: 16px;
	font-weight: 600;
	float: right;
	display: inline;
	margin: 20px 20px 0 0;
	padding: 10px 14px 12px 14px;
}

.signup-form .triangle-isosceles {
  right: 0;
  top: 80px;
  width: 191px;
}

.signup-form .triangle-isosceles.top:after {
	top: -10px; /* value = - border-top-width - border-bottom-width */
	left: 10px; /* controls horizontal position */
	bottom: auto;
	left: auto;
	border-width: 0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color: #990000 transparent;
}

/* Address Modal */
.modal-address-left {
	float: left;
}

.modal-address-left p {
	width: 250px;
}

.modal-address-left strong {
	font-weight: 700;
}

.modal-address-right {
	float: right;
}