body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
}

#formState01 {
  padding: 37px 0 0 0;
  width: 500px;
  height:300px !important;
}

#formItem01 {
  margin: 0 20px 10px;
  border-top: 1px solid #fff;
  padding: 36px 0 0 8px;
  font-size: 14px;
  font-weight: bold;
  color: #0023a1;
}

.formItem {
  padding: 0 0 0 30px;
}

#formState02 {
  width: 500px;
  height: 300px !important;
  padding-top: 16px;
}

#formState02 .formBox {
  width: 142px;
  border: 1px solid #a9a8a8;
}

#formState02 .formBox.postBox {
  width: 56px;
  margin:0 102px 0 0;
}

select {
  width: 58px;
  margin: 0 0 9px 0;
  padding: 0 0 0 3px;
  font-size: 11px;
  border: 1px solid #A9A8A8;
  font-family: Arial, Helvetica, sans-serif;
}

#formState03 {
  width: 500px;
  height: 300px !important;
  position: relative;
  padding: 30px 0 0 0;
  
}

#formState03 h3#thankYou {
  width: 394px;
  height: 81px;
  margin: 0 0 0 37px;
}

.active {color: red;}
a:focus {outline: none;}

#formWrapper {
  background: #ccecf8 url(../images/promotions/form-top-curve.gif) no-repeat left top;
  position: relative;
  width: 500px;
  float: left;
}

#formWrapper h2 {
  padding: 13px 0 0 0;
  margin: 0 0 12px 17px;
}

#formInner {
  background: #c4e9f7 url(../images/promotions/form-gradient.gif) repeat-x left top;
  width: 500px;
  height: 336px;
  position: relative;
} /* lightsalmon */

.graphic, #prevBtn, #nextBtn {
  text-indent:-8000px;
}

#prodQuantity {
  border: 1px dashed red;
  float: left;
}

.productRange {
  background: url(../images/promotions/omo-prod-img-foot-curve.gif) no-repeat left bottom;
  display: block;
  float: left;
  position: relative;
  width: 139px;
  height: 113px;
  font-size: 1px;
}

.productRange input {
  position: absolute;
  right: 27px;
  top: 94px;
}

#productRange01 {
  background: #fff url(../images/promotions/omo-prod-img-500g.jpg) no-repeat left top;
  margin: 0 20px 0 20px;
}

#productRange02 {
  background: #fff url(../images/promotions/omo-prod-img-2kg.jpg) no-repeat left top;
  margin: 0 20px 0 0;
}

#productRange03 {
  background: #fff url(../images/promotions/omo-prod-img-1kg.jpg) no-repeat left top;
}

.productInner {
  background: #fff url(../images/promotions/omo-prod-img-foot-curve.gif) no-repeat left bottom;
  display: block;
  height: 5px;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 139px;
}

.productValue {
  position: absolute;
  top: 94px;
}

.entryForm {
  border: 1px solid #a9a8a8;
  width: 453px;
  height: 118px;
  margin: 5px 0 0 20px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px 0 0 3px;
}

#formNavigation {
  height: 42px;
  display: block;
  margin: 0 0 0 19px !important;
}

.formNavItem {
  width: 155px;
  height: 42px;
  float: left;
  display: block;
}

#formNavItem01 { background: url(../images/promotions/txt-step-1.gif) no-repeat left top; }
#formNavItem02 { background: url(../images/promotions/txt-step-2.gif) no-repeat left top; }
#formNavItem03 { background: url(../images/promotions/txt-step-3.gif) no-repeat left top; }

#inputBlock01 {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 18px 0;
  margin: 0 0 16px 20px;
  width: 460px;
}

#inputBlock01 label.leftCol, #inputBlock01 label.rightCol {
  height: 21px;
  display: block;
  float: left;
  padding: 2px 0 0 1px;
}

#inputBlock01 label.leftCol {
  width: 84px;
}

#inputBlock01 label.rightCol {
  width: 64px;
}

#inputBlock01 input {
  float: left;
}

#inputBlock01 legend img {
  margin: 0 12px 0 0;
}

#formState02 h3 {
  display: block;
  margin: 0 0 12px 18px;
}

#inputBlock02 {
  margin: 0 0 0 20px;
  padding: 0;
}

#inputBlock02 label {
  display: block;
  float: left;
  width: 390px;
  color: #3a454a;
}

#inputBlock02 label a, #inputBlock02 label a:visited, #inputBlock02 label a:active {
  color: #3a454a;
}

.cleardiv {
  clear: both;
  height: 3px;
  line-height: 1px;
  font-size: 1px;
}

.formBox {
  height: 18px;
  font-size: 11px;
  padding: 3px 0 0 3px;
  width: 142px;
}

.formBox.fbLeft {
  margin-right: 16px;
}

* html .formBox.fbLast {
  width: 139px !important;
}

.checkbox {
  margin: 0 9px 0 0;
  float: left;
}

#btm-graphic-curve {
  position: absolute;
  bottom: -1px;
  left: 0;
}

fieldset {
  border: none;
}

.error {
  color: #e42785;
  position: absolute;
  right: 30px;
  top: 19px;
  font-weight: bold;
  display: none;
}

#sorry img{
  margin:100px 0px 0px 95px;
}
#nextBtn {
  cursor: pointer;
  width: 63px;
  height: 24px;
  position: absolute;
  right: 26px;
  bottom: 10px;
}

#backBtn01, #backBtn02 {
  cursor: pointer;
  position: absolute;
  left: 26px;
  width: 63px;
  bottom: 10px;
  height: 24px;
}

#backBtn02 {
  position: absolute;
  left: 195px;
  bottom: 170px;
}

#submitBtn {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 26px;
  width: 73px;
  height: 24px;
}


#flashOverlay{
	height:618px;
	margin:0 auto;
	position:relative;
	width:1100px;
	z-index:1000;
	overflow: hidden;
}

.promoTermsList {
  margin-left: 26px;
}

.promoTermsList li {
  margin-bottom: 7px;
}

#textareaEntryError {
  margin: 16px 0 0 0;
  top: 220px !important;
  height: 40px;
  right: 330px !important;
}