

  body { color: #5A5A5A; font: bold 8pt arial; margin-top: 0px; margin-bottom: 0px }
    
  #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 }
    

 /* new login form
    ==================================================================================================================== */
    
    #signUp { vertical-align: top; border-right: 1px solid #D9D8D4; border-bottom: 3px solid #F0F0EE; }
    #signUp_text { margin: 9px 0 0 21px; width: 320px; font: 11px arial; color: #6C6F68; }
    
    #alreadyAMember { vertical-align: top; padding: 17px 15px 0 17px; border-left: 1px solid #DAD8D5; color: #6C6F68; font: 11px arial; }    
    #alreadyAMember_title { font: bold 16px arial; }
    #alreadyAMember_text { line-height: 16px; }
    
    #loginForm { font: 10px arial; color: #6C6F68; }
    
    #login { text-align: center; vertical-align: top; padding-top: 31px; }
    #login_text { margin-top: 6px; font: 11px arial; text-align: center; }
    #login_text a { color: #6C6F68; }
    
    #notAMember { vertical-align: top; color: #666666; border-left: 19px solid #ffffff; border-right: 1px solid #D9D7D4; background-color: #F3DAD9; }
    #notAMember_title { margin: 18px 0 0 32px; font: bold 16px arial; }
    #notAMember_text { margin: 0 0 7px 32px; font: 11px arial; width: 120px; }
    
    #freeMembership { margin: 0 0 0 31px; }
    
    #eachIssue { color: #6C6F68; padding: 12px 0 0 15px; vertical-align: top; border-top: 3px solid #F0F0EE; border-bottom: 1px solid #D9D8D4; }
    #eachIssue_title { letter-spacing: 0.5px; font: 19px arial; color: #6C6F68; }
    .eachIssueFeature { font: 12px arial; margin: 31px 0 0 43px; width: 180px; }
    .eachIssueFeature_title { font: bold 12px arial; letter-spacing: 0.6px; }
           
    #newLayout_errorText { width: 100%; text-align: center; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #DAD8D5; border-left: 1px solid #DAD8D5; border-right: 1px solid #DAD8D5; }      
    #tooManyAttempts { vertical-align: top; line-height: 20px; padding: 10px; height: 20px; border-left: 1px solid #D9D8D4; border-right: 1px solid #D9D8D4; border-bottom: 1px solid #D9D8D4; }
    
    /* override general font */        

    .general { font-family: arial !important; line-height: 15px; }
    td.general a { color: #767676; }