#footrail
{
  width: 958px;
  margin: auto;
  margin-top: 20px;
  height: 38px;
  border: solid 1px #828282;
  background-color: #ececec;
}

#footrail_center
{
  background: transparent url(../Images/CouponForm/footrail_dropshadow.png) no-repeat;
  background-position: 50% 0;
  z-index: 20;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.but_close
{
  text-transform: uppercase;
  padding: 0.25em;
  color: #e0e0e0;
}

.but_close a
{
  background: url("../Images/x.png") repeat scroll 0 0 transparent;
  cursor: pointer;
  display: inline;
  height: 29px;
  position: absolute;
  right: -16px;
  top: -15px;
  width: 25px;
  z-index: 3200;
}

.CouponCanvas
{
  background: #F5F3EA url(../Images/CouponForm/bg_coupon.jpg) no-repeat;
  border: solid 10px #FFF;
  width: 580px; /*min-height: 200px;*/
  margin-bottom: 10px;
  text-align: left;
  padding: 0px 0px 20px 0px;
}


.CouponModalPopupBG
{
  background-color: #000000;
  filter: alpha(opacity=55);
  opacity: 0.55;
}
.CouponModalWindow
{
  background-image: url(../Images/CouponForm/BlackTransBG.png);
  border: 3px solid #5A5954;
  padding: 9px 25px 9px 25px;
  text-align: right;
  background-repeat: repeat;
  position: absolute;
}

.CouponPanel
{
  position: fixed;
  bottom: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 20;
}

#Step1SpaceDiv
{
  min-height: 205px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 50px;
}

input.CouponButton
{
  background-color: #B6BABB;
  border: 0;
  color: #333333;
  float: left;
  margin: 6px 0 0 15px;
  height: 25px;
  background-image: url(../Images/CouponForm/CouponButtonArrow.png);
  background-position: right;
  background-repeat: no-repeat;
  padding: 0 21px 3px 10px;
  font: normal 10px/16px sans-serif; /*text-decoration: underline;*/
  text-shadow: 1px 1px 0 #CCCCCC;
  cursor: pointer;
  font-weight: bold;
}

input.CouponTextBox
{
  border: 1px solid gray;
  height: 24px;
  padding-right: 10px;
  margin-right: 12px;
}

.Page1ControlButton
{
  padding-left: 3px;
  padding-right: 3px;
  height: 34px;
}

label.InputLabel
{
  color: #504E4F;
  font-size: 14px;
  font-weight: bold;
  padding-right: 5px;
}

#EmailInputDiv
{
  padding-top: 10px;
}

#FirstNameInputDiv
{
  padding-top: 10px;
}

#LastNameInputDiv
{
  padding-top: 10px;
}
#LastNameInputDiv label.InputLabel
{
  padding-right: 8px;
}

.Step1ControlDiv
{
  width: 100%;
  text-align: center;
  padding-top: 5px;
}

#Step2ControlDiv
{
  padding-top: 15px;
  overflow: hidden;
  margin-left: 80px;
  text-align: left;
}



.Step1Panel
{
  padding-bottom: 15px;
  min-height: 700px;
}

h2.CouponModalH2
{
  font: normal 24px/28px "Lucida Grande" , sans-serif;
  color: #CB181E;
  margin-bottom: 12px;
  margin-top: 15px;
  letter-spacing: -0.025em;
}

h3.CouponModalH3
{
  color: #593b1e;
}

p.CouponModalP
{
  font: normal 14px/18px Arial;
  color: #000000;
  margin-bottom: 18px;
  clear: both;
  font-style: italic;
}


h3, h4
{
  color: #000000;
}

h4
{
  margin-bottom: 10px;
}

h4.CouponModalH4
{
  font: normal 14px/21px Arial, sans-serif;
  letter-spacing: -0.0125em;
}

p.CouponModalDisclaimer
{
  font: normal 12px/12px "Lucida Grande" , sans-serif;
  letter-spacing: -0.0125em;
  margin-bottom: 2px;
  margin-top: 0;
  color: #525151;
}

.Step2Panel
{
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.StoreSiteLabel
{
	position:relative;
	left:20px;
  display: none;
}


.CouponImageContainer
{
  margin: 0 0 24px 30px;
  float: right;
  background-color: #ffffff;
  border: solid 1px #b6b6b6;
  padding: 8px;
}

#Step3Header
{
  background-image: url(../Images/CouponForm/CouponTopBarBg.jpg);
  background-repeat: repeat-x;
  width: 580px;
  height: 95px;
  font-size: 1px;
  vertical-align: middle;
  display: none;
}

#Step3Coupon
{
  width: 536px;
  margin: 30px 0 10px 27px;
  border: 3px dashed #696A6F;
  background-color: #FFFFFF;
  min-height: 210px;
}

.Step3Top
{
  font: italic 14px/18px Arial;
  letter-spacing: -0.0125em;
  margin: 10px 32px 0px 27px;
  color: #000000;
  width: 536px;
}
a.step3canvasaprint
{
  float: right;
  font-family: Arial;
  font-style: normal;
  color: #000000;
}

#CouponContent .CouponModalH4
{
  /* display:none; */
  margin-top: 0;
}

#Step3Coupon_Print
{
  float: right;
  margin: 15px 0 0 0;
  width: 200px;
}

#Step3Coupon_PrintImage
{
  border: 1px solid #B6B583;
  background-color: #ffffff;
  height: 145px;
  overflow: hidden;
}

#Step3Coupon_PrintButton
{
  padding-top: 14px;
  min-height: 34px;
  display: none;
}

.Step3Canvas
{
  border: solid 10px #FFFFFF;
  width: 600px;
  min-height: 200px;
  margin-bottom: 10px;
  text-align: left;
  background-color: #B4CFD8;
  float: left; /*overflow: scroll;      height:550px;*/
}

.PrintButton
{
  margin: 0px 0px 0px 0px;
  height: 34px;
  cursor: pointer;
  position: relative;
  left: -130px;
}

#CouponContent
{
  color: #4D3022;
  font-family: arial;
  font-size: 11px;
  margin: 0 0 15px 20px;
  width: 280px;
}

#Step3DealerInfo
{
  width: 176px;
  margin: 0 0px 10px 20px;
  float: right;
  font-weight: normal;
  clear: right;
  color: #525151;
}


#Step3DealerInfo p
{
  margin: 0; /*fix hdbrand theme */
}

#Step3DealerInfo p span
{
  color: #000000;
  font: 12px/17px Arial,sans-serif;
  letter-spacing: -0.0125em;
}


.ScissorsCoupon
{
  width: 176px;
}

.CouponInstructionBar
{
  color: #525151;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.CouponModalGetStoreDirections
{
  margin: 10px 20px 0 0;
}

.CouponDealerLogo
{
  height: 87px;
  max-height: 87px;
  vertical-align: middle;
  text-align: center;
  background-position: left top;
  background-repeat: no-repeat;
  margin-right: 27px;
  margin-top: 4px;
}

.CouponCorporateLogo
{
  margin-left: 25px;
  padding-bottom: 3px;
}

.PrintLink
{
  float: right;
  padding-right: 50px;
}

.Step3Instructions
{
  width: 540px;
  margin: 0 0 10px 27px;
  float: left;
  color: #000000;
  font-family: arial;
  font-weight: normal;
  font-size: 14px;
  background-color: #FFFFFF;
}

.Step3InstructionsDefault
{
  width: 540px;
  margin: 0 0 10px 27px;
  float: left;
  color: #000000;
  font-family: arial;
  font-weight: normal;
  font-size: 14px;
}

#Step3Instructions p
{
  margin: 0; /*fix hdbrand theme */
}

p.CouponGreeting
{
  font: 14px/16px Arial, sans-serif;
  letter-spacing: -0.0125em;
  padding-bottom: 0px;
  margin-bottom: 14px;
}

p.CouponStandardText
{
  padding-bottom: 0px;
  margin-bottom: 14px;
}

.CouponFooter
{
  float: left;
  width: 580px;
  margin: 0px 0px 0px 0px;
  background-color: #CB181E;
  height: 20px;
}

#PanelCorpPromotion
{
  position: absolute;
  left: 0;
}

#CorpPromotion
{
  position: fixed;
  bottom: 40px;
  background: #B6BABB;
  height: auto;
  margin-bottom: -32px;
  border: 2px solid #B6BABB;
  margin-left: 13px;
}

#ClosePromotionButton
{
  background-color: #B6BABB;
  background-image: url("../Images/CouponForm/CouponButtonArrowDown.png");
  background-position: right center;
  background-repeat: no-repeat;
  color: #333333;
  float: right;
  font: 10px/16px sans-serif;
  height: 21px;
  margin: 5px 6px 0 15px;
  padding: 0 21px 3px 10px; /*text-decoration:underline;*/
  text-shadow: 1px 1px 0 #CCCCCC;
  cursor: pointer;
}



#PanelCoupon
{
  position: absolute;
  left: 0;
}

#Coupon
{
  position: fixed;
  bottom: 40px;
  background: #B6BABB;
  margin-left: 13px;
  height: auto;
  margin-bottom: -32px;
  border: 2px solid #B6BABB;
}


.popupCuponHeadline
{
  color: #CB181E; /*font: 24px/28px "Lucida Grande",sans-serif;*/
  font: 18px/21px "Lucida Grande" ,sans-serif;
  letter-spacing: -0.025em;
  display: block;
}
.popupCuponDescription
{
  color: #000000; /*font: 14px/21px Arial,sans-serif;*/
  font: 14px/18px Arial,sans-serif;
  letter-spacing: -0.0125em;
  display: block;
}


#CloseCouponButton
{
  background-color: #B6BABB;
  background-image: url("../Images/CouponForm/CouponButtonArrowDown.png");
  background-position: right center;
  background-repeat: no-repeat;
  color: #333333;
  float: right;
  font: 10px/16px sans-serif;
  height: 21px;
  margin: 5px 6px 0 15px;
  padding: 0 21px 3px 10px; /*text-decoration:underline;*/
  text-shadow: 1px 1px 0 #CCCCCC;
  cursor: pointer;
}


.CouponButtonBackground
{
  background-image: url("../Images/CouponForm/bg_coupon.jpg");
  background-position: left -40px;
  background-repeat: no-repeat;
}

.StoreDirectionsLayout
{
  float: right;
}


/* Red Tag Template **************************************************************************************************/

.BigTag
{
  position: absolute;
  margin-left: 363px;
  margin-top: -18px;
}

.RedTagCouponCanvas
{
  background: #FFFFFF url(../Controls/Coupon/Templates/RedTag/Images/RedTagCouponCanvas.jpg) no-repeat;
  width: 580px; /*min-height: 200px;*/
  text-align: left;
  padding: 0px 0px 20px 0px;
}

.RedTag_CouponImageContainer
{
  margin: 0 0 24px 30px;
  float: right;
  background-color: #ffffff;
}

h2.RedTag_CouponModalH2
{
  font: normal 24px/28px "Lucida Grande" , sans-serif;
  color: #CB181E;
  margin-bottom: 12px;
  margin-top: 15px;
  letter-spacing: -0.025em;
  font-weight: bold;
}

.RedTag_CouponScreenStyle
{
  background: #FFFFFF url(../Controls/Coupon/Templates/RedTag/Images/RedTagCouponCanvas.jpg) no-repeat;
  width: 600px;
  min-height: 200px;
  text-align: left;
  background-color: #FFFFFF;
  padding:  40px 0px 0px 0px;
}

.RedTag_Step3Top
{
  font: italic 14px/18px Arial;
  letter-spacing: -0.0125em;
  margin: 10px 32px 0px 27px;
  color: #000000;
  width: 450px;
}

.RedTag_CouponFooter
{
  float: left;
  width: 600px;
  margin: 0px 0px 0px 0px;
  background-color: #CB181E;
  height: 20px;
}

.RedTag_FormFooter
{
  float: left;
  width: 580px;
  margin: 0px 0px 0px 0px;
  background-color: #CB181E;
  height: 20px;
}

.RedTag_SlideContent
{
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 200px;
}

.RedTag_SlideHeader
{
  color: #CB181E; /*font: 24px/28px "Lucida Grande",sans-serif;*/
  font: 18px/21px "Lucida Grande" ,sans-serif;
  letter-spacing: -0.025em;
  display: block;
  font-weight: bold;
}

.RedTag_SlideBG
{
  background-color: #FFFFFF;
}

/* Green Money Template **************************************************************************************************/

.BigMoney
{
  position: absolute;
  margin-left: 515px;
  margin-top: -12px;
}

.GreenMoneyH2
{
  color: #fbef29; /*font: 24px/28px "Lucida Grande",sans-serif;*/
  font: 24px/28px 'Times New Roman' , Times, serif;
  letter-spacing: -0.025em;
  display: block;
  font-weight: bold;
  font-style: italic;
  margin-top: 0px;
  background-color: #066428;
  width: 510px;
  margin-bottom: 0px;
  text-align: left;
}

.GreenMoneyH2Container
{
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #066428;
  text-align: left;
}

.GreenMoneyCouponCanvas
{
  /*background: #FFFFFF url(../Controls/Coupon/Templates/GreenMoney/Images/GreenMoneyCouponCanvas.jpg) no-repeat;*/
  width: 580px; /*min-height: 200px;*/
  text-align: left;
  padding: 0px 0px 20px 0px;
  background-color: #FFFFFF;
}

.GreenMoney_CouponImageContainer
{
  margin: 0 0 24px 30px;
  float: right;
  background-color: #ffffff;
}

h2.GreenMoney_CouponModalH2
{
  color: #066428; /*font: 24px/28px "Lucida Grande",sans-serif;*/
  font: 24px/28px 'Times New Roman' , Times, serif;
  letter-spacing: -0.025em;
  display: block;
  font-weight: bold;
  font-style: italic;
  margin-top: 10px;
}

.GreenMoney_CouponScreenStyle
{
  background: #FFFFFF url(../Controls/Coupon/Templates/GreenMoney/Images/GreenMoneyCouponCanvas.jpg) no-repeat;
  width: 600px;
  min-height: 200px;
  text-align: left;
  background-color: #FFFFFF;
  padding:  40px 0px 0px 0px;
}

.GreenMoney_Step3Top
{
  font: italic 14px/18px Arial;
  letter-spacing: -0.0125em;
  margin: 10px 32px 0px 27px;
  color: #ffffff;
  width: 450px;
  margin-top: -35px;
  margin-bottom: 10px;
}

.GreenMoney_CouponFooter
{
  float: left;
  width: 600px;
  margin: 0px 0px 0px 0px;
  background-color: #066428;
  height: 20px;
}

.GreenMoney_FormFooter
{
  float: left;
  width: 580px;
  margin: 0px 0px 0px 0px;
  background-color: #066428;
  height: 20px;
}

.GreenMoney_SlideContent
{
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 200px;
}

.GreenMoney_SlideHeader
{
  color: #fbef29; /*font: 24px/28px "Lucida Grande",sans-serif;*/
  font: 18px/21px 'Times New Roman' , Times, serif;
  letter-spacing: -0.025em;
  display: block;
  font-style: italic;
}

.GreenMoney_SlideBG
{
  background-color: #FFFFFF;
}

.GreenMoney_SlideHeaderDiv
{
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 5px;
  background-color: #066428;
}

.SlideDollar
{
  padding-top: 10px;
}