html {
    position: relative;
    min-height: 100%;
}
body {
    font-family: Helvetica;
    font-size: 16px;
    margin-bottom: 40px;
}

.top-language
{
    background: #2d2d2d;
    color: #d8d8d8;
    height: 25px;
    font-size: 14px;
    padding-right: 40px;
    padding-top: 5px;
}

.top-language a, .top-language a:hover {
    color: #d8d8d8;
    text-decoration: none;
}

.header-logo, .header-logo-pc-services
{
    background: #181818; height: 110px;
    color: #ffffff;
}

.header-logo-white {
    height: 110px;
    background: #fff;
}

.header-global-logo
{
    background: #EA1920; height: 110px;
}

.header-logo-pc-financial {
    background: #181818; height: 110px;
}


.header-logo img, .header-logo-pc-financial img {
    margin-top: 25px;
}

.header-global-logo img {
    margin-top: 10px;
}

.header-title, .header-global-title, .header-title-logos-no-image, .header-title-ty {
    background: #f9f9f9;
}

.header-title div, .header-title-ty div {
    height: 120px;
    font-size: 24px;
}

.header-title div span, .header-title-ty div span {
    display: inline-block;
    margin: 40px 0;
}

.unsub-form {
    padding-top: 30px;
    padding-bottom: 30px;
}

.unsub-form form {
    margin-top: 40px;
}

.unsub-form form .form-group {
    margin-left: 30px;
}

.unsub-form #unsub_submit {
    width: 166px;
    height: 50px;
    border: 0;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/submit_global.png') no-repeat;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
    font: normal 14px Helvetica;
}

.unsub-form #unsub_survey {
    width: 166px;
    height: 50px;
    border: 0;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/1click_btn.png') no-repeat;
    margin-bottom: 20px;
    margin-top: 20px;
    font: bold 14px Helvetica;
}

.unsub-form #unsub_thankyou {
    width: 166px;
    height: 50px;
    border: 0;
    background: url('http://image.exct.net/lib/fe5c15707c6207747412/m/1/2ed6c009-1a11-4c16-a281-5836f13af05b.png') no-repeat;
    margin-top: 20px;
}

.unsub-form #unsub_global_thankyou {
    width: 166px;
    height: 50px;
    border: 0;
    background: url('http://image.exct.net/lib/fe5c15707c6207747412/m/1/4c849f79-4fdc-47e0-b600-ef431e6f49ba.png') no-repeat;
    margin-top: 20px;
}

.unsub-form .panel {
    border: 0;
}

.unsub-form .panel-heading {
    background: #ffffff;
}

/*
    plus/minus icons
*/
.panel-heading a {
    line-height: 30px;
    vertical-align: middle;
}

.panel-heading a:after {
    content:"\2212";
    float: right;
    font-weight: normal;
    color: black;
    font-size: 27px;
    vertical-align: inherit;
}
.panel-heading a.collapsed:after {
    content:"\2b";
}

h4.panel-title {
    font-size: 20px;
}


span.borderline:after {
    display: block;
    content: "";
    width: 60%;
    height: 2px;
    background-color: #979797;
    left: 0;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.bottom-content {
    background: #f9f9f9;
    min-height: 400px;
    padding-bottom: 20px;
}

.bottom-content .title {
    font-size: 24px;
    display: inline-block;
    margin: 20px 0 10px 0;
}

.bottom-copy {
    background: #2d2d2d;
    color: #ffffff;
    height: 40px;
    font-size: 14px;
    padding-right: 40px;
    padding-top: 10px;
}

.explain-other textarea {
    margin-top: 10px;
    margin-left: 20px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
}

.header-title-logos {
    background: url('http://image.exct.net/lib/fe5c15707c6207747412/m/1/da6f0f63-caf6-4391-acc2-065b386aeccf.jpg') #d0d0d0 no-repeat;
}

.header-title-logos div, .header-title-logos-no-image div {
    font-size: 48px;
    color: #ffffff;
    /*height: 240px;*/
}

.header-title-logos-no-image div {
    color: #333;
}

.header-title-logos div span, .header-title-logos-no-image div span {
    display: inline-block;
    margin: 40px 0;
}

.joe_fresh {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/joefresh_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.atlantic_superstore {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/atlantic_superstore_black_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.loblaws {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/loblaws_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.whosale_club {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/wholesaleclub_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.zehrs {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/zehrs_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.provigo {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/provigo_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.canadian_superstore {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/realcanadiansuperstore_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.yig {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/independentgrocer-en_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.yig-fr {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/independentgrocer-fr_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.pc_financial {
    display: inline-block;
    height: 60px;
    width: 100px;
    background: url('http://image.exct.net/lib/fe5c15707c6207747412/m/1/b7bf40dc-107f-494b-a49b-094d6288d492.png') no-repeat;
}

.dominion {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/dominion_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.valumart {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/valu-mart_colour_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.fortinos {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/fortinos_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.nofrills {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/nofrills_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.maxi {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/maxi_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.citymarket {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/citymarket_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.pc_express {
    display: inline-block;
    height: 95px;
    width: 223px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pc_express.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.pc_optimum {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/PCO_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.pc_insiders {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pc_insiders_small_o.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.pc_insiders_EN {
    display: inline-block;
    height: 95px;
    width: 280px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pc_insiders_legal_EN.png') no-repeat;
    background-position: 0px 20px;
    background-size: contain;
}


.pc_insiders_FR {
    display: inline-block;
    height: 95px;
    width: 295px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pc_insiders_legal_FR.png') no-repeat;
    background-position: 0px 20px;
    background-size: contain;
}

.pc_chef {
    display: inline-block;
    height: 94px;
    width: 190px;
    background: url('https://clickncollect.s3.amazonaws.com/email/pcchef_small.png') no-repeat;
    background-position: 0px 20px;
    background-size: contain;
}


.shoppers_drug_mart {
    display: inline-block;
    height: 95px;
    width: 360px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/shoppersdrugmart_small.png') no-repeat;
    background-position: 0px 32px;
    background-size: contain;
}

.beauty_boutique {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/beautyboutique_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.galerie_beaute {
    display: inline-block;
    height: 47px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/galerie_beaute_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.murale {
    display: inline-block;
    height: 125px;
    width: 150px;
    background: url('https://clickncollect.s3.amazonaws.com/email/pages/optout/murale_small_60px.png') no-repeat;
    background-position: 0px 39px;
    background-size: contain;
}

.sdm_pharmacy {
    display: inline-block;
    height: 95px;
    width: 360px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/shoppersdrugmart_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;     
}

.sdm_pharmacy_fr {
    display: inline-block;
    height: 95px;
    width: 360px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/shoppersdrugmart_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;     
}

.mb-20 {margin-bottom: 20px;}


.shoppers_photo {
    display: inline-block;
    height: 95px; /*60, 115*/
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/shoppersphoto.png') no-repeat;
    background-position: 0px 40px;
    background-size: contain;
}

.pharmaprix_photo {
    display: inline-block;
    height: 60px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pharmaprixphoto.png') no-repeat;
    background-position: 0px 30px;
    background-size: contain;
}

.emerald {
    display: inline-block;
    height: 60px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/emerald.png') no-repeat;
    background-position: 0px 30px;
    background-size: contain;
}

.pharmaprix {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pharmaprix_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.galerie_beaute {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/galeriebeaute_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.shoppers_home_health {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/shhc_preview_small.png') no-repeat ;
    background-position: 0px 10px;
    background-size: contain;
}

.wellwise {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/wellwise_small.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.header-global-title div {
    height: 140px;
    font-size: 24px;
}

.header-global-title div span {
    display: inline-block;
    margin: 40px 0;
}

/* checkboxes*/

.checkbox label:after{
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr{
    position: absolute;
    display: inline-block;
    border: 1px solid #a9a9a9;
    width: 0.9em;
    height: 0.9em;
    float: left;
    margin-right: .5em;
    margin-top: .3em;
    margin-left: -20px;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .7em;
    line-height: 0;
    top: 50%;
    left: 10%;
    color: green;
    opacity: 0;
}

.checkbox label input[type="checkbox"]{
    display: none;
}

/*.checkbox label input[type="checkbox"] + .cr > .cr-icon {
    opacity: 0;
    transition: all .3s ease-in;
    color: green;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr{
    opacity: .5;
}
*/

.panel-title > a:hover {
    text-decoration:none;
}

.submit-warning {
 margin-left: 20px;
}

.survey-form .form-group {
  margin-right: 0 !important;
}

p#remain { margin-left: 20px; }

.logo-pcexpress {
  background: #ffffff;
}

.logo-pcexpress img {
 margin-top: 0;
}

.mobileshop {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://clickncollect.s3.amazonaws.com/email/pages/optout/mobileshop_EN.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.mobileshop-fr {
    display: inline-block;
    height: 95px;
    width: 190px;
    background: url('https://clickncollect.s3.amazonaws.com/email/pages/optout/mobileshop_FR.png') no-repeat;
    background-position: 0px 10px;
    background-size: contain;
}

.liquorstore {
    display: inline-block;
    height: 95px;
    width: 200px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/liquorstore.png') no-repeat;
    background-position: 0px 30px;
    background-size: contain;
}

.pc_health_en {
    display: inline-block;
    height: 95px;
    width: 200px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pc_health_en.png') no-repeat;
    background-position: 0px 30px;
    background-size: contain;
}

.pc_health_fr {
    display: inline-block;
    height: 95px;
    width: 200px;
    background: url('https://s3.amazonaws.com/clickncollect/email/pages/optout/pc_health_fr.png') no-repeat;
    background-position: 0px 30px;
    background-size: contain;
}


@media (max-width: 756px) { 
  .submit-warning {
      margin-left: 5px;
   font-size: 13px;
  }
  .maxi {
  height: 125px !important;
  }
  .bottom-copy {
 padding-right: 0 !important;
    padding-top:0 !important;
    text-align: left;
    padding-left: 4px;
  }
   .emerald {
  height: 80px !important;
    }
  .survey-form .form-group, .legal-form .form-group {
    margin-left: 0 !important;
  }
  .survey-form .last-group {
 margin-left: 20px;
  }
  .header-title-logos-no-image {
 height: 100px;
 }
  .header-title-logos-no-image span {
 font-size: 25px !important; margin-top: 20px !important;
   }

  .header-global-title div {
 font-size: 19px !important; 
   }

   .header-title-ty div {
 font-size: 19px !important;
    }

}