/* Group D: account area, FAQ, About - mimics legacy Club_v8 member pages. Page-specific additions only. */

/* generic wrapper for account pages */
.acc-page { padding: 0 20px 30px; overflow: hidden; }
.acc-page .main-title { margin-bottom: 6px; }
.acc-intro { margin: 4px 0 14px; }
.acc-narrow { width: 560px; }

/* dotted data rows (legacy profile.aspx) */
.acc-row { border-bottom: 1px dotted #ccc; padding: 3px; position: relative; font-size: 14px; line-height: 20px; }
.acc-row strong { color: #333; }
.acc-section { margin-bottom: 10px; }

/* forms: legacy ChangePass table layout */
.acc-form { border-collapse: collapse; margin: 6px 0; }
.acc-form td { padding: 3px 4px; vertical-align: middle; font-size: 14px; }
.acc-form td.lbl { width: 150px; color: #333; }
.acc-form input.inputfield { width: 220px; margin: 2px 0; }
.acc-form input.inputfield[disabled] { color: #777; background: #f5f5f5; border-color: #ddd; }
.acc-form tr.group td { padding-top: 14px; }
.acc-form .req { color: red; }
.acc-actions { margin: 14px 0 0; overflow: hidden; }
.acc-actions .button-link { margin-right: 8px; cursor: pointer; font-size: 14px; font-family: Arial, Helvetica, sans-serif; border: 0; }
.acc-page .validation_error { margin: 6px 0; }
.acc-page .validation_error ul { margin: 0; }
.acc-page .validation-summary-valid { display: none; }
.acc-page .field-validation-error { color: #c00; font-size: 12px; margin-left: 4px; }

/* dashboard two columns */
.acc-left { float: left; width: 430px; }
.acc-right { float: right; width: 470px; }
.acc-right .main-title-borderbottom:first-child { padding-top: 0; }
.acc-links a { display: inline-block; margin: 8px 8px 0 0; }

.acc-card { position: relative; width: 300px; margin: 6px 0 10px; }
.acc-card img { display: block; width: 300px; }
.acc-card .card-no { position: absolute; top: 128px; left: 22px; color: #fff; font-size: 13px; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.acc-card .card-exp { position: absolute; top: 150px; left: 22px; color: #fff; font-size: 11px; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.acc-card .card-stamp { position: absolute; top: 8px; right: 8px; background: #b43131; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 8px; }

.acc-fav { list-style: none; margin: 6px 0 0; padding: 0; overflow: hidden; }
.acc-fav li { float: left; width: 145px; margin: 0 8px 12px 0; position: relative; }
.acc-fav li a { display: block; text-decoration: none; color: #333; }
.acc-fav .fav-thumb { width: 145px; height: 95px; background: #efefef; overflow: hidden; }
.acc-fav .fav-thumb img { width: 145px; height: 95px; object-fit: cover; display: block; }
.acc-fav h3 { font-size: 13px; line-height: 16px; padding: 3px 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #154397; }
.acc-fav .fav-cat { font-size: 11px; color: #666; }
.acc-fav .heart { position: absolute; top: 3px; right: 3px; border: 0; background: rgba(255,255,255,.85); color: #c00; font-size: 16px; line-height: 18px; width: 22px; height: 22px; padding: 0; cursor: pointer; }

.acc-offers { list-style: none; margin: 6px 0 0; padding: 0; }
.acc-offers li { border-bottom: 1px dotted #ccc; padding: 4px 3px; font-size: 14px; }
.acc-offers li a { color: #154397; font-weight: bold; text-decoration: none; }
.acc-offers li a:hover { text-decoration: underline; }
.acc-offers li span { display: block; font-size: 12px; color: #666; }
.acc-gift { overflow: hidden; margin-top: 6px; }
.acc-gift img { float: left; width: 130px; margin: 0 12px 0 0; }
.acc-help { font-size: 14px; line-height: 22px; }
.acc-help a { color: #154397; }
.acc-more { float: right; font-size: 12px; font-weight: normal; }
.acc-more a { color: #154397; }

/* FAQ / About */
.become-member-box img { max-width: 100%; }