/* This is a wrapper for the  DDModal you made */
#DDModal-1-wrapper {
  position: relative;
  width: 494px;
}

/* DDModal for:  BG_bkgnd_center2 */
#DDModal-1 {
  position: absolute;
  left: -247px;
  top: -209px;
  width: 494px;
  height: 418px;
  z-index: 1;
  background-image: url(http://www.myjoecard.com/images/ModalDeal/DDModal-1.png);
}

/* DDModal for:  Purchased_text */
#DDModal-2 {
	position: absolute;
	left: 180px;
	top: 242px;
	width: 66px;
	height: 12px;
	z-index: 2;
	/* Here are some suggestions for this area's text settings */
  text-align: center;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}

/* DDModal for:  TimeRemaining_text */
#DDModal-3 {
	position: absolute;
	left: 285px;
	top: 242px;
	width: 136px;
	height: 13px;
	z-index: 3;
	/* Here are some suggestions for this area's text settings */
  text-align: center;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}

/* DDModal for:  ViewTheFullDeal_text */
#DDModal-4 {
	position: absolute;
	left: 72px;
	top: 305px;
	width: 65px;
	height: 60px;
	z-index: 4;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  DotDPriceText_text */
#DDModal-5 {
	position: absolute;
	left: 231px;
	top: 173px;
	width: 68px;
	height: 52px;
	z-index: 5;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #AECD55;
}

/* DDModal for:  DotDValue_text */
#DDModal-6 {
	position: absolute;
	left: 152px;
	top: 170px;
	width: 30px;
	height: 12px;
	z-index: 6;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  DotDdiscount_text */
#DDModal-7 {
	position: absolute;
	left: 152px;
	top: 184px;
	width: 30px;
	height: 10px;
	z-index: 7;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  DotDSavings_text */
#DDModal-8 {
	position: absolute;
	left: 152px;
	top: 198px;
	width: 30px;
	height: 12px;
	z-index: 8;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  BlueBuyNowButton_jpg */
#DDModal-9 {
  position: absolute;
  left: 311px;
  top: 177px;
  width: 112px;
  height: 28px;
  z-index: 9;
}

/* DDModal for:  ActualNumberSold_text */
#DDModal-10 {
	position: absolute;
	left: 183px;
	top: 225px;
	width: 60px;
	height: 16px;
	z-index: 10;
	/* Here are some suggestions for this area's text settings */
  text-align: center;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  CountdownClock_text */
#DDModal-11 {
	position: absolute;
	left: 270px;
	top: 225px;
	width: 165px;
	height: 16px;
	z-index: 11;
	/* Here are some suggestions for this area's text settings */
  text-align: center;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  DotDHDRText_text */
#DDModal-12 {
	position: absolute;
	left: 88px;
	top: 114px;
	width: 358px;
	height: 45px;
	z-index: 12;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  DotDImageBox_jpg */
#DDModal-13 {
	position: absolute;
	left: 145px;
	top: 262px;
	width: 302px;
	height: 152px;
	z-index: 13;
}

/* DDModal for:  DotdBizImage_jpg */
#DDModal-14 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 150px;
	z-index: 14;
}

/* DDModal for:  NoButton_jpg */
#DDModal-15 {
	position: absolute;
	left: 265px;
	top: 49px;
	width: 225px;
	height: 50px;
	z-index: 15;
}

/* DDModal for:  NoButtonText_text */
#DDModal-16 {
	position: absolute;
	left: 14px;
	top: 18px;
	width: 204px;
	height: 10px;
	z-index: 16;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  YesButton_jpg */
#DDModal-17 {
	position: absolute;
	left: 265px;
	top: 0px;
	width: 225px;
	height: 50px;
	z-index: 17;
}

/* DDModal for:  YesButtonText_text */
#DDModal-18 {
	position: absolute;
	left: 11px;
	top: 16px;
	width: 205px;
	height: 10px;
	z-index: 18;
	/* Here are some suggestions for this area's text settings */
  text-align: center;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

/* DDModal for:  HDRSubtiitle_text */
#DDModal-19 {
	position: absolute;
	left: 11px;
	top: 58px;
	width: 229px;
	height: 18px;
	z-index: 19;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #FFF;
}

/* DDModal for:  HDRTitle_text */
#DDModal-20 {
	position: absolute;
	left: 5px;
	top: 23px;
	width: 254px;
	height: 33px;
	z-index: 20;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #C93333;
	font-weight: bold;
}

.modalBackground 
{ filter: Alpha(Opacity=40);
   -moz-opacity:0.4; opacity: 0.4;
    width: 100%;
     height: 100%;
      background-color: #999999;
       position: fixed;