@charset "UTF-8";
/* CSS Document */
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}

body{background-color:#dbd9d9;}
.wrapper{margin:0 auto;position:relative;width:90%;max-width:1140px;}
.logo{width:233px;float:left;margin:0 auto;position:relative;overflow:hidden;clear:both;padding:23px 0px 0px 0px;}
.top{float:right;padding-top:50px;font-family:'Open Sans', sans-serif;font-size:24px;text-transform:uppercase;color:#FFF;font-weight:400;}
a:link, a:visited{color:red;text-decoration:none;font-weight:600;}
a:hover{color:#C00;text-decoration:none;}

p{font-family:'Open Sans', sans-serif;font-size:16px;font-weight:400;color:#000;padding:1px;}
h1{font-family:'Open Sans', sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;color:#000;}
h2{font-family:'Open Sans', sans-serif;font-size:18px;font-weight:700;color:#000;line-height:40px;}
h3{font-family:'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#000;margin:5px 0px;}
i{font-style:italic;}
.small{font-size:11px;margin-bottom:20px;}
.red{color:#F00;}
strong{font-weight:bold;}
select{font-weight:bold;}
.button{font-family:'Open Sans', sans-serif;color:#fff;font-size:18px;background:#000;text-decoration:none;float:left;clear:both;margin-top:10px;margin-bottom:10px;}
.button a{color:#fff;display:block;padding:10px 50px;}
.button:hover{background:#404040;text-decoration:none;}


/* header */
.header{width:100%;background-color:#000;height:100px;}


/* Content Well */
.content{clear: both;padding-top: 25px; background-color:#fff; min-height:550px;}

/* Footer */
.footer{width:100%;background-color:#dbd9d9;clear:both;}
.questions{margin:0 auto;padding-top:20px;}
.titles{margin:0 auto;padding-top:20px;line-height:33px;text-align:center;}
.titles a{font:0.875em/1em "Open Sans",sans-serif;color:#000!important;text-decoration:none;text-align:center;display:inline;}
.titles a:hover{text-decoration:underline;}
.footer .redLink,.titles .redLink{color:#ff0000!important;}
.footer h2{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:700;color:#000;text-align:center;line-height:24px;padding-top:10px;}
.footer p{font-family:'Open Sans', sans-serif;font-size:16px;font-weight:400;color:#000;text-align:center;}
.copyright{padding-bottom:12px;font-size:0.75em!important;}
.copyright a{font-size:1em!important;}



/* Unsubscribe */
.text{width:100%;float:left;margin:0 auto;position:relative;overflow:hidden;clear:both;padding:20px 0px 20px 0px;}
.error p{color:#f00;}
.textbox{width:423px;float:left;position:relative;overflow:hidden;clear:both;padding:13px 0px 13px 15px;border:solid;border-width:thin;border-color:#adadad;margin-bottom:20px;font-size:18px;font-weight:normal;}
select.empty { color: #aaa; }
select option { color: #000; }
.fine{margin-bottom:0px;}
.snooze{margin:30px 0px;}
.checkbox{height:20px;width:20px;border:1px solid #000;float:left;margin-right:10px;}
.newsletter_col1{width:100%;margin:3% 10% 3% 0%;}
.newsletter_col1 img{height:50px; width:auto;}


/* Preference Center */
.section{padding:15px 0 15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.birthdaywrapper{position:relative;background-image:url("../images/birthday_background.jpg");width:424px;height:143px;margin-bottom:25px;}
.birthdaywrapper h2{position:absolute;color:#fff;font-size:20px;top:13px;right:10px;}
.birthdaywrapper .birthdaybox{position:absolute;top:50px;right:10px;overflow:hidden;padding:13px 0px 13px 15px;border:solid;border-width:thin;border-color:#adadad;font-size:18px;}
.birthdaywrapper p{position:absolute;bottom:10px;right:30px;font-size:10px;}

/* Magazine Subscription Preferences */
.magazineContainer{margin:15px;}
.magazineContainer h1{font:600 1.25em/1.5em "Open Sans",sans-serif;padding:10px 0 5px 0;}
.magazineContainer h2{font:400 1em/2em "Open Sans",sans-serif;padding-bottom:15px;}
.magazine{float:left;margin:15px 0 34px 0;height:285px;width:25%;}
.magazine div{text-align:center;}
.magazineSubscribe{margin:10px 0px 12px 0;}
.magazineSubscribe a{color:#fff;text-decoration:none;background-color:#E7003E;padding:5px 36px;font:600 1em/1.5em "Open Sans",sans-serif;}
.magazineSubscribe a:hover{background-color:#BD2828;}
.magazineGift a{color:#fff!important;text-decoration:none;background-color:#000;padding:5px 35px;font:600 1em/1.5em "Open Sans",sans-serif;}
.magazineGift a:hover{background-color:#606060;}


@media only screen and (min-width:960px) and (max-width:1160px){
  .magazine{margin:10px;width:30%;}
  .magazine{width:30%;}
}

@media only screen and (min-width:832px) and (max-width:959px){
  .magazine{width:32%;}
}

@media only screen and (min-width:768px) and (max-width:831px){
  .newsletter_col1{width:100%;float:left;margin:2% 10% 2% 0%;}	
  .magazine{width:40%;}
}


@media only screen and (max-width:767px){
  .newsletter_col1{width:100%;float:left;margin:2% 10% 2% 0%;}
  .header{width:100%;background-color:#000;height:150px;}
  .logo{width:233px;margin:0 auto;position:relative;overflow:hidden;display:block;clear:both;float:none;}
  .top{padding-top:0px;margin:0 auto;display:block;float:none;clear:both;}
  .header h1{padding:0;clear:both;text-align:center;}
  .footer{width:100%;background-color:#dbd9d9;}
  .titles{margin:0 auto;padding:20px 10px 0px 10px;line-height:33px;}
  .magazine{width:40%;}
}


@media only screen and (min-width:601px) and (max-width:766px){
   .header{width:100%;background-color:#000;height:130px;}
   .logo{width:100%;max-width:233px;margin:0 auto;position:relative;overflow:hidden;display:block;clear:both;float:none;padding:23px 0px 15px 30px;}
   .top{padding-top:0px;margin:0 auto;display:block;float:none;clear:both;}
   .header h1{padding:0;clear:both;text-align:center;font-size:18px;}
   .magazine{width:40%;}
}

@media only screen and (min-width:436px) and (max-width:600px){
   .header{width:100%;background-color:#000;height:130px;}
   .logo{width:100%;max-width:233px;margin:0 auto;position:relative;overflow:hidden;display:block;clear:both;float:none;padding:23px 0px 15px 30px;}
   .top{padding-top:0px;margin:0 auto;display:block;float:none;clear:both;}
   .header h1{padding:0;clear:both;text-align:center;font-size:18px;}
   .magazine{width:50%;}
}


@media only screen and (max-width:435px){
  .header{width:100%;background-color:#000;height:130px;}
  .logo{width:100%;max-width:233px;margin:0 auto;position:relative;overflow:hidden;display:block;clear:both;float:none;padding:23px 0px 15px 30px;}
  .top{padding-top:0px;margin:0 auto;display:block;float:none;clear:both;}
  .header h1{padding:0;clear:both;text-align:center;font-size:18px;}
  .magazine{width:100%;}
}