@import url(//fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,600|Roboto+Slab:400,700);
/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, td, div, select, textarea, input {
	font: 16px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #9fa3a7;
}
a {
	color:#000;
}
a:hover {
	color:#666;
}
a.btn,
form.lj .submit {
  display: inline-block;
  background: #51b9bc;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.175em;
  padding: 22px 33px;
  border-radius: 28px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: bold;
  -webkit-appearance: none;
}
h1, h2, h3, h1 a, h2 a, h3 a, legend {
	color: #292929;
	font-family: 'Roboto Slab', 'Times New Roman', Times, Georgia, serif;
	font-weight: normal; 
}
h1 {
  margin: 0 0 .5em;
	font-size: 40px;
	line-height: 1.1em;
}
h2 {
  margin: 0 0 .3em;
	font-size: 35px;
	line-height: 1.2em;
}
h3 {
  margin: 0 0 .3em;
	font-size: 20px;
}
h4 {
  font-size: 12px;
  letter-spacing: 0.26em;
  margin: 0 0 .9em;
  text-transform: uppercase;
  color: #9fa3a7;
}
p {margin:0 0 1em;line-height:1.4em;}
ul,ol{margin:0 0 1em;padding: 0;}
ul li, ol li{line-height:1.3em;margin: 0 0 6px;padding: 0; position: relative; }
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:5px;border:1px solid #ccc;background:#fff;}
figure.right{margin:0 0 5px 15px;}
figure.left{margin:0 15px 5px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 15px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px dashed #ccc;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
	background: #f7f8f9;
}
#wrapper {
  width: 100%;
  z-index: 2;
}
.pagewidth {
  background: #fff;
  margin: 0 auto;
	max-width: 600px;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}

/* ========================================================== Content */
.page-section { width: 100%; overflow: hidden; margin: 0; }

/* logo */
#logo { margin-bottom: 10px; }
#logo img { max-width: 300px; width: 100%; }

/* home */
#home-block { text-align: center; }
#home-block .sweepstakes-list .sweepstake { padding: 15px; margin-bottom: 30px; border: #ccc 1px solid; box-shadow: 2px 2px 5px #888888; }

/* sweepstakes */
#sweepstake-block { text-align: center; }

/* reward */
#redeem-block { text-align: center; }
#redeem-block p {
	color: #4f5963;
	font-size: 18px;
}
#redeem-block #deal-countdown {
	font-size: 2em;
}

/* standard */
#standard-block { text-align: center; }

/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
background: #fafafa;
color:#9fa3a7;             /* Input Text Color */
display: block;
width: 100%;
font-size: 14px;
border: 1px solid #e6e6e6; /* Input Border */
padding: 0 20px;
border-radius:4px;
box-sizing: border-box;
height: 48px;
line-height: 48px;
margin: 0 0 20px;
}
form.lj textarea {
height: auto;
line-height: 1.4em;
padding: 10px 20px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);outline: none;}
form.lj .submit {
border: none;
cursor: pointer;
display: inline-block;
width: auto;
margin: 0 0 20px 0;
padding: 10px;
height: 58px;
line-height: 1em;
min-width: 200px;
}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj .field { box-sizing: border-box; padding: 0 1%; }
form.lj .field.inline label, form.lj .field.inline input { display: inline; width: auto; height: auto; margin-bottom: 0; }
form.lj .field{display: block;margin-bottom: 1em;}
form.lj .field.f3{float:left;width:33.3%;}
form.lj .field.f2{float:left;width:50%;}
form.lj .field.verify-code input { max-width: 150px; width: 100%; display: inline-block; }
form.lj .field.phone input { max-width: 150px; width: 100%; display: inline-block; }
form.lj .field.phone span { margin-right: 5px; }
form.lj .first{padding-top: 1em;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}

/* ========================================================= Alerts */
ul.alerts{font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
ul.alerts li { list-style: none; }
ul.alerts li:last-child { margin-bottom: 0; }
ul.alerts.errors{background: #fcc;border-color:#c00;}
ul.alerts.warn{background: #ffc;border-color:#ff3;}
ul.alerts:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
ul.alerts.success:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
ul.alerts.warn:before{content:'i';background:#ff3;color:#000;}

/* ================================================================== Tablet */
@media screen and (max-width: 1200px) {
    img, table, iframe { max-width: 100%; }
    img {height: auto;}
    iframe { width: 100%; }
    table { overflow-x: auto; }
    
	  /* ==================== Page */
	  body { background: none; }
	  h1 { font-size: 1.8em; }
	  h2 { font-size: 1.4em !important; }
	  h3 { font-size: 1.2em; }
	  h4 { font-size: 1em; }
	  h1, h2 { margin: 0 0 15px !important; }
	  h3, h4, h5, h6 { margin: 0 0 6px; }
}

/* ========================================================= Printer */
 @media print{
#leftcol, nav{display:none;}
body,#pagewidth,#maincol,#wrapper,footer.footy,header.heady,header.heady h1,#footer p{width:100%;float:none;background:none;padding:0;}
p, li, footer.footy p, footer.footy p a{color:#666;}
header.heady,header.heady h1, header.heady h1 a{ width: auto; height:auto; position:static;top:0;left:0;}
header.heady h1{ margin-bottom:1em;}footer.footy{margin-top:1em;}
footer.footy p#credit{position:static;top:0;right:auto;}
}