/*
 *  generic primary stylesheet
 *  CS:JD  2007-04-12
 */

/* normalize basic styles */
* { margin: 0; padding: 0; }
h1,h2,h3 { margin: 1em 0 0.6em 0; }
h4,h5,h6,ul,ol,dl,li,dt,dd,pre,p,form { margin: 0.8em 0; }
ul, ol { padding-left: 2em; }
pre { font: 100% "Courier New", Courier, monospace; }

h1 { font-size: 145%; }
h2 { font-size: 130%; }
h3 { font-size: 112%; }
h4, h5, h6 { font-size: 100%; }

body { font: 13px/1.1 "Times New Roman", Times, serif; color: #222; }
a { color: #000; }
a img { border: none; }
.menu { padding-left: 0; list-style: none; }

fieldset { border: none; padding: 0; }
.formfield { margin: 0.5em 0; }
input.text { 
  width: 241px;
  color: #333;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #e7e6e6; 
  border: 1px solid #b1713f; 
}

option {
}

textarea:focus, input.text:focus, select:focus {
}

input.text[disabled] {
}

.jump a, a.jump {
  color: #004467;
  text-decoration: none;
}
.jump a:hover, a.jump:hover {
  text-decoration: underline;
}

.error, .highlight label { color: #f03; }
p.error { margin-bottom: 0; }
ul.error { margin-top: 0; padding-left: 1.4em; }
.error li { margin: 3px 0; }

.highlight input.text { background: #fcc; }

.popup { display: block; }
.hide { display: none; }

/* page layout */
html, body {  }
body {
  width: 900px;
  margin: 0 auto;
  font: 100% Helvetica, Arial, sans-serif;
}
#page {
  position: relative;
  width: 850px;
  margin: 25px;
  background: url(../images/bkg-lp-repeat.gif) repeat-y;
}
#wrap {
  min-height: 590px;
  background: url(../images/bkg-lp-top.jpg) left top no-repeat;
}
#page-footer {
  background: url(../images/bkg-lp-bottom.gif) left bottom no-repeat;
  height: 9px;
  line-height: 1;
  font-size: 1px;
}
#main {
  overflow: hidden;
  padding: 77px 65px 0 35px;
}
#footer {
  color: #494949;
  font-size: 62.5%;
  line-height: 1.8;
  padding: 30px 65px 13px 35px;
}
#subscribe #footer {
  padding-top: 5px;
}
#footer p {
  margin: 0.3em 0;
}
#footer a {
  color: #494949;
  padding: 0 2px;
}

#content {
  width: 411px;
  float: left;
  color: #494949;
  font-size: 75%;
  line-height: 1.1667;
  padding-top: 302px;
  padding-left: 2px;
}
#content a {
  color: #ee8533;
}
#panel {
  position: relative;
  width: 319px;
  float: right;
  color: #fff;
  background: url(../images/bkg-panel-bottom.png) left bottom no-repeat;
  padding-bottom: 12px;
}
#panel .panel-header {
  background: url(../images/bkg-panel-top.png) left top no-repeat;
  padding-top: 15px;
}
#panel .panel-header h1,
#panel .panel-content {
  border-right: 5px solid #979797;
  background: #ef8533;
  padding-left: 31px;
  padding-right: 14px;
  margin: 0;
}
#subscribe #panel .panel-content {
  padding-right: 24px;
}
#panel .panel-header h1,
#panel .panel-header h2 {
  font-size: 150%;
  line-height: 1.208;
  padding-top: 20px;
}
#panel h1 .badge {
  position: absolute;
  top: -61px;
  right: 23px;
  width: 97px;
}
#panel .panel-content {
  padding-top: 16px;
  padding-bottom: 28px;
}
#subscribe #panel .panel-content {
  padding-top: 1px;
}
#panel .panel-content p {
  font-size: 87.5%;
  line-height: 1.2143;
}
#panel .panel-content .error {
  font-size: 83.33%;
  line-height: 1.1;
}

.formfield {
}
.formfield label {
  display: block;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3px;
}
.formfield label.checkbox {
  font-weight: normal;
  overflow: hidden;
  width: 100%;
}
.formfield label.checkbox input.checkbox {
  float: left;
  margin-right: 8px;
}
.formfield label.checkbox span {
  width: 220px;
  float: left;
}
.button {
  margin-top: 2.5em;
}
#subscribe .button {
  margin-top: 1.4em;
}
.button input, .button a {
  padding-right: 12px;
}
#prize {
  position: absolute;
  bottom: 9px;
  right: 19px;
  width: 181px;
  height: 161px;
}
#unsubscribe_popup {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 250px;
  border: 2px solid #444;
  padding: 1em 2em 3em;
  background: #ee8533;
}
#unsubscribe_popup h2 {
  margin-top: 0;
}
#unsubscribe_popup form {
}
#unsubscribe_popup .button a {
}
#rules {
  margin: 3em 65px 3em 35px;
  border-top: 1px solid #f88533;
  padding: 2em 0 1em 0;
  font-size: 75%;
}
#rules h2 {
  color: #f87a28;
  font-size: 150%;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 1.2em;
}
h1 em {
  display: block;
  font-style: normal;
  color: #292929;
  margin-top: 1.2em;
}