/* ########## landing ########## */
#body.members #content p.sub-navigation {
	margin:					0 0 10px;
	text-transform:			uppercase;	
}

#body.members #content p.sub-navigation a {
	cursor:					pointer;
}


/* ########## login form ########## */
#body.members #content form {
	margin:					10px 0 50px;
}

#body.members #content fieldset {
	height:					auto;
	margin:					0;
}

#body.members #content fieldset label {
	margin-bottom:			5px;
}

#body.members #content fieldset label.keep-logged-in span {
	background:				#fff;/* url(/web/resource/img/global/masthead/input-gradient.gif) no-repeat;*/
	display:				block;
	height:					14px;
	padding:				2px 5px;
	position:				absolute;
	right:					0;
	top:					0;
	width:					160px;
}

#body.members #content fieldset label.keep-logged-in input {
	position:				relative;
	width:					auto;
}

#body.members #content fieldset input {
	font-size:				100% !important;
}

#body.members #content fieldset.login,
#body.members #content fieldset.details {
	bottom:					auto;
	position:				relative;
	right:					auto;
}

#body.members #content fieldset.login div.message {
	/*clear:				both;
	float:					none;*/
}


/* ########## sign up ########## */
#content div.benefits {
	margin-bottom:			25px;
}

#content div.benefits ul {
	list-style-type:		square;
	margin:					10px 0 10px 15px;
}

#content div.benefits ul li {
	margin-bottom:			5px;
}

#content div.benefits p.more {
	margin:					0;
}

#content div.benefits img.icon.featured {
	background:				url(/web/resource/img/placeholder/membership_summary.gif) no-repeat;
	float:					right;
	height:					160px;
	margin:					0 0 10px 10px; 
	width:					210px;
}


/* ########## sign up form ########## */
#body.sign-up #content form {
	margin:					0;
	width:					575px;
	width:					100%;
}

#body.sign-up #content form h3 {
	font-size:				100%;
	margin:					10px 0 2px;
	text-transform:			uppercase;
}

#body.sign-up #content fieldset.login,
#content fieldset.details {
	height:					auto;
}

#body.sign-up #content fieldset.login {
	float:					left;
	width:					250px;
}

#body.sign-up #content fieldset.login label {
	*background-color:		#fff;
	height:					auto;
	padding:				0;
	text-indent:			5px;
	width:					250px;
}

#body.sign-up #content fieldset.login input {
	background:				#fff url(/web/resource/img/page/member/details-input-gradient.gif) no-repeat;
	position:				relative;
	width:					250px;
}

/* ########## details ########## */
#content fieldset.details {
	float:					right;
	width:					355px;
}

#content fieldset.details.left {
	float:					left;
}

#content fieldset.details.left label,
#content fieldset.details.right label,
#content fieldset.details.left,
#content fieldset.details.right
{
	width:					315px !important;
}

#content fieldset.details.credit-card {
	float:					left;
}

#content fieldset.details label {
	width:					350px;
}

#content fieldset.details input {
	background:				#fff url(/web/resource/img/page/member/details-input-gradient.gif) no-repeat;
	width:					230px;
}

#content fieldset.details select {
	background:				transparent url(/web/resource/img/page/member/details-input-gradient.gif) no-repeat;
	border:					0;
	font-size:				95%;
	padding:				2px 5px;
	position:				absolute;
	right:					0;
	_right:					-1px;
	top:					0;
	width:					240px;
}

#content fieldset.details label.dob {
	position:				relative;
}

#content fieldset.details label.dob select {
	border:					0;
	font-size:				95% !important;
	position:				relative !important;
	width:					80px !important;
}

#content fieldset.details label.dob span.right {
	position:				absolute;
	top:					-1px;
	*top:					0;
	right:					0;
	width:					240px;
}

#content fieldset.login p.small {
	margin:					0 0 10px !important;
}

#content div.button {
	border-top:				1px solid #e8e8e8;
	padding:				5px 0;
	text-align:				right;
}

#body.sign-up #content div.message {
	font-weight:			bold;
}

/* ########## general ########## */
#body.members table.boolean {
	margin-bottom:			5px;
	margin-left:			115px;
}

#body.members table.boolean label {
	background:				none;
	color:					inherit;
	display:				inherit;
	float:					left;
	height:					auto;
	line-height:			normal;
	margin:					0 5px 0 0 !important;
	width:					auto;
}

#body.members table.boolean input {
	float:					left;
	position:				relative;
	width:					auto;
}