/* SIGN IN PAGES */

body { font-family: verdana,geneva,sans-serif; font-size: 10pt; margin-top: 0px; margin-bottom: 0px }
table, tbody, th, td, p, div { font-family: verdana,geneva,sans-serif; font-size: 10pt; }
a:link { color: #767676; }
a:visited { color: #767676; }
a:active { color: #336699; }

.stepnumber { font-family: verdana,geneva,sans-serif; font-size: 12pt; font-weight: bold; color: #6394c6; }  /* goldenrod */
.stepcommand { font-family: verdana,geneva,sans-serif; font-size: 12pt; font-weight: bold; color: #578d58; }  /* green */
.issuestext { font-family: verdana,geneva,sans-serif; font-size: 9pt; }
.issueshed { font-family: verdana,geneva,sans-serif; font-size: 9pt; font-weight: bold; color: #ff6600; }  /* orange */
.label { font-family: verdana,geneva,sans-serif; font-size: 9pt; font-weight: bold; }
.comment { font-family: verdana,geneva,sans-serif; font-size: 9pt; }
.signinhed { font-family: verdana,geneva,sans-serif; font-size: 12pt; font-weight: bold; color: #6394c6; }  /* light blue */
.route { font-family: verdana,geneva,sans-serif; font-size: 12pt; font-weight: bold; }
.orangebold { color: #ff6600; font-weight: bold; } /* orange */
.bluehed { color: #6394c6; font-weight: bold; } /* light blue for headers */
.greenhed { color: #578d58; font-weight: bold; } /* green for headers */
.sorry { font-family: verdana,geneva,sans-serif; font-size: 20pt; font-weight: bold; color: #6394c6; }  /* red */
.error_text { font-family: verdana,geneva,sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000; }  /* red */
.country { font-family: verdana,geneva,sans-serif; font-size: 10pt; font-weight: bold; color: #ff6600; }  /* orange */
.caption { font-family: verdana,geneva,sans-serif; font-size: 10px; }
.preference { font-weight: bold; color: #003399; }  /* blue */
.subPromoHeadline { color: #65a7b7 !important; font: bold 15px arial !important; line-height: 17px !important; text-decoration: none; }

.general, .generalRegText, .inputFieldText, .inputField, .text { font-size: 8pt; font-family: verdana,geneva,sans-serif; color: #767676; vertical-align: top;}  /* gray */

.generalLeft10pRight15p {
    font-size: 8pt;
    font-family: verdana,geneva,sans-serif;
    color: #767676;   /* gray */
    margin-left: 10px;
    margin-right: 15px;
}

.generalLeft35p {
    font-size: 8pt;
    font-family: verdana,geneva,sans-serif;
    color: #767676;   /* gray */
    margin-left: 35px;
}

.title { font-size: 12pt; font-family: verdana,geneva,sans-serif; color: #FFFFF; }  /* gray */

.spacer4p { margin-top: 4px; }
.spacer8p { margin-top: 8px; }
.spacer12p { margin-top: 12px; }
.spacer20p { margin-top: 20px; }

.marginLeft10p { margin-left: 10px; }
.marginLeft25p { margin-left: 25px; }
.marginLeft35p { margin-left: 35px; }
.marginRight15p { margin-right: 15px; }

/*******************************************/

#frame { width: 750px; text-align: left; }
#contentLeft { float: left; width: 513px; background-image: url( 0605_sub_hed1-4.jpg ); background-repeat: no-repeat; }
#contentRight { float: left; width: 237px; background-color: #DDE9F1; height: 640px; }

#subTitle1 { margin-top: 236px; width: 380px; padding-left: 24px; font-size: 14pt; color: orange; }
#subTitle2 { margin-top: 14px; width: 500px; padding-left: 24px; }

#formHolder { margin-top: 18px; padding-left: 24px; }
#formTable { font: bold 8pt arial; }
#formTable td { height: 26px }

#loginText { font-size: 8pt; font-weight: bold; }

.formStep { padding-left: 52px; }
.formStep_v3 { padding-left: 32px; }
/* .stepNumber { font-weight: bold; font-size: 18px; color: #82AFC6 } */
.stepTitle { font-weight: bold; font-size: 14px; color: #ff9900 }
.inputColumn { padding-left: 6px; padding-bottom: 4px; width: 300px; }
.inputColumn_v3 { padding-left: 6px; padding-bottom: 4px; }
.inputColumnStep2 { padding-left: 14px; width: 315px; }
.inputColumnStep2_v3 { padding-left: 14px; }
.inputBox { border: 1px solid #6A9EC1; }

.newsletterImage { padding-left: 10px; }

a.loginURL:link    { color: #457598; }
a.loginURL:visited { color: #457598; }
a.loginURL:hover   { color: #77A2C2; }

a.details:link    { font: bold 8pt arial; color: #696969; }
a.details:visited { font: bold 8pt arial; color: #696969; }

a.imageDetails:link    { color: #505050; font-weight: normal }
a.imageDetails:visited { color: #505050; font-weight: normal }

a.giftSubscription:link    { color: #457598; font: 11pt arial; }
a.giftSubscription:visited { color: #457598; font: 11pt arial; }
a.giftSubscription:hover   { color: #77A2C2; }

a.thankYou:link    { color: #505050; font: normal 9pt arial; }
a.thankYou:visited { color: #505050; font: normal 9pt arial; }

#step1 td { padding-bottom: 6px; font: bold 8pt arial; }
#step2 td { padding-bottom: 6px; font: bold 8pt arial; }
#step3 td { padding-bottom: 6px; font: bold 8pt arial; }

#step1 input  { font-size: 10pt }
#step1 div    { font: bold 8pt arial; }      /* we need this for the dynamic sections that show and hide in the form (to prevent conflicts with other css files) */

#newsletterTable { font: bold 8pt arial; color: #696969; }
#newsletterTable td { vertical-align: top; padding-right: 8px; padding-bottom: 10px; }
#exclusiveOffersTable { font: bold 8pt arial; color: #696969; }
#exclusiveOffersTable td { vertical-align: top; padding-right: 8px; padding-bottom: 8px; }

#billMeLaterMessage_part1 { padding: 6px 0 0 19px; color: #de4a10 }
#billMeLaterMessage_part2 { padding: 6px 0 0 20px; color: #de4a10 }