/*-------------------------------------------------------------------------
= Help Pages
--------------------------------------------------------------------------*/

#agi-rail #agi-leftnav {
    padding: 5px 10px 5px 5px;
}

#agi-rail #agi-leftnav ol {
    display: block;
    list-style: none;
    margin: 3px 0 6px 0;
    padding: 0;
}

#agi-rail #agi-leftnav ol li {
    display: block;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 5px 0;
    width: 140px;
}

#agi-helppage {
    margin: 0;
    padding: 0;
}

#agi-helppage h1,
#agi-helppage h2,
#agi-helpquestion #agi-leftnav,
#agi-helpquestion #agi-leftnav h3,
#agi-helpanswer #agi-leftnav,
#agi-helpanswer #agi-leftnav h3 {
    text-transform: none;
}

#agi-helppage h2 {
    color: #c94747;
}

#agi-helppage .newrow {
    clear:both;
}

#page-helpindex h1 {
    color: #c94747;
    font-size: 30px;
}

#page-emailsent #agi-content,
#page-helpindex #agi-content,
#agi-helpquestion #agi-content,
#agi-helpanswer #agi-content {
    display: inline;
    float: left;
    margin: 0 0 0 14px;
    padding: 0;
    width: 740px;
}

#agi-rail .agi-searchform li.fli-button input.button {
    text-indent: -9999px;
}

#agi-rail h2 {
    color: #c94747;
    font-size: 14px;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
    margin-top: 10px;
}

/*= Formatting Answers
--------------------------------------------------------------------------*/

#agi-helpanswer h1 {
    color: #333;
    font-size: 20px;
}

#agi-answer h3 {
    color: #666;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
}

#agi-helpanswer  h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
}

/*= OLD Alert Message Code
--------------------------------------------------------------------------*/

#agi-helpalertold {
    color: #f00;
    background-color: #fff;
    font-size: 13px;
    padding: 2px;
}

/*= Alert Message Code
--------------------------------------------------------------------------*/

#agi-helptitle {
    width: 580px;
    height: 140px;
    background: url(/agbeta/help/billboard.jpg);
    position: relative;
    text-align: center;
}

#agi-helpalertbox {
    margin-top:5px;
}

#agi-helpalert {
    width: 578px;
    height: 45px;
    background-color: #fff;
    background: url(/agbeta/help/alert.jpg);
    border: 1px solid #ccc;
    font-size: 13px;
}

#agi-helpalert a {
    background: url(/agbeta/help/dot.gif) no-repeat ;
    color: #f00;
    display: block;
    padding: 15px 5px 0px 15px;
    text-decoration: none;
    width: 558px;
}

#agi-helpalert a:hover {
    text-decoration: underline;
}

.agi-alert {
    text-align: left;
}

#agi-helpmsg {
    margin: 10px 0;
    padding-bottom: 2px;
    width: 82%;
}

#agi-helpmsg h3 {
    margin: 0 0 20px 0;
    padding: 15px 20px;
    background-color: #eaeaea;
    color: #9d0007;
    font-size: 24px;
}

#agi-helpmsg p {
    font-size: 12px;
    line-height: 1.5;
    margin: 0 20px 10px 20px;
    padding: 0;
}

#agi-helpmsg p span {
    color: #c94747;
    font-size: 14px;
    font-weight: bold;
}

/*= Individual Content Lists
--------------------------------------------------------------------------*/
.agi-helplist {
    background: none;
    float: none;
    width: auto;
}

.agi-helplist ul {
    background: url(/agbeta/grey-bg.jpg) repeat;
    box-shadow: 0 2px 3px #bbb;
    -moz-box-shadow: 0 2px 3px #bbb;
    -webkit-box-shadow: 0 2px 3px #bbb;
    font-size: 12px;
    margin: 0 0 5%;
    padding: 3%;
    text-align: left;
    width: 75%;
}

.agi-helplist h2 {
    color: #c94747;
    padding: 0 0 10px;
    text-transform: lowercase !important;
}

.agi-helplist li {
    background: url(/agbeta/ecards/gift/bullet-red-dot.png) no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    margin-bottom: 10px;
    padding-left: 15px;
}

#agi-question {
    background: url(/agbeta/grey-bg.jpg) repeat;
    box-shadow: 0 2px 3px #bbb;
    -moz-box-shadow: 0 2px 3px #bbb;
    -webkit-box-shadow: 0 2px 3px #bbb;
    font-size: 12px;
    margin: 2% 0;
    padding: 2% 3%;
    width: 94%;
}

#agi-helppage #agi-question li {
    background: url(/agbeta/ecards/gift/bullet-red-dot.png) no-repeat scroll 5px 15px rgba(0, 0, 0, 0);
    padding: 10px 20px;
}

#agi-helppage li.question_a {
    background-color: #F2F0DE;
    padding: 5px;
}

#agi-helppage li.question_b {
    background-color: #fff;
    padding: 5px;
}

#agi-helppage #agi-answer {
    color: #666;
    font-size: 12px;
    margin: 10px 0 30px 0;
    text-align: left;
}

#agi-helppage #agi-helplinks {
    text-align: left;
    padding: 20px 0 5px 0;
    border-bottom: solid 1px #C6C6C6;
}

#agi-helpquestion #agi-helplinks {
    border: none;
}

#agi-helppage #agi-helpbuttons {
    padding: 10px 0 0 0;
}

#agi-helpresource {
    margin: 0 0 15px 0;
    padding: 0;
}

fieldset#agi-help-contactinfo {
    margin: 0;
    padding: 0;
    border: 0;
}

#agi-helpbuttons input.agi-button-copy.agi-button-inner {
    cursor: pointer;
}

/*= DMCA 04.02.08
--------------------------------------------------------------------------*/

#agi-dmca label {
    font-weight: bold;
}

#agi-dmca-disclaimer {
    margin: 0 0 12px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-weight: bold;
}

#agi-dmca-maincopy {
    margin: 0 0 12px 0;
    padding: 0;
}

.agi-dmca-lginput {
    width: 500px;
}

#agi-dmca-contactinfo {
    border: 0;
}

fieldset#agi-dmca-contactinfo {
    margin: 0;
    padding: 0;
}

fieldset#agi-dmca-contactinfo ol li {
    margin: 0 0 12px 0;
    padding: 0;
}

fieldset#agi-dmca-contactinfo label {
    font-weight: bold;
}

.agi-abbreviate {
    text-transform: none;
}

button#dmca-submit {
    background: url(/agbeta/button/submit-dflt.png) no-repeat 0 0;
    border: 0 none;
    cursor: pointer;
    height: 30px;
    padding: 1px 6px;
    text-indent: -9999px;
    width: 94px;
}

.ag-formerror {
    border: 1px solid #c94747;
}

fieldset textarea {
    width: 500px;
}

.form fieldset span.error-message {
    color: #c33;
    font-size: 12px;
}

/*= Online Cancel/Save 11.15.17
--------------------------------------------------------------------------*/
body.cancel-save .save-benefits-btn,
body#help-online-cancel .save-benefits-btn {
    margin: 70px;
}

body.cancel-save .agi-answer-save,
body#help-online-cancel .agi-answer-save {
    font-size: 0.75rem;
    margin: 15px 2px;
}

body.cancel-save h1 {
    color: #c33;
    font-family: 'OpusRoman',arial,sans-serif;
    text-transform: none;
}
body.cancel-save #agi-page #agi-main h1 + p {
    margin: 15px 0;
}

body.cancel-save .four-spotlight {
    background: url(/agbeta/grey-bg.jpg) repeat 0 0;
    box-shadow: 0 1px 5px #999;
    -moz-box-shadow: 0 1px 5px #999;
    -webkit-box-shadow: 0 1px 5px #999;
}

body.cancel-save .greybox {
    margin: 0 auto;
    width: 80%;
}

body.cancel-save h2 {
    color: #666;
    font-family: 'OpusRoman',arial,sans-serif;
    font-size: 1rem;
    font-weight: bold;
    padding: 30px 0 20px 0;
    text-align: center;
    text-transform: none;
}

body.cancel-save .four-spotlight h2 {
    font-size: 1.1rem;
    padding: 15px 0;
}


body.cancel-save .four-spotlight .two-thumb {
    float: left;
    margin-bottom: 20px;
    width: 49%;
}

body.cancel-save .four-spotlight .two-thumb h3 {
    color: #c33;
    font-size: 0.9rem;
    margin: 15px;
    text-align: center;
    text-transform: none;
}

body.cancel-save .four-spotlight .separator-horiz {
    background: url(/agbeta/footer/footer-top.png) no-repeat 50% 0;
    height: 2px;
    margin: 0 auto;
    width: 96%;
}

body.cancel-save .four-spotlight .separator-vert {
    background: url(/agbeta/v-separator-420.png) 50% 0 no-repeat;
    float: left;
    height: 125px;
    margin-top: 15px;
    width: 2%;
}

body.cancel-save .four-spotlight .two-thumb a {
    display: block;
    float: left;
    width: 40%;
    margin: 0 5%;
    text-decoration: none;
}

body.cancel-save.confirm .cancelsave-module a span,
body.cancel-save .four-spotlight .two-thumb a span {
    display: block;
    margin-top: 5px;
}

body.cancel-save.confirm .cancelsave-module a img,
body.cancel-save .four-spotlight .two-thumb a img {
    box-shadow: 0 1px 2px #999;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
    max-width: 160px;
    width: 100%;
}

body.cancel-save .four-spotlight .chkbox-container {
    margin-left: 30px;
    padding: 10px 0;
    text-align: left;
}

body.cancel-save .four-spotlight .chkbox-container label {
    font-weight: bold;
    padding-left: 20px;
}

body.cancel-save .four-spotlight .chkbox-container input {
    vertical-align: middle;
}

body.cancel-save #agi-helpbuttons-save {
    margin: 30px 0 0 30px;
}

/*= second offer page ----------------------------*/

body.cancel-save .offerbox {
    margin: 20px 0;
}

body.cancel-save .offerbox div {
    float: left;
    width: 48%;
}

body.cancel-save #agi-page #agi-main .offerbox div:first-child p {
    color: #c33;
    font-family: 'OpusRoman',arial,sans-serif;
    font-size: 1.5rem;
    margin: 0;
    padding: 45px 0;
    text-align: center;
}

body.cancel-save .offerbox .separator {
    background: url(/agbeta/v-separator-420.png) 50% 0 no-repeat;
    float: left;
    height: 110px;
    width: 4%;
}

body.cancel-save #agi-page #agi-main .offerbox .offer-value p {
    color: #333;
    font-family: 'OpusRoman',arial,sans-serif;
    font-size: 2.1rem;
    margin-top: 20px;
    text-align: center;
}

body.cancel-save .offerbox .offer-value span {
    color: #c33;
    font-family: 'OpusRoman',arial,sans-serif;
    font-size: 1.1rem;
}

body.cancel-save #agi-helpbuttons-offer form {
    display: inline-block;
    margin: 20px;
}

body.cancel-save.final #agi-page #agi-main .greybox {
    width: 98%;
}

body.cancel-save.final #agi-page #agi-main .greybox span {
    display: block;
    font-size: 0.75rem;
    margin: 20px auto;
    padding: 30px;
    text-align: left;
}

body.cancel-save.confirm #agi-page #agi-main .greybox {
    margin: 20px 0 30px 0;
    padding: 15px 0;
    width: 98%;
}

body.cancel-save.confirm #agi-page #agi-main .greybox p {
    font-size: 0.75rem;
    margin-left: 20px;
}

body.cancel-save.confirm h2 {
    color: #c33;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 20px 0 15px 0;
    text-align: left;
}

body.cancel-save.confirm .cancelsave-module a {
    display: block;
    float: left;
    margin: 0 1%;
    width: 23%;
}

body.cancel-save.confirm .more-btn {
    margin: 25px 10px 20px 0;
    text-align: right;
}

body.cancel-save.confirm .cancelsave-module.printabs a img {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/*= Online Cancel/Save 05.03.09
--------------------------------------------------------------------------*/

.agi-cspage #agi-main {
    width: 100%;
    overflow: hidden;
}

.agi-cspage #agi-helppage h1 {
    margin: 0 0 26px 0;
    padding: 12px 12px 10px 12px;
    border-bottom: 1px solid #dbd49e;
    background: url(/agbeta/help/cshead-back.png) repeat-x left bottom;
    font-size: 38px;
}

.agi-cspage #agi-helppage h2 {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 17px;
    color: #000;
    text-transform: none;
}

.agi-cspage #agi-helppage h3 {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 15px;
    color: #000;
    text-transform: none;
}

.agi-cspage #agi-helppage h4 {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    color: #663;
    text-transform: none;
}

.agi-cspage fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.agi-cspage #agi-helppage #agi-helplinks {
    padding: 0 0 5px 22px;
    border: none;
}

ul#agi-btnrow {
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
    overflow: hidden;
}

ul#agi-btnrow a {
    text-decoration: underline;
}

ul#agi-btnrow a:hover {
    text-decoration: none;
}

ul#agi-btnrow li {
    margin: 0 20px 0 0;
    padding: 0;
    float: right;
    vertical-align: middle;
    font-size: 15px;
    display: inline; /* fixes ie6 double float margin bug */
}

ul#agi-btnrow li input {
    border: none;
}

ul#agi-btnrow li#agi-csexit,
ul#agi-btnrow li#agi-cscontinuecancel {
    margin-top: 10px;
}

.agi-cspage #agi-content {
    margin: 0 0 0 6px;
    width: 597px;
}

.agi-cspage #agi-helppage {
    margin: 0 0 20px 0;
}

.agi-cscontent {
    margin: 0 15px 0 12px;
    padding: 0;
}

#agi-productline-content ul#agi-csreasons {
    margin: 60px 0 0 0;
}

.agi-csfocus ul,
.agi-csfocus ol,
.agi-csthumbspot ul {
    list-style: none;
    color: #663;
}

.agi-csthumbspot {
    margin: 0;
    padding: 2px 2px 20px 2px;
    border: 1px solid #dbd49e;
    text-align: left;
    width: 564px;
    overflow: hidden;
}

ul#agi-csthumbrow-4,
ul#agi-csthumbrow-5,
ul#agi-csthumbrow-6 {
    margin: 0 0 30px 0;
    padding: 0;
    width: 560px;
    overflow: hidden;
}

ul.agi-ecbdaythumbs {background: url(/agbeta/help/ec-m-benefit-560x140b.jpg) no-repeat 0 25px;}
ul.agi-ecanimatedthumbs {background: url(/agbeta/help/ec2-m-benefit-560x130ag.jpg) no-repeat 0 25px;}
ul.agi-cpbdaythumbs {background: url(/agbeta/help/cnp-m-benefit-560x125ag.jpg) no-repeat 0 25px;}
ul.agi-cpgreetingthumbs {background: url(/agbeta/help/cnp2-m-benefit-560x130ag.jpg) no-repeat 0 30px;}
ul.agi-bunbdaythumbs {background: url(/agbeta/help/bun-m-benefit-560x145ag.jpg) no-repeat 0 25px;}
ul.agi-bunanimatedthumbs {background: url(/agbeta/help/bun2-m-benefit-560x140ag.jpg) no-repeat 0 30px;}

ul#agi-csthumbrow-4 li,
ul#agi-csthumbrow-5 li,
ul#agi-csthumbrow-6 li {
    margin: 0 4px;
    padding: 0;
    float: left;
    display: inline; /* fixes ie6 double float margin bug */
}
ul#agi-csthumbrow-4 li {width: 132px;}
ul#agi-csthumbrow-5 li {width: 100px;}
ul#agi-csthumbrow-6 li {margin: 0 1px;width: 91px;}

.agi-cspage #agi-helppage #agi-csthumbrow-6 h4 {
    font-size: 10px;
}

ul#agi-csthumbrow-4 li a,
ul#agi-csthumbrow-5 li a,
ul#agi-csthumbrow-6 li a {
    margin: 0;
    padding: 0;
    height: 170px;
    display: block;
    text-decoration: none;
}
ul#agi-csthumbrow-4 li a {width: 132px;}
ul#agi-csthumbrow-5 li a {width: 100px;}
ul#agi-csthumbrow-6 li a {width: 91px;}

ul#agi-csthumbrow-4 li#agi-cpbdaythumbs1,
ul#agi-csthumbrow-4 li#agi-cpbdaythumbs1 a,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs1,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs1 a {width: 110px;}
ul#agi-csthumbrow-4 li#agi-cpbdaythumbs2,
ul#agi-csthumbrow-4 li#agi-cpbdaythumbs2 a,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs2,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs2 a {width: 140px;}
ul#agi-csthumbrow-4 li#agi-cpbdaythumbs3,
ul#agi-csthumbrow-4 li#agi-cpbdaythumbs3 a,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs3,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs3 a {width: 150px;}
ul#agi-csthumbrow-4 li#agi-cpbdaythumbs4,
ul#agi-csthumbrow-4 li#agi-cpbdaythumbs4 a,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs4,
ul#agi-csthumbrow-4 li#agi-bunbdaythumbs4 a {width: 125px;}

.agi-cspage #agi-helppage .agi-csthumbspot h3 {
    margin: 0 0 25px 0;
    font-size: 16px;
    color: #663;
}

.agi-csfocus {
    margin: 0;
    padding: 20px;
    border: 1px solid #dbd49e;
    text-align: left;
    width: 528px;
    overflow: hidden;
}

.agi-csfocus input,
.agi-csfocus img {
    background: none;
}

#agi-csleftimage {
    float: left;
}

#agi-csoptions {
    margin: 0;
    padding: 0;
    float: left;
    width: 310px;
    overflow: hidden;
}

#agi-csoptions ul,
#agi-csoptions ol {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

#agi-csoptions ul li,
#agi-csoptions ol li {
    margin: 0 0 12px 0;
    padding: 0;
    line-height: normal;
}

#agi-csoptions ul li input.radio {
    margin: 1px 0 0 0;
    padding: 0;
    float: left;
    width: 16px;
}

#agi-csoptions ul li label {
    margin: 0 0 0 4px;
    padding: 0;
    float: left;
    width: 280px;
    display: inline;
    line-height: normal;
}

#agi-csoptions ul li span {
    margin: 0;
    padding: 6px 0 4px 0;
    display: block;
    clear: both;
    color: #000;
}

.fli-csmessage a {
    cursor: pointer;
    text-decoration: underline;
}

#agi-csoptions ul li.fli-csreasonother span {
    margin: 0 0 0 20px;
}

#agi-csoptions ul li.fli-csreasonother span input {
    width: 250px;
}

ul#agi-csproducts,
ul#agi-csnotify {
    margin: 25px 0 0 0;
}

ul#agi-csnotify #extra_message {
    margin: 25px 0;
}

ul#agi-csincentives {
    margin: 25px 0 0 0;
    padding: 0 0 0 16px;
    list-style: outside disc;
}

ol#agi-csincentives {
    margin: 25px 0 0 0;
    padding: 0 0 0 24px;
    list-style: outside decimal;
}

ul#agi-csincentives li,
ol#agi-csincentives li {
    overflow: visible;
}

ul#agi-csreasons {
    margin: 10px 0 0 0;
}

ul#agi-csreasons li {
    width: 100%;
    overflow: hidden;
}

#agi-offer-ecupsell-content #agi-csoptions p,
#agi-offer-cpupsell-content #agi-csoptions p {
    color: #663;
    font-size: 14px;
}

.agi-cspage #agi-helppage #agi-offer-ecrefund-content h2,
.agi-cspage #agi-helppage #agi-offer-cprefund-content h2,
.agi-cspage #agi-helppage #agi-offer-bunrefund-content h2,
.agi-cspage #agi-helppage #agi-offer-coupon-content h2,
.agi-cspage #agi-helppage #agi-offer-ecupsell-content h2,
.agi-cspage #agi-helppage #agi-offer-cpupsell-content h2 {
    margin: 0 0 35px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #d3d490;
    color: #663;
    font-weight: bold;
}

.agi-cspage #agi-helppage #agi-offer-ecrefund-content h2 span,
.agi-cspage #agi-helppage #agi-offer-cprefund-content h2 span,
.agi-cspage #agi-helppage #agi-offer-bunrefund-content h2 span,
.agi-cspage #agi-helppage #agi-offer-coupon-content h2 span,
.agi-cspage #agi-helppage #agi-offer-ecupsell-content h2 span,
.agi-cspage #agi-helppage #agi-offer-cpupsell-content h2 span {
    margin: 0;
    padding: 2px 0 0 0;
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    display: block;
}

#agi-misc p.agi-csacctupdate {
    margin-bottom: 30px;
    clear: both;
}

#agi-misc p.agi-csensurerefund {
    padding-left: 190px;
    font-size: 10px;
    line-height: 1.1em;
}

#agi-csoptions ul li.fli-csaddinfo {
    font-size: 11px;
    color: #000;
}

.agi-ocerror {
    margin: 0 0 20px 0;
    color: #f00;
    font-weight: bold;
    font-size: 15px;
}

/*= Images
--------------------------------------------------------------------------*/

#agi-productline-content #agi-csleftimage,
#agi-reasons-content #agi-csleftimage,
#agi-offer-ecrefund-content #agi-csleftimage,
#agi-offer-cprefund-content #agi-csleftimage,
#agi-offer-bunrefund-content #agi-csleftimage,
#agi-save-eccoupon-content #agi-csleftimage,
#agi-offer-coupon-content #agi-csleftimage,
#agi-offer-ecupsell-content #agi-csleftimage,
#agi-offer-cpupsell-content #agi-csleftimage,
#agi-save-ecmem-content #agi-csleftimage,
#agi-save-cpmem-content #agi-csleftimage,
#agi-save-bunmem-content #agi-csleftimage,
#agi-save-cpcoupon-content #agi-csleftimage,
#agi-save-buncoupon-content #agi-csleftimage,
#agi-save-ecrefund-content #agi-csleftimage,
#agi-save-cprefund-content #agi-csleftimage,
#agi-save-bunrefund-content #agi-csleftimage,
#agi-cancel-ec-content #agi-csleftimage,
#agi-cancel-cp-content #agi-csleftimage,
#agi-cancel-bun-content #agi-csleftimage {
    margin: 0 15px 0 0;
    padding: 0;
    width: 190px;
    height: 178px;
}
#agi-productline-content #agi-csleftimage,
#agi-reasons-content #agi-csleftimage,
#agi-offer-bunrefund-content #agi-csleftimage,
#agi-save-bunmem-content #agi-csleftimage,
#agi-save-buncoupon-content #agi-csleftimage,
#agi-save-bunrefund-content #agi-csleftimage,
#agi-cancel-bun-content #agi-csleftimage {
    background: url(/agbeta/help/bundle-optionproduct-190x178ag.jpg) no-repeat left top;
}

#agi-offer-cprefund-content #agi-csleftimage,
#agi-offer-ecupsell-content #agi-csleftimage,
#agi-save-cpmem-content #agi-csleftimage,
#agi-save-cpcoupon-content #agi-csleftimage,
#agi-save-cprefund-content #agi-csleftimage,
#agi-cancel-cp-content #agi-csleftimage {
    background: url(/agbeta/help/cnpupsell-offer-190x153ag.jpg) no-repeat left top;
}

#agi-offer-ecrefund-content #agi-csleftimage,
#agi-offer-cpupsell-content #agi-csleftimage,
#agi-save-ecmem-content #agi-csleftimage,
#agi-save-eccoupon-content #agi-csleftimage,
#agi-save-ecrefund-content #agi-csleftimage,
#agi-cancel-ec-content #agi-csleftimage {
    background: url(/agbeta/help/ec-saveconfirm172x164ag.jpg) no-repeat left top;
}

#agi-offer-coupon-content #agi-csleftimage {
    background: url(/agbeta/help/coupon-offer-190x151ag.jpg) no-repeat left top;
}


/* -----------------------------------------------------------------------------------------------------------
= Mobile Help Pages
----------------------------------------------------------------------------------------------------------- */

#page-help-mobile h1 {
    font-size: 24px;
    margin: 15px 0 0 0;
}

#page-help-mobile .agi-helplist {
    background: none;
    float: none;
    width: 100%;
    font-size: 14px;
}

#page-help-mobile .agi-helplist h2 {
    padding: 0;
}

#page-help-mobile .agi-helplist li {
    margin-bottom: 5px;
}

#page-help-mobile #agi-helpmsg {
    font-size: 12px;
    border: 2px solid #555;
}

#agi-helpmsg h3 {
    margin: 0 0 10px;
    padding: 10px;
    text-transform: lowercase;
}

#page-help-mobile #agi-helpmsg li {
    padding: 0 10px;
}


/* -----------------------------------------------------------------------------------------------------------
= App Help Pages
----------------------------------------------------------------------------------------------------------- */

#page-helpquestion-app,
#page-helpanswer-app {
    margin-top: 15px;
}

#page-helpquestion-app #agi-helplinks,
#page-helpanswer-app #agi-helplinks {
    font-size: 12px;
    margin: 5px 0;
}

/*= Question App Pages
----------------------------------------------------------------------------------------------------------- */

#page-helpquestion-app h2 {
    margin-bottom: 5px;
}

#page-helpquestion-app #agi-question li {
    font-size: 14px;
    margin: 10px;
}

/*= Answer App Pages
----------------------------------------------------------------------------------------------------------- */

#page-helpanswer-app #agi-content {
    text-align:left;
}

#page-helpanswer-app #agi-answer {
    font-size: 12px;
}

#page-helpanswer-app #answerform {
    margin-top: 20px;
}

/* -----------------------------------------------------------------------------------------------------------
= Cardstore & Third Party White Label Contact/Mail Pages
----------------------------------------------------------------------------------------------------------- */

#contact_section_form {
    font-size: 1.2em;
    margin: 0 auto;
    width: 540px;
}

#page-helpmail-cs .contact_section {
    float: left;
    margin: 0 auto;
}

#page-helpmail-cs .cardstore .contact_section {
    background: url(/agbeta/cardstore/help/bgrd_grey_tile.jpg) left top repeat;
    border: none;
    border-radius: 15px;
    padding: 20px;
    width: 850px;
}

#page-helpmail-cs .tpwl .contact_section {
    background: url(http://images.ink2.com/sites/cardstore/images/images_transition/fadedbg.gif) repeat-x bottom;
    border: 2px solid #eee;
    border-bottom: 2px solid #ccc;
    padding: 20px 20px 50px 20px;
    width: 750px;
}

#page-helpmail-cs .cardstore .contact_section a {
    color: #FE4819;
    text-decoration: underline;
}

#page-helpmail-cs .cardstore .contact_section a:hover {
	color: #EE4E92;
    text-decoration: none;
}

#page-helpmail-cs .tpwl .contact_section a {
    color: #009999;
    font-weight: bold;
    text-decoration: none;
}

#page-helpmail-cs .tpwl .contact_section a:hover {
    text-decoration: underline;
}

#page-helpmail-cs #agi-content,
#page-helpmailsent-cs #agi-content {
    display: block;
    font-family: Verdana,Arial,sans-serif;
    margin-top: 20px;
    padding: 0;
    position: relative;
    text-align: left;
}

#page-helpmail-cs #agi-content .tpwl,
#page-helpmailsent-cs #agi-content .tpwl {
    padding: 0 20px;
}

#page-helpmail-cs #agi-content h1,
#page-helpmailsent-cs #agi-content h1 {
    margin-bottom: 10px;
    color: #9D0017;
    font-family: helvetica,arial,verdana,sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
}

#page-helpmail-cs #agi-content h2 {
    padding: 0;
    width: auto;
}

#page-helpmail-cs #agi-content .cardstore h2 {
    color: #36424a;
    font: 14px/16px MuseoSans500Regular,Arial,Helvetica,sans-serif;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

#page-helpmail-cs #agi-content .tpwl h2 {
    border-bottom: 2px solid #e0ec98;
    font: 16px/18px 'PT Sans','Trebuchet MS',verdana,serif;
    font-weight: bold;
    margin: 0 0 10px;
}

#page-helpmail-cs #agi-content p,
#page-helpmailsent-cs #agi-content p {
    margin: 0;
    padding: 0 0 15px;
}

#page-helpmail-cs #agi-content .cardstore p,
#page-helpmailsent-cs #agi-content .cardstore p {
    color: #603913;
    font: 14px/16px MuseoSans500Regular,Arial,Helvetica,sans-serif;

}

#page-helpmail-cs #agi-content .tpwl p,
#page-helpmailsent-cs #agi-content .tpwl p {
    font-size: 12px;
}

#page-helpmail-cs .dijitTooltip.dijitTooltipLeft iframe.dijitBackgroundIframe,
#page-helpmailsent-cs .dijitTooltip.dijitTooltipLeft iframe.dijitBackgroundIframe {
    border: none;
}

#page-helpmail-cs #agi-content p span.required {
    color: #ff0000;
}

#page-helpmail-cs .cardstore fieldset#agi-help-contactinfo {
    background: #fff;
    border: 0;
    border-radius: 0 0 15px 15px;
    margin: 0;
    padding: 20px;
    width: 725px;
}

#page-helpmail-cs #agi-help-contactinfo label {
    display: block;
    font-size: 12px;
    margin-right: 10px;
    text-align: left;
}

#page-helpmail-cs .cardstore #agi-help-contactinfo label {
    color: #603913;
    float: left;
    font: 14px/16px MuseoSans500Regular,Arial,Helvetica,sans-serif;
    width: 205px;
}

#page-helpmail-cs .cardstore #agi-help-contactinfo label span.required {
    color: #fe4819;
    font-size: 14px;
}

#page-helpmail-cs .tpwl #agi-help-contactinfo label span.required {
    color: #ff2800;
    font-size: 1.3em;
}

#page-helpmail-cs .cardstore #agi-help-contactinfo input[type="text"],
#page-helpmail-cs .cardstore #agi-help-contactinfo select,
#page-helpmail-cs .cardstore #agi-help-contactinfo textarea {
    background: #f2f2f0;
    border: 1px solid #d0cfcb;
    color: #36424a;
    font: 11px/14px MuseoSans500Regular,Arial,Helvetica,sans-serif;
    padding: 3px;
}

#page-helpmail-cs .cardstore #agi-help-contactinfo select {
    margin: 0;
}

#page-helpmail-cs #agi-help-contactinfo ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#page-helpmail-cs #agi-help-contactinfo li {
    margin:12px 0;
}

#page-helpmail-cs .cardstore #agi-helpbuttons {
    float: right;
    margin: 15px 0;
}

#page-helpmail-cs .tpwl #agi-helpbuttons {
    margin-left: 430px;
    width: 63px;
}

#page-helpmail-cs .cardstore .agi-button input[type="submit"] {
    background: url(/agbeta/cardstore/help/submit_contact_us.png) left top no-repeat;
    border: none;
    display: block;
    height: 32px;
    margin: 0 105px 0 0;
    text-indent: -9999px;
    width: 88px;
}

#page-helpmail-cs .cardstore .agi-button input[type="submit"]:hover {
    background-position: left bottom;
    cursor: pointer;
}

#page-helpmail-cs .tpwl .agi-button input[type="submit"] {
	background: url(http://images.ink2.com/sites/cardstore/images/images_transition/submit.gif) left top no-repeat;
	border: none;
	height: 32px;
	text-indent: -9999px;
	width: 63px;
}

#page-helpmail-cs .cardstore ul#errors {
    background: url(/agbeta/cardstore/help/error_oops.png) no-repeat 10px 20px #fff;
    border: none;
    border-radius: 10px;
    font: bold 14px/16px MuseoSans500Regular,Arial,Helvetica,sans-serif;
    clear: both;
    margin: 5px 0 15px 0;
    padding: 20px 20px 30px 50px;
    width: 695px;
}

#page-helpmail-cs .tpwl ul#errors {
    color: #c33;
    font-size: 12px;
    font-weight: bold;
}

#page-helpmail-cs .cardstore ul#errors li {
    color: #ff0000;
    list-style: none;
}



@media only screen and (max-device-width:767px) {
    #agi-rail {
        display: block;
        float: none;
        margin: 0 15px;
        width: auto;
    }

    .fli-ag-searchtext div,
    #agi-question {
        background: url(/agbeta/grey-bg.jpg) repeat;
        box-shadow: 0 2px 3px #bbb;
        -moz-box-shadow: 0 2px 3px #bbb;
        -webkit-box-shadow: 0 2px 3px #bbb;
        margin: 0 0 2%;
        padding: 4%;
        width: 91%;
    }

    #agi-rail .agi-searchform li.fli-ag-searchtext input.input {
        border-radius: 6px;
        font-size: 16px;
        line-height: 1;
        margin: 3% 0;
        padding: 3% 3%;
        width: 94%;
    }

    #agi-rail .agi-searchform li.fli-button input.button {
        width: auto;
    }

    #agi-helppage {
        margin: 15px 0 0;
    }

    #agi-helpanswer #agi-helppage,
    #agi-helpquestion #agi-helppage {
        margin: 35px 0 0;
    }

    #agi-helpmsg {
        border: none;
        width: 100%;
    }

    #agi-helpmsg p {
        font-size: 14px;
    }

    #agi-rail .agi-searchform {
        background: none;
        width: auto;
    }

    #agi-rail .agi-searchform li.fli-ag-searchtext label {
        color: #c33;
        font-family: 'OpusRoman',arial,sans-serif;
        font-size: 22px;
        font-weight: normal;
        margin: 10px 0;
        padding: 0;
    }

    #agi-rail .agi-searchform li.fli-ag-searchtext {
        width: auto;
    }

    #agi-rail .agi-searchform li.fli-button {
        bottom: 0;
        position: relative;
        right: 0;
        text-align: center;
    }

    #page-helpindex h1 {
        color: #c94747;
        font-size: 24px;
        padding-top: 20px;
    }

    #agi-helpquestion h2,
    #agi-helpanswer h2 {
        text-transform: lowercase;
    }

    #agi-helpanswer #agi-question h1 {
        font-size: 18px;
    }

    #agi-helpmsg p span {
        font-size: 16px;
    }

    .agi-helplist {
        padding: 10px 0;
    }

    .agi-helplist ul {
        margin: 0 0 5%;
        padding: 6% 4% 2%;
        width: 92%;
    }

    .agi-helplist li {
        margin-bottom: 20px;
    }

    #help-center {
        padding-top: 30px;
    }

    #agi-content #help-center p {
        color: #c33;
        font-weight: bold;
        font-size: 16px !important;
        text-align: center;
    }

    #help-center .mbutton {
        font-size: 16px !important;
    }

    .agi-leftnav-bottom {
        display: none;
    }

    #agi-rail .agi-searchform li.fli-button input.button {
        font-size: 16px !important;
        text-indent: 0;
    }

    #agi-helppage #agi-helplinks {
        border: none;
        text-align: center;
    }

    #agi-helpbuttons .agi-button {
        float: none;
    }

    #agi-helplinks a {
        font-size: 16px !important;
    }

    #agi-answer p a {
        font-size: 13px;
    }

    .agi-button .agi-button-beige-dflt .agi-button-inner .agi-button-copy,
    .agi-button .agi-button-red-dflt .agi-button-inner .agi-button-copy {
        background: none !important;
        color: #666 !important;
        font-weight: normal;
        height: auto !important;
    }

    .agi-button .agi-button-beige-dflt,
    .agi-button .agi-button-red-dflt {
        background: none;
        padding: 0 !important;
    }

    /*= Online Cancel - Save 11/15/2017
    ------------------------------------------------------------------------------------------------------- */
    body.cancel-save #agi-helpbuttons-save a,
    body#help-online-cancel #agi-helpbuttons-save a {
        width: 80%;
    }

    body.cancel-save #agi-helpbuttons-save > a,
    body#help-online-cancel #agi-helpbuttons-save > a {
        margin-top: 30px !important;
    }

    body.cancel-save #agi-main {
        background: none;
        border: none;
    }

    body.cancel-save .four-spotlight {
        margin-bottom: 15px;
        padding: 15px 0;
    }

    body.cancel-save .greybox {
        width: 100%;
    }

    body.cancel-save .four-spotlight h2 {
        font-size: 0.9rem;
    }

    body.cancel-save h2 {
        font-size: 0.8rem;
    }

    body.cancel-save .four-spotlight .two-thumb {
        margin: 15px 0;
        width: 100%;
    }

    body.cancel-save .four-spotlight .separator-vert {
        display: none;
    }

    body.cancel-save .four-spotlight .separator-horiz {
        width: 88%;
    }

    body.cancel-save .four-spotlight .two-thumb a span {
        display: none;
    }

    body.cancel-save #agi-helpbuttons-save {
        margin: 0;
    }

    body.cancel-save .four-spotlight .chkbox-container label {
        font-weight: normal;
        padding-left: 5px;
        text-transform: lowercase;
    }

    body.cancel-save .offerbox div {
        float: none;
        width: 100%;
    }

    body.cancel-save .offerbox .separator {
        background: url(/agbeta/footer/footer-top.png) no-repeat 50% 0;
        float: none;
        height: 2px;
        margin: 0 auto;
        width: 80%;
    }

    body.cancel-save .offerbox .offer-value {
        margin: 30px 0;
    }

    body.cancel-save #agi-page #agi-main .offerbox div:first-child p {
        padding: 10px 0;
    }

    body.cancel-save #agi-helpbuttons-offer form {
        margin: 15px 0;
        width: 100%;
    }

    body.cancel-save #agi-helpbuttons-offer form input {
        width: 90%;
    }

    body.cancel-save.final #agi-page #agi-main .greybox span {
        font-size: 0.9rem;
        margin: 0;
        padding: 0 10px;
    }

    body.cancel-save.confirm #agi-page #agi-main .greybox p {
        font-size: 1rem;
        padding-left: 10px;
    }

    body.cancel-save.confirm .cancelsave-module a {
        margin: 0 4%;
        width: 42%;
    }

    body.cancel-save.confirm .cancelsave-module a span {
        font-weight: normal;
        min-height: 85px;
    }

    body.cancel-save.confirm .more-btn {
        margin: 3px 0 50px 0;
        text-align: center;
    }

    body.cancel-save.confirm .more-btn a {
        width: 86%;
    }

    /*= Online Cancel
    ------------------------------------------------------------------------------------------------------- */
    body#help-online-cancel #agi-main,
    body#help-phone #agi-main {
        background: none;
        border: 0 none;
    }

    body#help-online-cancel #agi-helppage,
    body#help-phone #agi-helppage {
        margin: 0;
    }

    body#help-online-cancel #agi-content,
    body#help-phone #agi-content {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    body#help-online-cancel #myaccount-prefooter,
    body#help-phone #myaccount-prefooter {
        margin-top: 75px;
    }

    body#help-online-cancel .agi-answer p,
    body#help-phone .agi-answer p {
        color: #999;
    }

    body#help-online-cancel .agi-answer span.expire {
        color: #333;
    }

    body#help-online-cancel #agi-helpbuttons {
        padding-top: 35px;
    }

    body#help-online-cancel #agi-helpbuttons a.mbutton {
        margin: 0 10px !important;
    }

    .myaccount-welcome select.select-refinement {
        margin: 0 0 25px;
    }

    /*= Prefooter/Security
    ------------------------------------------------------------------------------------------------------- */
    #myaccount-prefooter {
        margin: 0 auto;
        text-align: center;
    }

    #myaccount-prefooter #agi-security {
        display: inline-block;
        float: none;
    }
}