div.joinNowPageTitle
{
  padding-top       : 15px;
}

.joinNowPageTitle h1
{
  font-size  : 18px;
  color      : #939CA4;
}

.joinNowSubheader
{
  color          : #FFFFFF;
  text-transform : capitalize;
  background     : #64A6BE;
}


.joinNowPlanTitle
{
  text-transform : capitalize;
}

.joinNowBasicPlan
{
  background : #E3E3E3;
}

.joinNowPremPlan
{
  background : #F3E498;
}

.joinNowLifestyle
{
  background : #D2E8B9;
}

.joinNowLeftCol
{
  float        : left;
  clear        : left;
  width        : 50%;
  padding      : 5px;
  border-right : 1px solid #A6A6A6;
}

.joinNowRightCol
{
  clear   : right;
  padding : 5px;
}

.joinNowCentered
{
  text-align : center;
}

.joinNowLink
{
  color           : #406A08;
  text-decoration : none;
}

.joinNowLabel
{
  float         : left;
  clear         : left;
  text-align    : right;
  min-height    : 10px;
  max-height    : 30px;
  padding-right : 5px;
  width         : 50%;
}

.joinNowField
{
  min-height   : 10px;
  max-height   : 30px;
	padding-left : 5px;
}

/* Highlight input if validation fails */

.joinNowFieldError
{
  color: #ff0000;
  border: 2px solid #ff0000;
}

.joinNowContinueButton
{
  color         : #FFFFFF;
  padding-right : 20px;
  border        : 0;
  background    : #8EC8DE url(/client/button.gif) 100% 50% no-repeat;
}

.joinNowBackButton
{
  color        : #FFFFFF;
  padding-left : 20px;
  border       : 0;
  background   : #8EC8DE url(/client/backbutton.gif) 0% 50% no-repeat;
}

#joinNowShippingAddr
{
  display : none;
}

.joinNowTab
{
  color      : #D9ECF4;
  background : #257390;
}

/* Tab for current step highlighted */

.joinNowCurrStepTab
{
  color      : #257390;
  background : #D9ECF4;
}

/* "You have selected..." header */

.joinNowSelectedPlanHeader
{
  background : #D2E8B9;
}

.joinNowSelectedPlanHeaderContainer
{
	padding    : 5px;
  background : #F7F8E3;
}

/* Step 6: Confirmation or error message */

.joinNowUserMsgHead
{
}

.joinNowUserMsgBody
{
}

.joinNowTabStrip
{
  clear : both;
}

#stepIndicator1,
#stepIndicator2,
#stepIndicator3,
#stepIndicator4,
{
  float   : left;
  width   : 15%;
  padding : 13px;
}

#stepIndicator5
{
  clear   : right;
  width   : 15%;
  padding : 10px 12px 10px 13px;
}

.joinNowDependentSummary
{
	float      :  left;
  padding    : 8px 0;
  text-align : left;
  width      : 70%;
}