#content { max-width: 1200px; }

#btnSignup { padding: 5px; background-color: #ECF9C0; color: #666666;
    font-size: 1.2em; font-weight: bold; border-color: #E0E0E0; 
    border-width: 1px; border-style: solid; border-radius: 6px;
    -moz-border-radius: 6px; -webkit-border-radius: 6px;
    width: 100%; }
#btnSignup:hover { background-color: #DAFF70; color: #35008F; }

hr.footnotesLine { color: #808080; background-color: #808080; width: 33%;
    margin-top: 20px; margin-bottom: 10px; display: inline-block; }

hr.footnotesLine:after {
    content: "."; clear: both; height: 0; width: 0; overflow: hidden; visibility: hidden; display: block; font-size: 0; line-height: 0;
}

.bg-picture-section.aff-main { background-image: url('../images/aff/online_shopping.jpg'); }
.bg-picture-section.perf-mgmt { background-image: url('../images/aff/vxaffnet_screenshot_sop.png'); }

.afAffiliatesAndMerchants {
    display: flex;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 1200px;
    margin: -80px auto 0;
}
.afMerchantsGrid, .afAffiliatesGrid { padding: 80px; flex: 1 1 auto;}
.afMerchantsGrid { background-color: #ECF9C1; }
.afAffiliatesGrid { background-color: #E6F0FA; }

.afAffiliatesContentTable { display: table; }
.afAffiliatesContentRow { display: table-row; }
.afAffiliatesAndMerchantsImgBox { display: table-cell; vertical-align: top; }
.afAffiliatesAndMerchantsFeatureImage { width: 100px; }
.afAffiliatesAndMerchants ul { display: table-cell;  vertical-align: top; }

.afMoreInfo { background: url('../images/information.png') no-repeat scroll 0 0;
    height: 32px;  float: left; }
.afMoreInfo { display: block; line-height: 32px; padding-left: 40px; }
.afSignUpButton { margin-top: 3px; }
a.afEnterLink { float: right; line-height: 32px; margin-right: 6px; }

.imgTextBox .vxModuleBody { padding-top: 10px; padding-bottom: 10px; }
.imgTextBoxBody { padding: 10px; border: 1px solid #CCCCCC;
        border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
}
.imgTextBoxImageContainer { text-align: center; }
#afReportScreenshot {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%; }

.stackDisplay .pictureBoxPane, .stackDisplay .textPane { display: table-cell; vertical-align: top; }
.stackDisplayItem { display: table-row; }
.stackDisplay .textPane { padding-left: 10px; }

.merchantColorGradient { /* Light green */
    background: linear-gradient(to bottom, #ECF9C1 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -moz-linear-gradient(top, #ECF9C1 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -webkit-linear-gradient(top, #ECF9C1 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -o-linear-gradient(top, #ECF9C1 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -ms-linear-gradient(top, #ECF9C1 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF; /* IE 10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF9C1', endColorstr='#FFFFFF', GradientType=0); /* IE6-9 */
}

.affiliateColorGradient { /* Pale blue */
    background: linear-gradient(to bottom, #E6F0FA 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -moz-linear-gradient(top, #E6F0FA 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -webkit-linear-gradient(top, #E6F0FA 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -o-linear-gradient(top, #E6F0FA 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF;
    background: -ms-linear-gradient(top, #E6F0FA 0%, #FFFFFF 100%) repeat scroll 0 0 #FFFFFF; /* IE 10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6F0FA', endColorstr='#FFFFFF', GradientType=0); /* IE6-9 */
}

@media (min-width: 768px) and (max-width: 1024px) {
  .afAffiliatesAndMerchantsImgBox { display: block; text-align: center; }
  .afAffiliatesAndMerchantsFeatureImage { width: auto; height: 115px; }
  .afAffiliatesAndMerchants ul { display: block; }
}
@media (max-width: 767px) {
  .stackDisplay img { max-width: 100%; }
  .stackDisplay .pictureBoxPane, .stackDisplay .textPane { display: block; }
  .stackDisplay .pictureBoxPane { text-align: center; }
  .stackDisplayItem { display: block; }
  .stackDisplay .textPane { padding-left: 0; }
  .afAffiliatesAndMerchants { display: block; }
  .afMerchantsGrid, .afAffiliatesGrid { padding-left: 10px; padding-right: 10px; }
  .afAffiliatesContentTable { display: block; }
  .afAffiliatesContentRow { display: block; }
  .afAffiliatesAndMerchantsImgBox { display: block; text-align: center; }
  .afAffiliatesAndMerchantsFeatureImage { width: auto; height: 115px; }
  .afAffiliatesAndMerchants ul { display: block; }
}