/*------------------------------------------------------------ */
/* pop.css - this css is used for the pop up newsletter form   */
/* For IE 6/7 (trigger hasLayout) */
/*------------------------------------------------------------ */
.cf { zoom: 1; }
.hide {display: none;}
.mobile_site {display: none;}

/*------------------------------------------------------------ */
/* Newsletter Modal - original colors: 6255a6 new color FF0389
 * Newsletter Modal - original colors: 6255a6 new color 555657
-------------------------------------------------------------- */
div.newsletter_modal { position: absolute; left: 0; top: 0; width: 100%; z-index: 99999; background: url(/media/bg-splash.png) repeat left top; text-align: left; }
div.splash_wrapper { width: 300px; height: 600px; background: url(/media/bg-newsletter-splash.png) no-repeat left top; margin: 0px auto; padding: 10px; }
div.splash_inner { height: 450px; background: #fcfaf1; padding: 25px; position: relative; }
div.splash_inner span.close { position: absolute; right: 13px; top: 19px; cursor: pointer; }
div.splash_inner h1 { text-align: center; padding: 0px 100px;  }
div.splash_inner h2 { font: 600 22px/30px proxima-nova, arial, sans-serif; color: #282826; text-transform: none; letter-spacing: 2px; margin-bottom: 10px; text-align: center !important; }
div.spalsh_inner h3.thankyou_msg { font-size: 16px; line-height: 31px; margin: 20px 0px 15px; }
div.splash_inner h4 { font: 300 11px/12px proxima-nova, arial, sans-serif; color: #4D4D4D; text-transform: none; letter-spacing: 2px; margin-bottom: 1px; text-align: center !important; text-shadow:0px 0px 0px;}
div.splash_inner p { font: 400 16px/24px proxima-nova, arial, sans-serif; color: #282826; text-align: center !important; }
div.splash_inner span { font: 400 16px/24px proxima-nova, arial, sans-serif; color: #282826; text-align: left; }
div.splash_inner p bold { font: 800 18px/24px proxima-nova, arial, sans-serif; color: #282826; text-align: center !important; }
div.splash_inner form { display: block; margin: 20px 0 15px; height: 180px; overflow: hidden; }
div.splash_inner p small {  clear: both; display: block; font: 400 12px/18px proxima-nova, arial, sans-serif; color: #868685; }
div.splash_inner input#fn1 { width: 120px; margin-bottom: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
div.splash_inner input#ln1 { width: 120px; margin-bottom: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
div.splash_inner select#cc { width: 120px; margin-bottom: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
div.splash_inner input#ykmuil-ykmuil { width: 270px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
div.splash_inner input#splash_newsletter_submit { background: #555657; border: none; padding: 0 15px; color:#fff; background-position:100% 0; display:-moz-inline-block; display:inline-block; white-space:nowrap; text-transform:uppercase; font: 400 11px Arial, Helvetica, sans-serif; letter-spacing: 1px;  height: 30px; cursor: pointer; }
div.filler { width: 400px; height:15px; }

/*------------------------------------------------------------ */
/* Newsletter Modal Update */
/*------------------------------------------------------------ */
div.splash_wrapper {background: #fff!important;}
div.splash_wrapper div.splash_inner {background: #fff!important;}
div.dateofbirth { margin: 1px 1px; width:260px; display:inline;}
div.dateofbirth select#month { width: 120px; margin-top: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
div.dateofbirth select#day { width: 60px; margin-top: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
div.dateofbirth select#year { width: 120px; margin-top: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
div.dateofbirth span { display:inline; font: 300 11px/12px proxima-nova, arial, sans-serif; color: #4D4D4D; }
div.submitbutton { width: 100px; height:40px; margin: 5px 5px; border: 1px solid #757575;}

.mini_modal { 
  padding-top: 0px;
  border: 1px solid #ccc;
  padding: 6px;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 6px #bbb;
  -webkit-box-shadow: 0px 0px 6px #bbb;
  box-shadow: 0px 0px 6px #bbb;
  margin: 0 auto;
} 
.mini_modal span { white-space:nowrap; margin: 8px 8px; }
.mini_modal input { width:200px; margin: 2px 2px; }

/* -----------------------------------------------------------------
 *  * RESPONSIVE SECTION FOR SMALL SCREENS
 *   * ---------------------------------------------------------------- */
@media only screen and (max-width: 770px) {
  div.splash_inner form { display: block; margin: 10px 10%!important; height: 300px; overflow: hidden; }
  div.splash_inner input#fn1 { width: 100px; margin-bottom: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
  div.splash_inner input#ln1 { width: 100px; margin-bottom: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
  div.dateofbirth select#month { width: 75px; margin-top: 4px; padding: 0 7px; border: 1px solid #757575; color: #555657; height: 28px; }
  div.splash_wrapper { width: 100%; height: 700px; background: url(/media/bg-newsletter-splash.png) no-repeat left top; margin: 5px auto; padding: 10px; }
  div.splash_inner { height: 650px; background: #fcfaf1; padding: 0px; position: relative; }
  div.splash_inner h1 { padding: 0 0; text-align: center;  }
  div.splash_inner h1 img { margin: 0 auto;  }
  h1, .h1 { margin: 0; margin-bottom: 0px; }

}