body, html {
	background: #00a1ff url(../../images/join/body-bg.jpg) no-repeat;
}

a {
	color: #ffffff;
}

/* @group Header */

#header {
	height: 102px;
}

#header .logo {
	display: block;
	margin-top: 50px;
	margin-left: 10px;
}

/* @end */

.body {
	padding-top: 20px;
	padding-bottom: 40px;
}

/* @group Join */

#join {
	margin-top: 20px;
}

#join h1 {
	font-size: 37px;
	text-align: center;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	*padding: 0px 0px 8px;
}

#join h2 {
	font-size: 21px;
	text-align: center;
	line-height: normal;
	font-weight: normal;
	color: #e6eef4;
}

#join .plans {
	padding-top: 10px;
	padding-left: 1.4em;
	display:block;
	width: 73%;
	margin: auto;
}

/* @group Plans */

#join .plan {
	text-align: center;
	background-color: #00518a;
	border-top: 1px solid #e6eef4;
	border-bottom: 1px solid #e6eef4;
	border-right: 1px solid #e6eef4;
	display: inline;
	float: left;
	width: 225px;
	margin: 15px 0px;
	padding: 0px;
	color: #e5eef4;
}

#join .plan.first {
	border-left: 1px solid #e6eef4;
}

#join .plan h3 {
	font-size: 2.50em;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}

#join .plan h4 {
	font-size: 1.60em;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#join .plan h5 {
	font-size: 1.10em;
	margin-top: 0.25em;
	color: #e6eef4;
	margin-bottom: 0px;
}

#join .plan-head {
	border-bottom: 1px solid #e6eef4;
	padding: 10px;
}

#join .plan-details {
	padding: 10px;
}


#join .plan-details ul {
	margin: 0px;
	padding: 0px;
}
#join .plan-details ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.5em;
}

#join .plan-details p{
	margin-top: 1em;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0px;
}

#join .plan-details p strong {
	color: #fba400;
}

#join .left-to-best {
	border-right-style: none;
	background: #00518a url(../../images/join/left-to-best-bg.gif) repeat-y right top;
}

#join .right-to-best {
	border-left-style: none;
	background: #00518a url(../../images/join/right-to-best-bg.gif) repeat-y left top;
}



/* @end */

/* @group Plan Best */

#join .plan.best {
	text-align: center;
	background-color: #0063c4;
	display: inline;
	float: left;
	width: 225px;
	margin: 0px;
	padding: 0px;
	border: 3px solid #FFFFFF;
	font-size: 1.15em;
	color: #fff;
}

#join .plan.first {
	border-left: 1px solid #e6eef4;
}

#join .plan h3 {
	font-size: 2.50em;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}

#join .plan h4 {
	font-size: 1.60em;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#join .plan.best h5 {
	font-size: 1.10em;
	margin-top: 0.25em;
	color: #f9ec24;
	margin-bottom: 0px;
}

#join .best .plan-head {
	border-bottom: 1px solid #FFFFFF;
	padding: 10px;
}

#join .plan-details {
	padding: 10px;
}


#join .plan-details ul {
	margin: 0px;
	padding: 0px;
}
#join .best .plan-details ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.20em;
	line-height: 1.5em;
}

#join .plan-details p{
	margin-top: 1em;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0px;
}

#join .plan-details p strong {
	color: #fefb67;
}



/* @end */

.alternative-payment {
	position: relative;
	top: -12px;
	font-size: 0.9em;
	padding-left: 12.5em;
}

.alternative-payment .inner {
	width:235px;
}

.alternative-payment a {
	text-decoration: none;
}


.alternative-payment a span {
	text-decoration:underline;
}

/* @group Details
 */

h3.details-header {
	margin-top: 2em;
	text-align: center;
	font-weight: normal;
	line-height: normal;
	font-weight: normal;
	color: #e5eef4;
}

.details {
	background-color: #002d49;
	padding-top: 15px;
	margin-bottom: 5em;
	display: block;
	position: relative;
	right: 10px;
}

.details p, .details h6 {
	padding-left: 15px;
	padding-right: 15px;
}

.details p {
	padding-bottom: 1.75em;
	color: #e5eef4;
}

.details h6 {
	margin-bottom: 0.5em;
}

.details .separator {
	display: block;
	border-bottom: 1px solid #e5eef4;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom:1em;
	margin-top: 0px;
	padding-top: 0px;
	left: 20px;
}

/* @end */
/* @end */

.banner {
	text-align: center;
}

.banner img {
	border: 1px solid #221b13;
}