.BodyWithBG{
    background-image: url('/images/aaa_master_bg.jpg');
	background-position: top;
	background-repeat: repeat-x;
}
#MainContainer{
   margin: auto;
	text-align: center; 
}
iframe { border: 0; } 
a img {border: none;}
A.buyonline, A:hover.buyonline {font-size:14px;}
UL.SYCS {list-style-image:url("/Savings/images/savings_list.gif")}
.MainChannelLink2{FONT-SIZE:11px;COLOR:#3366cc;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
A.MainChannelLink2:link{FONT-SIZE:11px;COLOR:#3366cc;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
A.MainChannelLink2:hover{FONT-SIZE:11px;COLOR:#0000ff;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
.Link2{
	FONT-SIZE:12px;
}
.Link6{FONT-SIZE:10px;COLOR:#172169;FONT-FAMILY:Arial,Verdana,Helvetica,sans-serif}
.linkXsmall{cursor: pointer;FONT-WEIGHT:normal;FONT-SIZE:10px;COLOR:#3366cc;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;TEXT-DECORATION:underline}
A.linkXsmall:hover{FONT-SIZE:10px;COLOR:#0000ff;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;TEXT-DECORATION:underline}
A.linkXsmall:link{FONT-SIZE:10px;COLOR:#3366cc;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;TEXT-DECORATION:underline}
A.sqsReturnLink:link{FONT-WEIGHT:normal;FONT-SIZE:12px;COLOR:#172169;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;TEXT-DECORATION:none}
A.sqsReturnLink:visited{FONT-WEIGHT:normal;FONT-SIZE:12px;COLOR:#172169;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;TEXT-DECORATION:none}
A.sqsReturnLink:hover{FONT-WEIGHT:normal;FONT-SIZE:12px;COLOR:#0000ff;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;TEXT-DECORATION:none}
/* mouseover row style */
.sqsDataGrid tr:hover{ background-color:#EDEEEF; }
.sqsDataGridColumnHeader{
	background-color:#034883;
	border: solid 1px #ffffff;
	color:#FFFFFF;
	font-family:Arial, Tahoma, Verdana, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.sqsPageSubHeader {font-family: Verdana;font-size: 13px;font-weight: bold;color: #0055b7;}
.sqsPageSubHeader2 {font-family: Verdana;font-size: 13px;font-weight: bold;color: #172169;}
.sqsComparisonData{
	border-bottom: solid 1px #8cc4ec;
	border-right: solid 1px #8cc4ec;
	color: #172169;
	padding: 12px 5px 10px 5px;
	text-align: center;
	vertical-align: top;
}
.sqsComparisonData2{
	border-bottom: solid 1px #8cc4ec;
	border-left: solid 1px #034883;
	border-right: solid 1px #8cc4ec;
	color: #73aade;
	font-size: 13px;
	font-weight: bold;
	padding: 11px 5px 12px 5px;
	text-align: left;
	vertical-align: top;
}
.sqsComparisonData3{
	border-bottom: solid 1px #8cc4ec;
	color: #172169;
	padding: 10px 5px 10px 5px;
	text-align: center;
	vertical-align: top;
}
.sqsComparisonData4{
	border-bottom: solid 1px #8cc4ec;
	border-right: solid 1px #034883;
	color: #172169;
	padding: 10px 5px 10px 5px;
	text-align: center;
	vertical-align: top;
}
.sqsPageCheckmarkText{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
	color:#172169;
	padding-left: 20px;
}
.sqsPageCheckmarkSubText{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	color:#172169;
	padding-left: 20px;
}
.sqsPageContactAgentText{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:18px;
	color:#172169;
	padding: 10px 20px 20px 20px;
}
.sqsPopUpHeader{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #172169;
}
.sqsPopUpSubHeader{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height:24px;
	font-size: 12px;
	color: #999999;
}
.BottomNav{
	border-top: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	vertical-align:middle;
}
.navBarLink{
	FONT-WEIGHT:bold;
	FONT-SIZE:12px;
	COLOR:#ffffff;
	FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;
	TEXT-DECORATION:underline;
}
.headertext{
	FONT-SIZE:10px;
	COLOR:#ffffff;
	FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif
}
.expandedAreaText{
	FONT-SIZE:10px;
	COLOR:#000000;
	FONT-FAMILY:Arial,Verdana,Helvetica,sans-serif
}
.descriptionText{
	font-size:12px;
	color:black;
	font-family: Arial, Helvetica, Sans-Serif;
} 
.resultsbackground1,.RESULTSBACKGROUND1{BORDER-RIGHT:blue thin;BORDER-TOP:blue thin;BACKGROUND-IMAGE:none;BORDER-LEFT:blue thin;BORDER-BOTTOM:blue thin;BACKGROUND-REPEAT:repeat;BACKGROUND-COLOR:#e9f0f8}
.collapsePanel{
	OVERFLOW:hidden;
}
/*Modal Popup's Page Background*/
.modalBackground{
	background-color:White;
	/*filter:alpha(opacity=70);
	opacity:0.7;*/
}
.modalPopup{
	background-color:#E9F0F8;
	border-width:1px;
	border-style:solid;
	border-color:Red;
	padding:3px;
}
.MemberRow{
	BACKGROUND-COLOR:#e9f0f8
}
/* Class: HoverLine
	A links have no underline until you hover over them.
	First Use: Created to use with Master.Page Footer Links, Terms and Privacy.
*/
A.HoverLine:link{text-decoration:none;}
A.HoverLine:visited{text-decoration:none;}
A.HoverLine:hover{text-decoration:underline;}
A.HoverLine:active{text-decoration:none;}
/* End Class: HoverLine */
/* the Following Classes have to due with the BreadCrumb User Control
=====================================================================
*/
.PreviousStep{
    color: #172169;
    background-color:#ffffff;
    text-decoration:underline;
    font-size:12px;
}
.PreviousStepDisabled{
    color: #808080;
    background-color:#ffffff;
    font-size:12px;
    text-decoration:none;
}
.CurrentStep{
    color: #172169;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}
.FutureStep{
    color: #172169;
    font-size:12px;
    text-decoration:none;
    background-color:#ffffff;
}
/*==========================================================
End BreadCrumb CSS classes
*/
/*============================================================
    Validation Classes
*/
.ValidationErrMsg{
}
/*  End Validation Classes
============================================================
*/
/*============================================================
    Skin Menu
*/
.MainSubMenuLink{
    /*color:Navy;*/
    text-decoration:none; 
    letter-spacing: 1px; 
}
.MainSubMenuTable{
   border: solid 1px #04447C;
   margin: 0px;
   border-collapse: collapse;
   font-family:Arial,Helvetica,Verdana,sans-serif;
   font-size:11px;
}
.MainMenuSpacing{ 
    text-align:center;
}
/*  End Skin Menu
/*============================================================
    Skin Label Text Styles
*/
.SubHeaderText{
    font-weight:bold;
    font-size:12px;
    vertical-align:middle;
}
/*  Skin Label Text Styles
============================================================
End Skin Menu*/
.formSubmit{
	FONT-SIZE:12px;
	font-weight:bold;
	COLOR:#3366cc;
	FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;
}
.formSubmit:hover{COLOR:#0000ff}
LABEL{
	cursor: pointer;
}
TD{
	FONT-SIZE:12px;
	FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;
}
TD.PopUpGridColumnHeader{
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	font-family:Verdana, Tahoma, Arial, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#73aade;
}
/*
======================
Carried over from aaasouth.css (from ASP pages)
*/        
.leftNavLink{FONT-SIZE:11px;COLOR:#172169;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
.leftNavLink:HOVER{COLOR:#0000ff; font-size: 11px;}
H2{FONT-WEIGHT:bold;FONT-SIZE:16px;COLOR:#2263AD;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
.h1,.H1{FONT-WEIGHT:bold;FONT-SIZE:16px;COLOR:#172169;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
.h2,.H2{FONT-WEIGHT:bold;FONT-SIZE:14px;COLOR:#172169;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
.h3,.H3{FONT-WEIGHT:bold;FONT-SIZE:12px;COLOR:#172169;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif}
.blackBold{FONT-WEIGHT:bold;FONT-SIZE:12px;COLOR:#000000;FONT-FAMILY:Helvetica,Arial,sans-serif;TEXT-DECORATION:none}
.blueBold{FONT-WEIGHT:bold;FONT-SIZE:12px;COLOR:#2263ad;FONT-FAMILY:Helvetica,Arial,sans-serif;TEXT-DECORATION:none}
.blueSubHeader{FONT-WEIGHT:bold;FONT-SIZE:14px;COLOR:#2263ad;FONT-FAMILY:Arial,Helvetica,Verdana,sans-serif;TEXT-DECORATION:none}
.navyBold{FONT-WEIGHT:bold;FONT-SIZE:12px;COLOR:#172169;FONT-FAMILY:Helvetica,Arial,sans-serif;TEXT-DECORATION:none}
.heading{color:#175a9d;font-size:17px;font-weight:bold;}
.listItemRed{color:red;}
#AAAMainMenu{color:Purple}
/*
======================
New Simplified Flyout Menus Begin
*/       
.FlyoutMenuLink{
    padding-left:25px;
    font-size:11px; 
    line-height:16px;
    color: #131188; 
    text-decoration: none;
    text-align:left;
}
A.FlyoutMenuLink:hover{
    text-decoration:underline;
    padding-left:25px;
    font-size:11px; 
    line-height:16px;
    color: #131188; 
    text-align:left;
}
div.FlyoutMenuLink:hover{
    text-decoration:underline;
    padding-left:25px;
    font-size:11px; 
    line-height:16px;
    color: #131188; 
    text-align:left;
}
.QuickLinksMenuLink{
    padding-left:25px;
    font-size:11px; 
    line-height:13px;
    color: #131188; 
    text-decoration: none;
    text-align:left;
}
A.QuickLinksMenuLink:hover{
    text-decoration:underline;
    padding-left:25px;
    font-size:11px; 
    line-height:13px;
    color: #131188; 
    text-align:left;
}
.FlyoutMenuHeader{
    padding-left:10px;
    font-size:13px;
    color:#da0e41;
    font-weight:bold;
    text-align:left;
}
.TDMenuSelected{ 
    /*background-color:#1d347a;*/
    background-image:url('/images/header/MenuGradient.jpg');
}
.TableMenu{
   /* background-color:#5297ce;*/
 background-image:url('/images/header/MenuGradient_on.jpg');
}
.TDMenuOff{
     background-image:url('/images/header/MenuGradient_on.jpg');
}
.MenuFont, .MenuFont A, .MenuFont A:hover, A.MenuFont:link, A.MenuFont, A.MenuFont:active, A.MenuFont:visited
{
    font-size: 11px;
    color:navy;
    font-weight:bold;
    text-decoration:none;
}
.TableMenuInterior{
    background-color:White;
    text-align:left;
}
.TDMenuArrow{
    padding-right: 3px;
}
.TDMenuText, .TDMenuText A, A.TDMenuText:link, A.TDMenuText, A.TDMenuText:active, A.TDMenuText:visited
{
    font-size:11px;
    color:White; 
    cursor:pointer;
    text-decoration:none;
}
.TDMenuText:hover, A.TDMenuText:hover{
    font-size:11px;
    /*font-weight:bold;*/
    color:White; 
    text-decoration:underline;
}
.TDMenuTextSelected, .TDMenuTextSelected A, A.TDMenuTextSelected:link, A.TDMenuTextSelected, A.TDMenuTextSelected, A.TDMenuTextSelected:visited
{
    font-size:11px;
    /*font-weight:bold;*/
    color:White;    
    text-decoration:none;
}
.TDMenuTextSelected:hover, A.TDMenuTextSelected:hover{
    font-size:11px;
    /*font-weight:bold;*/
    color:White; 
    text-decoration:underline;
}
/*
======================
New Simplified Flyout Menus End
*/
/*Section Headlines*/
h1.headline{
    font-family: Arial,Tahoma,Verdana; font-size: 21px; font-weight: bold; color: #DA0E41; padding: 0px; margin: 0px;
}
h2.headline{
    font-family: Arial,Tahoma,Verdana; font-size: 17px; font-weight: bold; color: #DA0E41; padding: 0px; margin: 0px;
}
h3.headline{
    font-family: Arial,Tahoma,Verdana; font-size: 15px; font-weight: bold; color: #DA0E41; padding: 0px; margin: 0px;
}
h4.headline{
    font-family: Arial,Tahoma,Verdana; font-size: 14px; font-weight: bold; color: #DA0E41; padding: 0px; margin: 0px;
}
h5.headline{
    font-family: Arial,Tahoma,Verdana; font-size: 13px; font-weight: bold; color: #DA0E41; padding: 0px; margin: 0px;
}
h6.headline{
    font-family: Arial,Tahoma,Verdana; font-size: 12px; font-weight: bold; color: #DA0E41; padding: 0px; margin: 0px;
}
/*/Section Headlines*/
/* Gradient Box styles 2010*/
.GradientTable{
    padding:10px 0px 0px 5px; 
    background-image:url('/images/backgroundGradientWhite.jpg'); 
    background-repeat:repeat-x; 
    background-position:top;
    border: solid 1px #e2e5ea;
}   
/* Gradient Box styles */
    .ScrollbarMainLinks{
        font-size:9pt !important;
        text-decoration:none !important;
    }
    .ScrollbarMainLinks:hover{
        color: #215196 !important;
        text-decoration:underline !important;
    }
    .ScrollbarMainLinksHighlighted{
        font-size:9pt;
        color: #3366cc;
        text-decoration:none;
    }
    .ScrollbarMainLinksHighlighted:hover{
        color: #215196;
        text-decoration:underline;
    }
    .PrimaryRowHeaders{
        font-size:14pt; 
        font-weight:bold; 
        color:gray;   
    }
    .SecondaryRowHeaders{
         Font-Size:15px;
         font-weight:bold;
         color:#da0e41;
    }
    
form input[type='number']::-webkit-outer-spin-button,
form input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.SectionTitle { font-size: 13pt; font-weight:bold; color:#28377d; padding-top: 20px; border-bottom: 1px solid #28377D; margin-right: 20px;}


.ErrorContainer { border-top: 26px solid #FFF; width: 918px; height: 300px; margin: 0 0 34px 0; text-align: left; background-image: url(/images/errorhandling/aaa_error_2.jpg); }
.ErrorContainerLeft { float: left; height: 300px;  }
.ErrorContainerRight { float: right; height: 300px;  }
#ErrorTitle {font-family: Arial; font-size: 26px; font-weight: bolder; color: #024783; display: block; margin-bottom: 18px;}
#ErrorQuestion {font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; display: block; margin-bottom: 10px;}
#ErrorLinkList {font-family: Arial; font-size: 11px; color: #024783; margin-bottom: 10px;}
#ErrorLinkList span {display: block; margin-bottom: 4px; padding-left: 16px; background: url(/images/errorhandling/aaa_error_4.png) no-repeat left center;}
#ErrorLinkList span a {color: #024783; font-size: 11px; text-decoration: none;}
#ErrorLinkList span a:link {color: #024783; text-decoration: none;}
#ErrorLinkList span a:active {color: #0000FF; text-decoration: underline;}
#ErrorLinkList span a:visited {color: #024783; text-decoration: none;}
#ErrorLinkList span a:hover {color: #0000FF; text-decoration: underline;}
        
.ErrorOption { width: 280px; float: left; padding-left: 40px; font-family: Arial; font-size: 11px; color: #666666; vertical-align: top;}
.ErrorOption span {display: block; font-size: 13px; color: #024783; font-weight: bolder;}
.ErrorOption a {color: #024783; font-size: 11px; text-decoration: underline;}
.ErrorOption a:link {color: #024783; text-decoration: underline;}
.ErrorOption a:active {color: #0000FF; text-decoration: underline;}
.ErrorOption a:visited {color: #024783; text-decoration: underline;}
.ErrorOption a:hover {color: #0000FF; text-decoration: underline;}
.ErrorSearch {background: url(/images/errorhandling/aaa_error_ico_search.png) no-repeat left top;}
.ErrorFavorite {background: url(/images/errorhandling/aaa_error_ico_favorite.png) no-repeat left top; margin: 0 0 0 15px; }
.ErrorImageTableDiv { width: 906px; border: none; overflow: auto; }
.ErrorImageTableLeft { float: left; margin: 0 0 0 10px; }
.ErrorImageTableRight { float: left; width: 400px; margin: 40px 0 0 55px; }
.ErrorBottomDiv { width: 918px; text-align: left; border: none; padding: 0 0 34px 69px; overflow: auto; }

    
    /*Downstream page classes below*/
.RoundedBoxes { -moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;-o-border-radius:10px;-icab-border-radius:10px;border:solid 1px #808285;padding:10px }
.LargeTitle { font-size: 18pt; color: #2263ad; font-weight: bold; }
.HideOnPC { display: none; }
.OuterLoginDiv { width: 100%; position: relative; overflow: hidden; }
.CenterContainer { position: relative; float: left; left: 50%; }
.CenteredLoginDivs { position: relative; float: left; left: -50%; }
.OuterSignInDiv { float: left; width: 300px; }
.OuterRegistrationDiv { float: left; background-color: #FFF; }
.DontHaveTitle { font-size: 18pt; font-weight: bold; color: silver; vertical-align: bottom; height: 41px; border-bottom: solid 1px #c2c2c2; padding-left: 32px; }
.ZipEmailCell { font-weight: bold; clear: both; width: 114px; margin: 3px 5px 0 0; float: left; text-align: right;  }
.ZipCell { width: 83px; margin: 3px 5px 0 0; float: left; text-align: right;  }
.RegFormRight { height: 24px; }
.RegFormRight input { width: 130px; }
.MemberRegistrationTable td { border: 1px solid #0A0; }
.MemberRegistrationTable table td { border: none; }
.RegTableSpacer { padding: 10px 0 0 61px; text-align: left; }
.RegFormSpacer { padding: 1px 0 0 1px; text-align: left; }
.RegFormCookie { margin: 0 0 0 145px; }
.CreateSignInCell { margin: 4px -5px 8px 130px; }
.RegFormText { font-weight: bold; }
.RegFormTextNon { margin: 0 5px 0 30px; }
.nonMemRegistrationTable { margin: 14px 0 0 32px; }
.ZipForgot { width: 118px; }
.ForgotMainDiv { padding: 15px 0 0 0; }
.ForgotLoginDiv { width: 310px; margin: 0 auto 0 auto; }
.ConfirmMainDiv { width: 440px; margin: 0 auto 0 auto; }
.ConfirmFormText { font-weight: bold; }
.ConfirmFormTextNon { margin: 4px 5px 0 0px;}
.ConfirmFormRight { height: 24px; }
.ConfirmFormRight input { width: 200px; }
.ConfirmFormCookie { margin-left: 117px; }
.ConfirmFormContinue { margin: 16px auto 0 auto; }
.ForgotContinueDiv { margin: 6px auto 0 51px; } 
.ExtraInfoPopup { display: none; border: 3px solid #8F8F8F; padding: 10px; background-color: #ffffff; font-size: 10px; color: #172169; font-family: Arial,Verdana,Helvetica,sans-serif; width: 406px; position: absolute; left: 60px; margin-top: 120px; z-index: 5000; }
.CookieExplanation { color: #3366cc; cursor: pointer; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px; text-decoration: underline; }
.CookieExplanation:hover { color: #0000ff; }
.MembershipExpiredTable { width: 680px; }
.mainViewport { text-align: left; width: 700px; overflow: auto; }
.MemberRenewalViewport { text-align: left; width: 610px; overflow: auto; }
.clearall, .ClearDiv { clear: both; }
.errorDiv { font-size: 8pt; color: #F00; padding: 3px 3px 3px 0; margin: auto; width: 700px; text-align: center; }
.creditcard { width: 160px; }
.narrow { width: 500px; }
.pageSubHeader { color: #172169; font-weight: bold; font-size: 12px; width: 100%; background-color: #e5f2ff; text-align: left; margin: 10px 0 5px 0; padding: 2px;}
.mainBlue { color: #172169; }
.CurrentStep { font-weight: bold; }
.MemberAmountGrid { border: 0; padding: 0; width: 100%; }
.MemberAmountGrid td { border: 0; padding: 0; margin: 0; margin: 0 0 20px 0; }
.MemberAmountGridHeader { font-weight: bold;}
.btnRenewWOChanges { float: right; margin: 10px 0 38px 0; clear: both; }
.btnRenewWithChanges { float: right; margin: 0 0 50px 0; clear: both; }
.AutoBill { width: 400px; margin: -10px 10px 10px 10px; }
.AutoBill input { float: left; }
.AutoBill label { display: block; padding: 1px 2px; margin-left: 25px; text-indent: 0px; }
.ValidatorDivAutobill { width: 150px; float: right; margin: -67px 50px 0 0; }
.PaymentTypeDiv { float: left; vertical-align: top; padding: 0px 0px 0px 30px; margin: 0px 0 20px 0; }
.ThankYouTitleDiv { background-color: #e5f2ff; border: solid 1px #034883; }
.ThankYouTitle { font-weight: bold; font-size: 16px; color: #172169; }
.BackContinueDiv { width: 625px; padding: 10px 0 0 0; margin: 0 0 0 -2px; }
.BackContinueDivCardChoice { clear: both; width: 720px; padding: 10px 0 0 0; margin: 0 0 0 0; }
.BackContinueDivMemberInfo { clear: both; width: 790px; padding: 10px 0 0 0; margin: 0 0 0 0; }
.ContinueDiv { float: right; margin: 5px 2px 5px 0; text-align: right;  }
.BackButtonDiv { float: left; margin: 5px 2px 0 0; }

.PanelShowAutobill { width: 610px; color: #172169; }
.PageTitle { font-weight: bold; font-size: 16px; color: #2263ad; margin: 15px 0 0 0; text-align: center; }
.JoinBox { float:left; clear:both; width:600px; padding: 10px; }
.JoinBoxChoosePlan { float:left; clear:both; width:718px; padding: 0px; }
.TopTitle { font-size:27pt;font-weight:bolder;color:#28377d; margin: 22px 5px 2px 0; height: 38px; padding: 0;}
.TopTitleChoosePlan { font-size:27pt;font-weight:bolder;color:#28377d; margin: 0 5px 2px 0;}
.subTitle { font-size:14pt; font-weight:bolder;color:#28377d; }
.subTitleChoosePlan { font-size:14pt; font-weight:bolder;color:#000; }
.descriptionTitle { font-size:13pt;font-weight:bolder;color:#28377d; }
.RadioListSpacing { padding:10px 0 0 0;font-size:9pt}
.FormTitleText { color:#000;font-size:10pt;font-weight:bold;padding-bottom:5px}
.FormFieldBox { font-family:arial;font-size:10pt;color:#000;border:solid 1px #ced1d5;height:20px}
.ErrorMsg {color:red;font-size:8pt}
.SummaryText {font-size:11pt;font-weight:bolder;color:gray}
.HighlightColumn {background-color:#e4e7ec;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-khtml-border-radius:0 10px 10px 0;-o-border-radius:0 10px 10px 0;-icab-border-radius:0 10px 10px 0}
.AsterixText {font-size:10pt;color:#28377d;vertical-align:super}
.WelcomeLogoDiv { float: left; margin: 0 15px 0 0; padding-bottom: 40px;}
.WelcomeDiv { width: 625px; text-align: left;  overflow: auto; min-height: 450px; margin: 0 auto;}
.TempCardDiv { color:black; font-size:12px; padding-bottom:5px; margin: 45px 0 30px 0;  }
.imgTempCardBack { width: 300px; border: 0px; padding-top: 10px; }
.MailerImageDiv { float: left; width: 250px; margin: 25px 70px 35px 15px; }
.MailerImage { margin: 0 30px 15px -9px; }
.Mailer3Char { width: 25px; }
.Mailer4Char { width: 35px; }
.TempZipDiv { margin: 40px 0 0 0; font-weight: bold; }
.TempCardZip { font-style:italic; color:gray; font-size:11px; font-weight:normal; }
.TempCardZipDiv { float: right; margin: 10px 14px 10px 0; }
.ReferredLogoDiv { float: left; margin: 3px 20px 0 0; }
.ReferredDetailsDiv { float: left; width: 380px; margin: 15px 0 0 0; }
.ReferralRadioDiv { width: 200px; }
.ReferralRadioDiv input { margin-bottom: 8px; }
.Login9Char { width: 100px; }
.Login3Char { width: 30px; }
.Login1Char { width: 20px; }
.ChoosePlanDiv { width: 720px; text-align: left;  overflow: auto; }
.JoinFlowDiv { float: left; margin: 11px 255px 0 0;}
.SignInCell { padding: 10px 0 0 145px; }
.PlanCompareLeft { float: left; width: 369px; padding: 10px 0 0 0; }
.PlanCompareRight { float: left; width: 293px; margin: 0 0 0 26px; padding:10px 10px 21px 20px; background-color: #E4E7EC; border-radius: 0 10px 10px 0; }
.PlanCardDiv { clear:both; cursor:pointer; height: 100px; margin: 0 0 0 0; }
.MembershipRadioClass { float: left; width: 20px; padding: 30px 10px 0 6px; }
.ChooseCardImage { float: left; width: 115px; padding: 0 10px 0 0; }
.PlanCardDetail { float: left; width: 204px; }
.PlanCardDetailText { font-size:8pt; font-weight:bold; color:gray; }
.MemberPricingDescription { width: 110px; float: left; }
.MemberPricingPrice { width: 94px; float: left; text-align: right; }
.ChoosePlanArrowDiv { position:relative; top:-325px; left:375px; width:15px; }
.PlanChooseLargeCardImage { text-align: center; height: 130px; }
.PlanDetailsTextDiv { margin: 11px 0 0 0; line-height: 30px; letter-spacing: -1px;}
.PlanDetailsDisclaimer { font-size: 10px; line-height: 10px; color: #444; padding-top: 10px; min-height: 30px; }
.OfferBox { float:left; clear:both; width:615px; padding: 0; }
.OfferLeft { padding: 10px 20px 10px 10px; width: 410px;}
.OfferHighlightColumn { float: right; width: 148px; height: 100%; padding: 10px 12px 25px 9px; }
.OfferHighlightColumn p { margin: 0 0 5px 0; }
.OfferRightImage { position:relative; display:block; left:-25px; top:-5px; width:150px; height:100px; margin: 0 0 40px 0; }
.OfferRightImage p { margin: 0 0 10px 0; }
.gray { color: gray; }
#FreeMonthMessage { padding:25px 10px 0px 50px; }
.OfferCode { color:#28377d; }
.OfferLabels { line-height:14pt; padding:15px 0px 15px 0px; }

.JoinBoxMemberInfo { float: left; clear:both; width:100%; padding: 0px; margin: 0; } 
.MemberInfoDiv { margin-left: auto; margin-right: auto; width:800px; padding:25px 0px 0px 0px; }
.TopTitleMemberInfo { font-size:27pt;font-weight:bolder;color:#28377d; margin: 0 5px 2px 0; float: left; padding: 0 0 0 75px; }
#AddAssociateContainer { background-color: #FFF; padding: 0px; width: 600px; padding-top: 10px;}
#HowManyAssociates { width: 470px; padding: 3px 0 5px 0; }
.HowManyAssociatesDropdown { width: 50px; float: right; text-align: right; }
#MemberInfo { float: left; width: 550px; margin-right: 0px; }
#MemberInfo .Spacer { margin-left: 10px;}
#PricingInfo { float: right; width: 190px; padding-top: 20px; margin: 0 20px 0 0;}
#PricingInfo .Spacer { margin-left: 5px; padding-top: 3px; width: 190px;}
.PriceRow { width: 200px; clear: both; padding-top: 3px;}
.PriceRow .Description { float: left; width: 120px;}
.PriceRow .Price { float: left; width: 80px; text-align: right;}
#CWSForm .RoundedBoxes { border: 1px solid #e0e3e8; padding: 0; margin: 10px 0 0 0; width: 790px;}
#NameBoxContainer { background-color: #FFF;}
#NameBox {width: 520px;}
.PrimaryExtraInfoHolder {width: 580px;}
.PrefixField {float: left; width: 80px; min-height: 50px;}
.SuffixField {float: left; width: 80px; min-height: 50px;}
.FirstNameField {float: left; width: 150px; min-height: 50px;}
.MIField {float: left; width: 30px; min-height: 50px;}
.LastNameField {float: left; width: 150px; min-height: 50px;}
.FormFieldBox {height: auto;}
#AddressBoxContainer {background-color: #FFF; padding-top: 20px;}
#AddressBox { width: 580px; }
.CWSNameFirstName { width: 140px; }
.CWSNameMI { width: 15px; }
.CWSNameLastName { width: 130px; }
#ContactInfoContainer {background-color: #FFF; margin-bottom: 10px; padding-top: 5px;}
#ContactInfo {width: 580px;}
#AddAssociateContainer {background-color: #FFF; padding: 0px; width: 550px; padding-top: 10px;}
#AddAssociate { padding: 7px 0 0 0;}
.AssociateNameHolder {width: 580px;}
.MemberInfoTitle { font-size: 13pt; font-weight:bold; color:#28377d; padding-top: 20px; border-bottom: 1px solid #28377D; margin-right: 20px;}
.descriptionParagraph {padding-top: 5px; padding-bottom: 10px;}
#MembershipCard {text-align: center; padding-bottom: 10px;}
#Address2Holder, #CityHolder, #PaymentCCFirstName, #PaymentCCLastName {float: left; margin: 0 6px 0 0; }
#Address1Holder { float: left; margin: 0 6px 0 0; }
#StateHolder {float: left; width: 156px; margin: 0 4px 0 0}
#ZipHolder {float: left; width: 120px;}
.LeftColumn {float: left; width: 240px; text-align: left;}
.RightColumn {float: left; width: 240px; text-align: left;}
.CWSAddressAddr1 { width: 340px; }
.CWSAddressAddr2 { width: 100px; }
.CWSAddressCity { width: 230px; }
.CWSAddressZip { width: 72px; }
.CWSAddressCounty { width: 280px; }
.CWSEmail1 { width: 230px; } 

.TopTitleJoinPayment { margin: 0 0 10px 30px; }
.JoinPaymentDiv { margin-left: auto; margin-right: auto; width:750px; padding:25px 0px 0px 0px; }
.JoinBoxPayment { float:left; clear:both; width:748px; padding: 0px;  } 
.JoinPaymentSummary { float: none; background-color: #e5f2ff; padding: 5px;}
.JoinPayCard { float: left; width: 160px; text-align: center; }
.JoinPayCardImage { width: 115px; height: 73px; }
.PayNamePriceSummary { float: left; width: 570px; }
.PayNameChange { float: left; width: 200px; display: none; font-weight: bold; font-size: 11px; text-decoration: none; }
.PayMemberChange { float:left; width:170px; display: none; text-align: center; font-weight: bold; font-size: 11px; text-decoration: none; }
.PayMemNameTitle { float:left; width:200px; padding-bottom:5px; }
.PayMemBikeTitle { float:left; width:180px; text-align: center; padding-bottom:5px }
.PayMemDuesTitle { float:left; width:185px; text-align: right; padding:0 0 5px 0;}
.PayMemSummaryTotalDiv { clear:both; padding-top: 10px; text-align:right; border-top:solid 1px gray }
.PaymentTypeChoices {padding-left: 10px;}
#CreditCardDiv .descriptionTitle, #PaymentAutoBill .descriptionTitle, .PayTitle { font-size: 13pt; font-weight:bold; color:#28377d; padding-top: 20px; border-bottom: 1px solid #28377D; margin-right: 20px; }
#CreditCardDiv {padding-left: 10px;}
#PaymentNameHolder {padding-top: 5px;}
#PaymentCCNumber {float: left; padding-top: 5px; width: 170px; }
#PaymentCCExpiration {float: left; padding-top: 5px; width: 200px; }
#PaymentValidateInfo {padding-left: 15px; padding-top: 10px;}
#PaymentCCType {height: 20px;}
#SelectCCTypeLabel {float: left; width: 150px;}
#VisaCCType {float: left; width: 75px;}
#MCCCType {float: left;  width: 105px;}
#DiscoverCCType {float: left;  width: 90px;}
#AmexCCType {float: left;  width: 140px;}
#PaymentAutoBill {margin-top: 20px; padding-left: 10px;}
#PaymentRenewalOptions {padding-left: 5px; }
#EFTDiv .descriptionTitle { margin: 15px 0 0 0; border-bottom: 1px solid #28377D; }
#EFTTAndC { margin: 15px 0 15px 0; }
.PayInfoSubmitOnce { font-size: 10px; color: #555; padding-top: 10px; clear: both; text-align: right;}
.PayInfoSSL { padding-top: 10px;  margin: auto; margin-top: 10px; font-size: 10px; }
.JoinReceiptDiv { width: 620px; margin: auto; }

.loggedOutDiv { width: 925px; padding: 15px 0 15px 0; }
.loggedOutTextDiv { width: 590px; float: left; }
.loggedOutImage { border-left: 1px solid #CCC; width: 300px; float: left; margin-left: 15px; padding: 0 0 0 8px; }
#VerisignSeal img { margin: 0 0 -3px 0 }


/* Gift Funnel 'Breadcrumb' */
.GiftFunnelDiv {margin: 5px 5px 5px 5px; font-size: 13px; font-family: Arial Black; color: #DDD; text-align: center;}
.GiftFunnelDiv .Active {font-weight: bold; color: #28377D;}

.AdditionalInfo {font-size: 11px; color: #555; padding: 3px; padding-top: 10px; padding-left: 0px;}

/* Gift - page 1 */
#GiftForm {width: 850px; margin: 0 auto;}
#GiftForm .RoundedBoxes { border: 1px solid #e0e3e8; padding: 0px;  width: 840px;}
.GiftWelcomeDiv {text-align: left;  margin: 0 auto;  overflow: auto; width: 100%;}
.GiftRecipientInfo {padding-left: 10px; padding-bottom: 10px;}
.BackContinueDivGiftWelcome { clear: both; width: 840px; padding: 10px 0 0 0; margin: 0 0 0 0; }
.GiftOccasionTitle { font-size: 13pt; font-weight:bold; color:#28377d; padding-top: 20px; border-bottom: 1px solid #28377D; margin-right: 20px;}
.GiftDeliveryInfoTitle { font-size: 13pt; font-weight:bold; color:#28377d; padding-top: 20px; border-bottom: 1px solid #28377D; margin-right: 20px;}

/* Gift Membership Choice */
#GiftForm .PlanCompareLeft { float: left; width: 379px; padding: 10px 0 0 0; }
#GiftForm .PlanCompareRight { float: right; width: 403px; margin: 0 0 0 26px; padding:10px 10px 21px 20px; background-color: #E4E7EC; border-radius: 0 10px 10px 0; }
#GiftForm .ChoosePlanArrowDiv { position:relative; top:-325px; left:388px; width:15px; }

/* Gift Member info */
#GiftForm #MemberInfo { float: left; width: 550px; margin-right: 0px; text-align: left;}


/* Gift payment info */
.GiftPaymentSummary { float: none; background-color: #e5f2ff; padding: 15px;}
.GiftPayCard { float: left; width: 160px; text-align: center; }

#GiftDeliveryInfo {margin-right: 0px; width: 100%;}
.GiftDeliverLocation td {width: 85px;}
#GiftDeliveryAddress {padding: 5px; background-color: #EEE; font-size: 1em; width: 300px; margin: 5px; min-height: 70px;}

/* Gift Receipt */
.GiftReceiptDiv { width: 620px; margin: auto; }