﻿body { background-color: #000; }
.NewMoon { max-width: 1000px; min-height: 600px; position: relative; margin: 0 auto; }
* html .NewMoon { width: 1000px; height: 600px; }
.NewMoon #header h2 { background: transparent url(/page_templates/newmoon/images/bkg.h2-logo.png) no-repeat left top; width: 164px; height: 66px; position: absolute; left: 825px; top: 20px; text-indent: -9999px; }
.NewMoon #header h3 { background: transparent url(/page_templates/newmoon/images/bkg.h2-title.png) no-repeat left top; width: 166px; height: 45px; position: absolute; left: 35px; top: 13px; text-indent: -9999px; }
.NewMoon #header p { color: #e7ddbd; font-size: 77%; width: 190px; position: absolute; left: 50px; top: 60px; }
.NewMoon #htmlBody{ background: #000 url(/page_templates/newmoon/images/bkg.body-forest.jpg) no-repeat left top; }
.NewMoon #main { height: 568px; }
.NewMoon #main ul#main_nav { position: absolute; top: 528px; left: 75px; z-index: 999; }
.NewMoon #main ul#main_nav li { float: left; background: transparent url(/page_templates/newmoon/images/bkg.li-nav-divider.png) no-repeat top right; height: 21px; padding: 5px 14px 0 5px; }
.NewMoon #main ul#main_nav li#last { background: none; padding-right: 0; }
.NewMoon #main #main_nav li a { background-position: left top; background-repeat: no-repeat; display: block; text-indent: -9999px; }
.NewMoon #main #main_nav li a:hover { background-position: left bottom; }
.NewMoon #main #main_nav li a.active { background-position: left bottom; }
.NewMoon #main #main_nav li a#nav_coupon { background-image: url(/page_templates/newmoon/images/bkg.a-coupon-pack.png); width: 214px; height: 10px; line-height: 10px; margin-top: 1px; }
.NewMoon #main #main_nav li a#nav_cards { background-image: url(/page_templates/newmoon/images/bkg.a-twilight-crown-cards.png); width: 171px; height: 11px; line-height: 11px; }
.NewMoon #main #main_nav li a#nav_mastercard { background-image: url(/page_templates/newmoon/images/bkg.a-mastercard.png); width: 172px; height: 11px; line-height: 11px; }
.NewMoon #main #main_nav li a#nav_value { background-image: url(/page_templates/newmoon/images/bkg.a-value-burgers.png); width: 100px; height: 11px; line-height: 11px; }
.NewMoon #main #main_nav li a#nav_bottles { background-image: url(/page_templates/newmoon/images/bkg.a-water-bottles.png); width: 129px; height: 10px; line-height: 10px; margin-top: 1px; }
.NewMoon #main .main_content { position: absolute; width: 100%; }
.NewMoon #main .main_content h4 { position: relative; text-indent: -9999px; }
.NewMoon #main .main_content p.tagline { font-size: 93%; color: #fff; text-align: center; }
.NewMoon #main .main_content p.availability { background: transparent url(/page_templates/newmoon/images/bkg.p-availability.png) no-repeat left top; width: 92px; height: 14px; position: absolute; text-indent: -9999px; }
.NewMoon #main .main_content p.legal { color: #e7ddbd; font-size: 77%; line-height: 10px; position: absolute; }
.NewMoon #main .main_content ul.sub_nav { position: absolute; top: 0; left: 0; }
.NewMoon #main .main_content ul.sub_nav li { float: left; }
.NewMoon #main .main_content ul.sub_nav li a { background-position: 0 0; background-repeat: no-repeat; display: block; width: 137px; height: 36px; text-indent: -9999px; }
.NewMoon #main .main_content ul.sub_nav li.menu a { background-image: url(/page_templates/newmoon/images/bkg.a-menu-button.png); }
.NewMoon #main .main_content ul.sub_nav li.card a { background-image: url(/page_templates/newmoon/images/bkg.a-card-button.png); }
.NewMoon #main .main_content ul.sub_nav li.find a { background-image: url(/page_templates/newmoon/images/bkg.a-find-button.png); }
.NewMoon #main .main_content ul.sub_nav li.rules a { background-image: url(/page_templates/newmoon/images/bkg.a-rules-button.png); width: 180px; }
.NewMoon #main .main_content ul.sub_nav li.order a { background-image: url(/page_templates/newmoon/images/bkg.a-order-button.png); }
.NewMoon #main .main_content ul.sub_nav li a:hover { background-position: 0 -36px; }
.NewMoon #main .main_content ul.sub_nav li a.clicked { background-position: 0 -72px; }

.NewMoon #main #new_moon1,
.NewMoon #main #new_moon2,
.NewMoon #main #new_moon3,
.NewMoon #main #new_moon4,
.NewMoon #main #new_moon5 { display: none; }
.NewMoon #main #new_moon1.active,
.NewMoon #main #new_moon2.active,
.NewMoon #main #new_moon3.active,
.NewMoon #main #new_moon4.active,
.NewMoon #main #new_moon5.active { display: block; }

.NewMoon #main #new_moon1 h4 { background: transparent url(/page_templates/newmoon/images/bkg.h4-coupon-pack.png) left top no-repeat; margin: 65px 0 0 275px; width: 469px; height: 50px; }
.NewMoon #main #new_moon1 p.tagline { width: 510px; margin: 10px 0 0 250px; }
.NewMoon #main #new_moon1 p.availability { margin: 24px 0 0 705px; }
.NewMoon #main #new_moon1 p img { margin: 12px 0 0 252px; }
.NewMoon #main #new_moon1 p a { display: block; position: absolute; bottom: 89px; left: 361px; width: 260px; height: 115px; text-indent: -9999px; }
.NewMoon #main #new_moon1 p.legal { width: 225px; top: 425px; left: 725px; }
.NewMoon #main #new_moon1 ul.sub_nav { top: 480px; left: 380px; }
.NewMoon #main #new_moon1 ul.sub_nav li.find { margin-left: -10px; }

.NewMoon #main #new_moon2 h4 { background: transparent url(/page_templates/newmoon/images/bkg.h4-crown-cards.png) left top no-repeat; margin: 120px 0 0 178px; width: 696px; height: 22px; }
.NewMoon #main #new_moon2 p.tagline { width: 660px; margin: 5px 0 0 195px; }
.NewMoon #main #new_moon2 p img { margin: 50px 0 0 245px; }
.NewMoon #main #new_moon2 p.crown_card_crown { color: #e7ddbd; font-size: 77%; text-align: center; margin: 0px; width: 185px; position: absolute; top: 375px; left: 48px; }
.NewMoon #main #new_moon2 p.crown_card_crown img { margin: 0 0 5px 0; }
.NewMoon #main #new_moon2 p.button_text { color: #fff; font-size: 85%; text-align: center; margin: -50px 0 0 375px; width: 275px; }
.NewMoon #main #new_moon2 ul.sub_nav { top: 450px; left: 445px; }

.NewMoon #main #new_moon3 h4 { background: transparent url(/page_templates/newmoon/images/bkg.h4-mastercard.png) left top no-repeat; margin: 115px 0 0 275px; width: 474px; height: 52px; }
.NewMoon #main #new_moon3 p.tagline { width: 520px; margin: 10px 0 0 250px; }
.NewMoon #main #new_moon3 p.availability { margin: 24px 0 0 705px; }
.NewMoon #main #new_moon3 p img { margin: 38px 0 0 315px; }
.NewMoon #main #new_moon3 ul.sub_nav { top: 462px; left: 420px; }
.NewMoon #main #new_moon3 p.cc_legal { color: #e7ddbd; font-size: 77%; line-height: 10px; text-align: center; padding-bottom: 15px; position: absolute; top: 605px; left: 65px; width: 910px; }
.NewMoon #main #new_moon3 p.cc_legal a { color: #e7ddbd; text-decoration: underline; }
.NewMoon #main #new_moon3 p.cc_legal a:hover { color: #fff; text-decoration: underline; }

.NewMoon #main #new_moon4 h4 { background: transparent url(/page_templates/newmoon/images/bkg.h4-value-burgers.png) left top no-repeat; margin: 118px 0 0 200px; width: 633px; height: 29px; }
.NewMoon #main #new_moon4 p.tagline { width: 475px; margin: 2px 0 0 280px; }
.NewMoon #main #new_moon4 p.burgers { margin: 100px 0 0 260px; }
.NewMoon #main #new_moon4 p.disclaimer { color: #e7ddbd; font-size: 77%; text-align: left; margin: -70px 0 0 720px; width: 180px; }
.NewMoon #main #new_moon4 ul.sub_nav { top: 475px; left: 380px; }
.NewMoon #main #new_moon4 ul.sub_nav li.find { margin-left: -10px; }

.NewMoon #main #new_moon5 h4 { background: transparent url(/page_templates/newmoon/images/bkg.h4-water-bottles.png) left top no-repeat; margin: 105px 0 0 185px; width: 647px; height: 29px; }
.NewMoon #main #new_moon5 p.tagline { width: 525px; margin: 5px 0 0 255px; }
.NewMoon #main #new_moon5 p img { margin: 10px 0 0 300px; }
.NewMoon #main #new_moon5 p.button_text { color: #e7ddbd; font-size: 85%; text-align: center; margin: -125px 0 0 420px; width: 180px; }
.NewMoon #main #new_moon5 p.legal { width: 150px; top: 425px; left: 725px; }
.NewMoon #main #new_moon5 ul.sub_nav { top: 475px; left: 445px; }

.NewMoon #footer { font-family: helvetica, verdana, arial; font-size: 62%; width: 540px; margin-left: 230px; }
.NewMoon #footer ul { margin-bottom: 2px; text-align: center; }
.NewMoon #footer ul li { color: #e7ddbd; padding-right: 3px; display: inline; }
.NewMoon #footer ul li a { color: #e7ddbd; }
.NewMoon #footer ul li a:hover { color: #fff; }
.NewMoon #footer p#legal { color: #e7ddbd; margin: 0; text-align: center; }
.NewMoon #footer p#rating { background: transparent url(/page_templates/newmoon/images/bkg.p-rating.png) no-repeat left top; display: block; width: 129px; height: 19px; text-indent: -9999px; margin: 0; width: 129px; height: 19px; position: absolute; left: 820px; bottom: 20px; }
.NewMoon #footer p#rating a {}
.NewMoon #footer p#summit { margin: 0; width: 29px; height: 29px; position: absolute; left: 955px; bottom: 20px; }
.NewMoon #footer p#summit a { background: transparent url(/page_templates/newmoon/images/bkg.a-summit-logo.gif) no-repeat left top; display: block; width: 29px; height: 29px; text-indent: -9999px; }

div.mastercard_overlay { display: none; z-index: 500001 !important; background: url(/page_templates/newmoon/images/bkg.div-mastercard-overlay.png) left top no-repeat transparent; left: 268px; top: 27%; padding-right: 0; position: absolute; width: 488px; height: 292px; }
div.mastercard_overlay p a { width: 10px; height: 15px; position: absolute; top: 21px; right: 21px; text-indent: -9999px; }
div.mastercard_overlay p.legal_text { color: #fff; font-size: 77%; line-height: 10px; height: 200px; overflow-y: scroll; overflow-x: hidden; margin: 60px 18px 16px 16px; padding: 0 20px; }

div.overlay_prompt { display: none; z-index: 500001; background: url(/page_templates/newmoon/images/bkg.div-redirect-overlay.png) left top no-repeat transparent; left: 363px; top: 27%; padding-right: 0; position:absolute; width: 298px; height: 232px; }
div.overlay_prompt p { color: #fff; font-size: 85%; margin: 62px 16px 10px; padding: 0 15px; text-align: center; width: 237px; }
div.overlay_prompt ul { margin: 0 0 0 80px; }
div.overlay_prompt ul li { float: left; }
div.overlay_prompt ul li.cancel {  }
div.overlay_prompt ul li.cancel a { background: none; display: block; width: 55px; height: 20px; margin-right: 32px; }
div.overlay_prompt ul li.cancel a:hover {  }
div.overlay_prompt ul li.continue a {  background: none; display: block; width: 30px; height: 20px; }
div.overlay_prompt ul li.continue a:hover {  }
