/**START CLEAR ALL***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var,b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, th {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
.hide{display:none;}
table{margin:0; padding:0;}
a img{border:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hidden{display: none;}
input::-moz-focus-inner { border: 0; outline: none; }
button::-moz-focus-inner { border: 0; outline: none; }
input { outline: none; }
sup{position: relative; top: -.3em; font-size: .8em; vertical-align:baseline;}
.center { margin: 0 auto;}
/**END CLEAR ALL***/
/* Global Variables
-----------------------------------------------------------*/
body{font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; margin: 0px; background-color: Black;}
a:link{text-decoration: none;}
a:visited{}
a:hover{text-decoration: none;}
a:active{}
h1 { font-size: 24px; line-height: .9em; color: #91c839; text-transform: uppercase; }
h2 { font-size: 16px; margin-bottom: 10px; }
h3 { font-size: 17px; color: #999999; text-transform: uppercase; }
h4 { font-size: 10px; text-transform: uppercase; }
P {}
.rounded {-moz-border-radius: 10px; border-radius: 10px; }
/*Wraps Entire site including Footer*/
#siteContainer { }
#header {margin: 0 auto; text-align: left; }
/*Wraps Content Area Including Header and Content But NOT Footer*/
#contentContainer {width: 100%; height: auto; margin: 0 auto;}
#content{ height: 504px; margin: 67px auto 0;}
/* Pre Promotion, Post Promotion
-----------------------------------------------------------*/
#prePromo {margin: 0 auto;}
#postPromo{margin: 0 auto;}
/* Landing, Enter Email
-----------------------------------------------------------*/
#landing {margin: 0 auto;}
#branding {margin: 0 auto;}
#emailBox {}
#emailBox label {}
#emailBox input {}
#enterBtn {}
.btn_Enter {}
#landing .valSum{}
#swfAlt { padding-top: 245px; color: #ccc;}
/* Header Stuff
-----------------------------------------------------------*/
#headerWrap {position: absolute; top: 0; background: url(../images/headerWrap.png) repeat-x top center; width: 100%; height: 100px; z-index: 100;}
#developerWrap { margin: 0 auto; text-align: center; width: 100%; z-index: 1000; background-color: Black; height: 100px; background: url(../images/header.png) no-repeat top center; }
#developer {margin: 0 auto; width: 960px; text-align: center; height: 100px; position: relative;}
#developer a { color: #80b33a; }
.dewIt { position: absolute; top: 0; left: 410px; display: block; text-indent: -9999px; font-size: 0px !important; cursor: pointer; height: 70px; width: 140px; margin: 0 auto; z-index: 10001; }
.lnkTDKR { position: absolute; top: 0; left: 818px; display: block; text-indent: -9999px; font-size: 0px !important; cursor: pointer; height: 70px; width: 134px; margin: 0 auto; z-index: 10001; }
.navExplore {float: left; display: block; text-indent: -9999px; font-size: 0px !important; cursor: pointer; height: 32px; width: 77px; background: url(../images/topNav.png) no-repeat 0 0; }
.navExplore:hover { background: url(../images/topNav.png) no-repeat 0 -32px; }
.navGear {float: left; display: block; text-indent: -9999px; font-size: 0px !important; cursor: pointer; height: 32px; width: 57px; background: url(../images/topNav.png) no-repeat -78px 0; }
.navGear:hover {background: url(../images/topNav.png) no-repeat -78px -32px; }
.navSweeps {float: left; display: block; text-indent: -9999px; font-size: 0px !important; cursor: pointer; height: 32px; width: 116px; background: url(../images/topNav.png) no-repeat -136px 0; }
.navSweeps:hover {background: url(../images/topNav.png) no-repeat -136px -32px; }
.navLeader {float: left; display: block; text-indent: -9999px; font-size: 0px !important; cursor: pointer; height: 32px; width: 113px; background: url(../images/topNav.png) no-repeat -253px 0; }
.navLeader:hover {background: url(../images/topNav.png) no-repeat -253px -32px; }
#topInput { position: absolute; top: 42px; width: 180px; right: 171px; height: 16px; }
#entCodeW { position: relative; width: 180px; height: 16px; }
.enterInput{float: left;width: 117px; height: 16px; margin-right: 8px; border: none; color: White; text-align: center; font-weight: bold; font-size: 10px; text-transform: uppercase; background: url(../images/topNavInput.png) no-repeat 0 -18px; }
.enterInput:focus {background: url(../images/topNavInput.png) no-repeat 0 -18px; }
.focus { background: url(../images/topNavInput.png) no-repeat 0 -18px; }
.topSubmit {float: left; display: block; text-indent: -9999px; font-size: 0px !important; cursor: pointer; height: 11px; width: 53px; border: none; margin-top: 4px; background: url(../images/topSubmit.png) no-repeat 0 0; }
.topSubmit:hover {background: url(../images/topSubmit.png) no-repeat 0px -11px; }
#pageLinks { float: left; width: 610px; text-align: left; margin: 19px 0 0 10px;}
#accountLinks { position: absolute; top: 10px; width: 178px; right: 185px; height: 16px; text-align: right; font-size: 10px; color: #999999; text-transform: uppercase; font-style:oblique; }
#admin { position: absolute; left: 0; bottom: 20px; margin-top: 25px; background-color: #333; }
#admin a { color: White; }
#landError .field-validation-error{ width: 202px; height: 53px; padding: 10px; text-align: left; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/enterCodeErrBG.png) no-repeat 0 0; position: absolute; top: 24px; right: -17px; }
/* Footer Stuff
-----------------------------------------------------------*/
#footer{ background-color: black; color: #666666; margin: 0 auto; width: 100%;}
#footerNav {background: url(../images/footerNavBG.jpg) no-repeat top center; position: relative; height: 87px; width: 100%; }
#footerSectWrap {margin: 0 auto; width: 960px;}
#footerSect1 {width: 315px; height: 84px; float: left; background: url(../images/footerSections3.png) no-repeat 0px 0px; margin: 2px 0 0 5px;}
#footerSect1:hover {background-position: 0px -85px;}
#footerSect2 {width: 318px; height: 84px; float: left; background: url(../images/footerSections3.png) no-repeat -318px 0px; margin: 2px 0 0 2px}
#footerSect2:hover {background-position: -318px -85px;}
#footerSect3 {width: 320px; height: 84px; float: left; background: url(../images/footerSections3.png) no-repeat -636px 0px; margin-top: 2px; position: relative;}
#footerSect3:hover {background-position: -636px -85px;}
.footerCallout { width: 320px; height: 67px; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; }
#batUnlock {position: absolute; top: 0; left: 130px; height: 87px; width: 105px; }
#percentUnlock { position: absolute; top: 0; left: 240px; height: 87px; width: 72px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/percentBox.png) no-repeat top center;}
#percentUnlock p { font-size: 17px !important; font-weight: bold; color: #666; margin: 20px auto !important; width: 72px !important; text-align: center;}
#footer p {font-size: 10px; margin: 0 auto; }
#footer a{text-decoration: none;}
#footerLinks {margin: 0 auto 10px; padding: 0; width: 960px}
#footerLinks a {text-decoration: none; color: #999; font-size: 10px;}
#footerLinks a:hover { color: #91c839 !important; }
#footerLinks li{display: inline; list-style-type: none;}
#footerContent {margin: 0 auto; width: 960px; }
#footerLeft { width: 810px; float: left; }
#footerLeft .abbRules { font-size: 9px; margin-bottom: 40px; -webkit-font-smoothing: subpixel-antialiased;}
.abbRules a {color: #666666;}
#compLeft { float: left; width: 310px; text-align: left;}
#compCenter{ float: left; width: 365px; text-align: left; padding-top: 5px;}
#compRight { float: left; width: 125px; text-align: right;}
#footerRight {width: 150px; height: 200px; float: left; background: url(../images/footSep.jpg) no-repeat top left; text-align: center; }
#footerRight p {font-weight: bold; font-size: 10px; text-transform: uppercase; margin: 5px auto;}
#footerRight small { font-size: 9px; text-align: left; width: 110px; font-weight: bold; display: block; margin-left: 20px;}
#share {margin: 0 auto; width: 94px; }
#pre #footerRight { display: none;}
#post #footerRight {display: none;}
.shareTwit {display: block; float: left; text-indent: -9999px; font-size: 0px !important; cursor: pointer; width: 33px; height: 25px; background: url(../images/shareSprite.jpg) no-repeat 0px 0px; }
.shareTwit:hover { background-position: 0 -26px; }
.shareFB {display: block; float: left; text-indent: -9999px; font-size: 0px !important; cursor: pointer; width: 33px; height: 25px; background: url(../images/shareSprite.jpg) no-repeat -34px 0px; }
.shareFB:hover { background-position: -34px -26px; }
.shareEmail {display: block; float: left; text-indent: -9999px; font-size: 0px !important; cursor: pointer; width: 25px; height: 25px; background: url(../images/shareSprite.jpg) no-repeat -69px 0px;}
.shareEmail:hover { background-position: -69px -26px; }
/* For Custom Check Boxes, Radio Buttons, and Select Boxes */
.checkbox {
width: 18px;
height: 18px;
padding: 0 5px 0 0;
background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}
.radio
{
width: 21px;
height: 21px;
padding: 0 5px 0 0;
background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/radio.png) no-repeat;
display: block;
clear: left;
float: left;
}
.select {
position: absolute;
width: 40px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 23px;
padding: 0 32px 0 4px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/selectSweepsBg.png) no-repeat;
overflow: hidden;
}
.select2 {
position: absolute;
width: 387px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 23px;
padding: 0 32px 0 4px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/selectLocationsBg.png) no-repeat;
overflow: hidden;
}
select
{
background: #000; color: #fff; border: none;
}
/* Footer tooltip
-----------------------------------------------------------*/
.tooltip {
display: none;
background: transparent url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/black_arrow.png);
font-size: 13px;
height: 90px;
width: 178px;
padding: 16px;
color: #ddd;
z-index: 10001;
font-style: oblique;
text-align: center;
margin-top: 30px;
}