<style>
  
.CheckboxRow { 
    text-align: left; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 19px;
  }
.CheckBoxLabel {
  font-size: 17px; 
  color: #6d6e6e; 
  line-height: 1.4; 
  text-align: left; 
  display: block; 
  margin-left: 0px;
  }
 .Input { 
   width: 100%; 
   max-width: 350px; 
   height: 40px; 
   object-fit: contain; 
   background-color: #FFFFFF; 
   border: 1px solid #D4D4D4; 
   padding: 0px 0px 0px 10px;
  }     
   
.divSelector { 
  display: table; 
  min-width: 750px; 
  max-width: 800px; 
  background-color:#ffffff; 
  border: 0px solid  #6d6e6e; 
  border-spacing: 1px; 
  padding-top: 5px; 
  padding-bottom:0px; 
  }
   .divSelectorCell { 
     float: left; 
     display:table-column; 
     height:14px; 
     width: auto; 
     background-color:#ffffff; 
     border: 0px solid  #ffffff;  
     text-align: left; 
     padding-top: 5px; 
     padding-bottom: 5px; 
     padding-left: 0px; 
     padding-right: 10px; 
     font-size: 16px; 
     color: #6d6e6e; 
     font-weight: bold; }
   .divSelectorCell2 { 
     width: 150px; 
     background-color:#ffffff; 
     border: 1px solid  #ffffff;  
     text-align: left; 
     font-size: 16px; 
     color: #6d6e6e; 
     font-weight: bold; 
  }
   .divSelectorCell:hover { color: #2E86C1; font-size: 16px; font-weight: bold; background: #ffffff; cursor: pointer;}
   .Input:-moz-read-only { /* For Firefox */   background-color: #F6F8F4; }
   .Input:read-only { border:none; }
   .Input:focus, .Select:focus {outline: none !important;  border: 1px solid #6d6e6e;}
   input[type="checkbox"] { position: absolute; left: -999em; }
   input[type="checkbox"] + label { position: relative; overflow: hidden; cursor: pointer; }
   input[type="checkbox"] + label::before {
       content: "";
       display: inline-block;
       vertical-align: -15%;
       height: 2.2ex;
       width: 2.2ex;
       background-color: #ffffff;
       border: 1px solid rgb(166, 166, 166);
       border-radius: 3px;       
       margin-right: 0.0em;
       
    }
   input[type="checkbox"]:checked + label:before {
      background: #000;
      
  }
   input[type="checkbox"]:checked + label::after { 
       content: '';
       position: absolute;
       width: 1.1ex;
       height: 0.4ex;  
       background-color: #000;
       top: .6ex;
       left: 0.5ex;
       border: 2px solid #ffffff;
       border-top: none;
       border-right: none;       
       -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
       transform: rotate(-45deg);
   }
  
  
  
  
  
  
  
  
  
  
  .body{
    width: 1470px;
   margin: 0 auto;
  }
  


  
#full-size{
    /*position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    overflow:hidden;*/
    max-width: 1470px;
   margin: 0 auto;

 }
  
  @media only screen and (max-width: 600px) {
  .full-size {
    width: 100%;
  }
}  
  
#prefcontainer{
    margin: 0 auto;
    }


#prefcontainer ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom: 1px #ccc solid;
    text-align: -webkit-center;
}

#prefcontainer li {
    display: inline;
}

#prefcontainer li a {
    color: #000;
    padding: 14px 30px;
    text-decoration: none;
 font-size: 0.85em;
font-family: "Nunito",Arial,sans-serif;

}

#prefcontainer li a:hover {
    font-weight: bold;
}

#logo{
 margin:27px
 }

 #logo img{width:350px;}

#email-preference-container{
font-family: "Nunito",Arial,sans-serif;
font-size:14px;
width: 1200px;
margin:0 auto;
position: relative;
margin-top:2px;
}

#email-preference-container p{
    padding-top:5px;
    clear:both;
}


#email-preference-container h1{
font-family: "Nunito",Arial,sans-serif;
font-size:25px;
font-weight: normal;
margin:25px 0 35px 0;
text-align: center;
border-bottom: 1px #ccc solid;
padding: 0 0 35px 0;
color: #666;
letter-spacing: 2px;

}


  
  #mailer_address input{
  height: 21px;
  width:100%;
  }  
  #mailer_address2 input{
  height: 21px;
  width:100%;
  }  
  #profile input {
  height: 21px;
  width:100%;
  }
  
#email-preference-title{
    font-family:"Nunito",Arial,sans-serif;
    font-size:28px;

}

#email-preference-container img{
    margin-top:2px;

}

.prefTitle {
  font-size: 24px;
  }  
  
.prefSubTitle {
  font-size: 12px;
  font-style: italic;
  }
  
.profile {
  height: 50px;
  }  
  
.preferenceOptions tr {
  height: 30px;
  }
  
.preferenceOptions td {
  width: 33%
  }
  
#mailer_address {
  width:100%
  }

#mailer_address tr {
  height: 40px;
  }

  
  #Update {
    padding-top:3px;
    padding-bottom:3px;
    object-fit: contain;
    border: none;
    background-color: #000;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1.4px;
    text-align: center;
    color: #ffffff;
  }  
.req{
    font-style:italic;
    font-size:11px;
}

.missing-info{
    color:#e80000;
    font-size:13px;
}

.radio{
    width:30px !important;
    float:left;
}

#submit{
    width:77px !important;
    height:25px !important;
    color:#fff;
    background-color:#A29061;
    margin-left:0px;
    cursor:pointer;
    padding:0px;
    border:none;
}

.pref-left{


    float:left;
    width:700px;
    margin-right:10px;
 margin: 25 10px 55px 0;


}

.pref-right{

    float:left;
 margin: 0 50px 30px 0;
width: 440px;

}
 #pref-footer{
  font-family:"Nunito",Arial,sans-serif;
  width: 100%;
  clear: both;
  font-size: 11px;
   border-top: 1px #ccc solid;

 }

 #pref-footer .copy {
    float: right;
    text-align: right;
 margin: 33px 0 0;
}


@media screen and (max-width: 860px) {
.logo{
 overflow: scroll;
position: fixed;
}
    .pref-right{
        display: none;
    }

    .pref-left{
        width:100%;
        margin:0;
        padding:0;

    }
}


@media screen and (max-width: 860px) {
#email-preference-container{
font-family: "Nunito",Arial,sans-serif;
font-size:12px;
width: 100%;
margin:0 auto;
position: relative;
margin-top:2px;

 }
}


@media screen and (max-width: 860px) {
 #prefcontainer{width:100%;
 margin: 0 auto;
 }

 #prefcontainer ul {
    display: none;
}

 #logo{
 margin:3px
 }

 #logo img{
 width:330px;
 }

 #submit{
    width:77px !important;
    height:25px !important;
    color:#fff;
    background-color:#A29061;
    margin: 20px 0 0 0;
    cursor:pointer;
    padding:0px;
    border:none;
}

  #pref-footer .copy {
    float: right;
    text-align: right;
 margin: 35px 0 0;
}

#email-preference-container h1{
font-family: "Nunito",Arial,sans-serif;
font-size:17px;
font-weight: normal;
margin:5px 0 5px 0;
text-align: center;
padding: 0;
color: #666;
letter-spacing: 2px;
     border:none;}
}
</style>
