/* Stuff for every page -----------------------------------------------------------*/ #fb-root { z-index: 11000; position: relative;} .batPage { color: #bcbcbc; min-height: 290px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/pageBG900.jpg) no-repeat top center; position: relative; z-index: 11000;} .batPage a {color: #91c839; } .dew {color: #91c839; } #alone .batPage { width: 940px; margin: 0 auto;} .batDiv {position: absolute; right: 29px; top: 81px; width: 879px; height: 2px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/pageDiv.jpg) no-repeat top center; } .batDivInline { width: 879px; height: 2px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/pageDiv.jpg) no-repeat top center; margin: 0 auto 15px;} .batContent { width: 880px; margin: 0 auto; padding-top: 98px; text-align: left; } .batContent label {font-weight: bold;} .batHeader {position: absolute; width: 650px; height: 70px; top: 0; left: 140px; } .batInput {font-size: 12px; border: none; color: White; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputBG.png) no-repeat top left; height: 24px; background-size: 100% 100%; padding: 2px;} .batInput:focus {color: Black; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputFocusBG.png) no-repeat top left;} .noClose .ui-dialog-titlebar-close { display: none;} .accountNav { padding: 20px 0 30px; } .accountNav a { font-size: 11px; color: #ccc; display: inline-block; margin: 0 7px; } .accountNav a:hover { color: #91c839; } #swfAlt { background: url(../Images/bgPrePromo.jpg) no-repeat top center; height: 505px;} #noFlash { width: 520px; height: 70px; padding-top: 20px; background-color: black; opacity: .6; text-align: center; margin: 20px auto 0px; border-radius: 10px; } /* Header Text Images -----------------------------------------------------------*/ #signIn { width: 165px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/signIn.png) no-repeat top left; } #enterCode { width: 332px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/enterCode.png) no-repeat top left; } #almost { width: 358px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/almost.png) no-repeat top left; } #regHead { width: 536px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/reg.png) no-repeat top left; } #sorry { width: 165px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/sorry.png) no-repeat top left; } #welcome { width: 358px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/welcome.png) no-repeat top left; } #accountConfirm { width: 467px; height: 81px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/yourAccountConfirmed.png) no-repeat top left; } #redeem { width: 368px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/redeemPointsForGear.png) no-repeat top left; } #sweeps { width: 499px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/SweepstakesPrizes.png) no-repeat top left; } #forgotPass { width: 620px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/forgotpass.png) no-repeat top left; } #myAccount { width: 309px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/myaccount.png) no-repeat top left; } #editAccount { width: 426px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/editmyaccount.png) no-repeat top left; } #passSent { width: 731px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/passwordsent.png) no-repeat top left; } #resetPass { width: 549px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/resetpass.png) no-repeat top left; } #editAccount { width: 549px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/editAccount.png) no-repeat top left; } #dashboard { width: 291px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/dashboard.png) no-repeat top left; } #earnedBadge { width: 585px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/earnedBadge.png) no-repeat top left; } #leaderboard { width: 339px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/leaderboard.png) no-repeat top left; } #myBadges { width: 339px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/myBadges.png) no-repeat top left; } #redeemChoice { width: 610px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/sweepsOrGear.png) no-repeat left 8px; } #hdrMyStats { width: 81px; height: 12px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/Images/headers/myStats.png) no-repeat top left; } #alreadyHave { width: 722px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/alreadyHaveBadge.png) no-repeat top left; } #darkBerry { width: 525px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/mtnDewDarkBerry.png) no-repeat top left; } #taf { width: 491px; height: 70px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/headers/inviteYourFriends.png) no-repeat top left; } /* All Buttons -----------------------------------------------------------*/ .submitBtn { width: 166px !important; height: 56px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/submit.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; margin: 5px 0 0 -6px; background-size: inherit !important; } .submitBtn:hover { background-position: 0 -60px !important; } .submitBtn:active { background-position: 0 -120px !important; } .contBtn { width: 182px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/continue.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; margin: 25px auto; background-size: inherit !important;} .contBtn:hover { background-position: 0 -62px !important; } .contBtn:active { background-position: 0 -122px !important; } .sendBtn { width: 181px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/send.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .sendBtn:hover { background-position: 0 -60px !important; } .sendBtn:active { background-position: 0 -120px !important; } .viewAllTransBtn { width: 182px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/viewAllTrans.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .viewAllTransBtn:hover { background-position: 0 -60px !important; } .viewAllTransBtn:active { background-position: 0 -120px !important; } .editAccountBtn { width: 182px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/editMyAccount.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .editAccountBtn:hover { background-position: 0 -60px !important; } .editAccountBtn:active { background-position: 0 -120px !important; } .saveBtn { width: 190px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/save.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .saveBtn:hover { background-position: 0 -60px !important; } .saveBtn:active { background-position: 0 -120px !important; } .cancelBtn { width: 190px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/cancel.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .cancelBtn:hover { background-position: 0 -60px !important; } .cancelBtn:active { background-position: 0 -120px !important; } .exploreBtn { width: 181px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/startExploring.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .exploreBtn:hover { background-position: 0 -60px !important; } .exploreBtn:active { background-position: 0 -120px !important; } .getGearBtn { width: 182px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/getGear.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .getGearBtn:hover { background-position: 0 -60px !important; } .getGearBtn:active { background-position: 0 -120px !important; } .enterToWinBtn { width: 182px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/enterToWin.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .enterToWinBtn:hover { background-position: 0 -60px !important; } .enterToWinBtn:active { background-position: 0 -120px !important; } .enterCodesBtn { width: 182px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/enterCodes.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .enterCodesBtn:hover { background-position: 0 -60px !important; } .enterCodesBtn:active { background-position: 0 -120px !important; } .signinorregBtn { width: 191px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/signinOrRegister.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .signinorregBtn:hover { background-position: 0 -60px !important; } .signinorregBtn:active { background-position: 0 -120px !important; } .seeBadgesBtn { width: 179px !important; height: 60px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/seeYourBadges.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .seeBadgesBtn:hover { background-position: 0 -60px !important; } .seeBadgesBtn:active { background-position: 0 -120px !important; } .btnSignInOrReg, .btnSignInOrRegSweeps { width: 282px !important; height: 39px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/signInOrReg.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .btnSignInOrReg:hover, .btnSignInOrRegSweeps:hover { background-position: bottom left !important; } .btnViewMoreGear { width: 282px !important; height: 39px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/viewMoreGear.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .btnViewMoreGear:hover { background-position: bottom left !important; } .viewMoreSweeps { width: 374px !important; height: 39px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/viewMoreSweeps.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important;} .viewMoreSweeps:hover { background-position: bottom left !important; } /* Sign In Page -----------------------------------------------------------*/ #login { color: #bcbcbc;} #login a {color: white; float: right;} #login a:hover {color: #91c839;} #login h2{ color: white;} #login input{font-size: 12px; border: none; color: White; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputBG.png) no-repeat top left; height: 24px; background-size: 100% 100%; padding: 2px;} #login input:focus{color: Black; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputFocusBG.png) no-repeat top left;} #loginLeft { width: 345px; float: left; } #loginLeft input { width: 290px; } #loginLeft label {margin-bottom: 3px; display: block;} #loginRight { width: 425px; float: left; } #loginRight input { width: 220px; margin-top: -5px;} #passRadio input{vertical-align: top;} #passRadio label{display: inline-block; font-size: 12px; text-transform: uppercase; height: 23px; padding-top: 2px; width: 170px; cursor: pointer;} #passRadio #password{float: left;} #loginVal {float: left; width: 525px; text-align: left; margin-top: 20px;} #loginSubmit { position: absolute; right: 20px; top: 215px; width: 166px;} /* Enter Code Page -----------------------------------------------------------*/ .entercode { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/pageBGEnterCode.jpg) no-repeat top center; height: 495px;} .enterCont { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/enterCodeBG.jpg) no-repeat 0 100px; padding-top: 115px; width: 879px; margin-left: 27px; padding-left: 15px; height: 401px; } .enterCodeRules { margin: 55px auto 0px; width: 260px; font-weight: bold; } .enterCodeRules a { color: white; } .enterCodeRules a:hover { color: #91c839; } .enterCont h2{font-weight: normal; line-height: 22px; width: 400px;} .enterCont .valSum { width: 315px; margin-top: 10px; height: 40px;} .enterCont input {width: 330px;} .enterCont label {font-size: 16px;} /* Account Confirmation -----------------------------------------------------------*/ #confirmAccount { margin-top: 45px; text-align: center; color: #bcbcbc; font-size: 14px;} #confirmAccount a {color: white; font-weight: bold; } #confirmAccount a:hover {color: #91c839;} .confirm { top: 84px; } /* Forgot Password -----------------------------------------------------------*/ .fp {min-height: 250px; } #forgot { text-align: left; color: #bcbcbc; font-size: 14px;} #forgotSent { text-align: center; color: #bcbcbc; font-size: 14px; margin-top: 30px;} #forgotBox {margin: 25px auto 0px; width: 300px;} #forgotBox input{font-size: 12px; border: none; color: White; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputBG.png) no-repeat top left; height: 24px; background-size: 100% 100%; padding: 2px; width: 295px;} #forgotBox input:focus{color: Black; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputFocusBG.png) no-repeat top left;} #forgot .sendBtn { position: absolute; bottom: 15px; right: 35px; } #forgot .validation-summary-errors { margin-top: 30px; } /* Reset Password -----------------------------------------------------------*/ #changepassword input{font-size: 12px; border: none; color: White; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputBG.png) no-repeat top left; height: 24px; background-size: 100% 100%; padding: 2px; margin-bottom: 15px;} #changepassword input:focus{color: Black; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputFocusBG.png) no-repeat top left;} #changepassword p { margin-bottom: 25px; } #changedpassword p { text-align: center; margin: 25px auto; } /* My Account -----------------------------------------------------------*/ .accountPage { height: 580px; } #myAccountPage { } /* Logged In -----------------------------------------------------------*/ #loggedIn { height: 435px;} #userName { font-size: 20px; font-weight: bold; padding: 45px 0 0 5px; text-transform: uppercase; } #exploreBox { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/welcomeExploreBox.jpg) no-repeat top left; height: 69px; width: 879px; position: relative; margin-bottom: 18px;} #exploreBox p { width: 460px; margin-left: 218px; padding-top: 15px; font-size: 14px;} #exploreBox .exploreBtn { position: absolute; top: 8px; right: 8px; } #loggedIn #entriesBox { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/welcomeEntriesBox.jpg) no-repeat top left; height: 173px; width: 879px; position: relative; margin-bottom: 18px; } #entriesBox h2 { height: 30px; font-size: 14px; text-transform: uppercase; color: white;} #loggedIn #codeEntered { height: 10px; margin-bottom: 20px; font-weight: bold; color: white; font-size: 13px; } #points { float: left; margin: 14px 0 0 16px; width: 165px; } .curPoints { color: #91c839; font-size: 48px; font-weight: bold; width: 78px; float: left; text-align: left;} #entries { float: left; margin-top: 14px;} #entries h2 { height: auto; } .sweepEntries { float: left; } .numbers { color: #91c839; font-size: 37px; font-weight: bold; width: 78px; float: left; text-align: right;} .sweepsName { font-size: 13px; font-weight: bold; line-height: 17px; margin-top: 5px; vertical-align: top; float: left; text-align: left; margin-left: 8px; margin-bottom: 20px;} #loggedIn #callouts { width: 880px; margin: 0 auto;} .callout { width: 290px; height: 100px; float: left; text-align: center; font-weight: bold; font-size: 13px; margin-top: 10px;} .bright { border-right: 1px solid #878787;} /* Badges -----------------------------------------------------------*/ .badgeBG { width: 214px; height: 214px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/badgeBG.jpg) no-repeat top left; margin: 10px 0;} .lo { height: 520px;} .beLo{margin: 15px auto 20px; text-align: center; width: 725px; } .beLo a{ color: white; font-weight: bold;} #badgeAlreadyEarned .contBtn { margin: 0; } .alreadyBtns {float: left; margin: 15px 10px 10px 0;} #badgeEarned { text-align: center; } #badgeEarned p { margin: 10px auto; font-size: 14px; line-height: 1.25em; } #badgeEarned .contBtn { margin: 0; } /* Dasboard -----------------------------------------------------------*/ .dash { height: 685px; background-size: 965px 600px;} .bottomDash { width: 880px; height: 240px; margin: 230px auto 0; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/dbLeaderStuffBG.jpg) no-repeat top left;} .LeaderboardDash { width: 332px; height: 184px;position: absolute; bottom: 32px; right: 545px; background-color: black; border: 2px solid #333; overflow: hidden; } .dashNav { position: absolute; top: 85px; left: 25px; } .dashClock { width: auto; height: 17px; padding: 6px 5px 3px; position: absolute; top: 100px; right: 30px; background-color: #1c1c1c; font-weight: bold; font-size: 13px; text-align: center;} .totalPoints {width: 169px; height: 177px; position: absolute; top: 150px; left: 28px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/dashTotalPointsBG.png) no-repeat top left;} .dashSweeps {width: 523px; height: 177px; position: absolute; top: 150px; left: 208px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/dashSweepsBG.png) no-repeat top left;} .dashBadges {width: 170px; height: 146px; position: absolute; top: 150px; left: 739px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/dashBadgesBG.png) no-repeat top left;} .totalPoints p { color: white; font-weight: bold; font-size: 32px; margin-top: 56px; width: 160px; text-align: right; letter-spacing: 7px; } .dashFBConnect { width: 200px; position: absolute; right: 575px; top: 337px; text-align: right; } .LeaderboardDash { width: 332px; height: 184px;position: absolute; bottom: 130px; left: 40px; background-color: black; border: 2px solid #333; overflow: hidden; } .statsDash { width: 164px; height: 184px;position: absolute; bottom: 130px; right: 383px; background-color: black; border: 2px solid #333; overflow: hidden; } .friendsDash { width: 332px; height: 184px; position: absolute; bottom: 130px; right: 40px; background-color: black; border: 2px solid #333; overflow: hidden; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/friendsDiv.jpg) no-repeat 10px 94px;} .badgeBox { width: 155px; margin-top: 45px; margin-left: 20px;} .badgeFloat { float: left; margin-right: 15px; margin-bottom: 10px;} .boxTitle { width: 50%; float: left; font-style: oblique; color: #666; text-align: left; font-size: 11px; padding-top: 5px; padding-left: 5px; font-weight: bold;} .viewAll { width: 40%; float: right; text-align: right; padding-top: 5px; padding-right: 5px; font-weight: bold;} .dashLB { margin: 10px 0px 0px 5px; } .rank { background-color: #333; border-right: 1px solid black; padding: 4px 6px; width: 33px; font-size: 10px; } .username {background-color: #333; border-right: 1px solid black; padding: 4px 6px; width: 148px; font-size: 10px; } .points {background-color: #333; padding: 4px 6px; width: 86px; font-size: 10px; } .position tr { border-bottom: 1px solid #333;} .position td { padding: 4px 8px; border-bottom: 1px solid #333;} .stats { float: left; width: 58%; font-size: 10px; padding: 2%; margin-top: 7px; color: #ccc;} .stats p{ font-size: 16px; margin: 5px 0px 9px; color: #999;} .stats p span { font-size: 10px;} .myImage { float: left; width: 33%; padding: 2%; text-align: center; margin-top: 7px;} .myImage img { width: 46px; border: 2px solid #333; } .friends { float: left; width: 160px; margin: 10px 0px;} .friendImage { float: left; width: 55px; text-align: left; } .friendImage img {width: 46px; border: 2px solid #333; } .friendStats { float: left; width: 92px; text-align: left; color: #999; font-size: 11px;} .friendName { color: #ccc; font-weight: bold;} .fourFriends { margin-left: 5px; } .wtfEntriesWrap { height: 135px; width: 460px; overflow: hidden; position: absolute; top: 40px; left: 30px; } .wtfEntries { height: 135px; width: 960px; position: absolute; top: 0px; left: 0px; } .entryBox { height: 135px; width: 150px; position: relative; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/dashSweepsEntryBox.jpg) no-repeat top left; float: left; margin-right: 5px; } .entryBox p { text-align: center; margin: 56px auto 0; width: 125px; font-size: 11px; color: #999; font-style: oblique; font-weight: bold; } .entryTotes { color: white; font-weight: bold; font-size: 32px; width: 120px; text-align: right; letter-spacing: 6.5px; position: absolute; top: 15px; right: 14px; } .dashSweepImg { width: 146px; height: 65px; position: absolute; top: 78px; left: 5px; } .dashCowl { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweeps/dashBatCowl.png) no-repeat top left; } .dashMask { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweeps/dashBaneMask.png) no-repeat top left; } .dashGear { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweeps/dashUnderArmour.png) no-repeat top left; } .dashTicket { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweeps/dashTickets.png) no-repeat top left; } .dashScript { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweeps/dashScript.png) no-repeat top left; } .dashXbox { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweeps/dashXbox.png) no-repeat top left; } .dashSweepsLeft { position: absolute; left: 2px; top: 53px; display: block; cursor: pointer; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweepsLeft.jpg) no-repeat top left; width: 23px; height: 40px; z-index: 10010; display: none;} .dashSweepsLeftNo { position: absolute; left: 2px; top: 53px; display: block; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweepsLeftNo.jpg) no-repeat top left; width: 23px; height: 40px; z-index: 10009;} .dashSweepsRight { position: absolute; right: 3px; top: 53px; display: block; cursor: pointer; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweepsRight.jpg) no-repeat top left; width: 23px; height: 40px; z-index: 10010;} .dashSweepsRightNo { position: absolute; right: 3px; top: 53px; display: block; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/sweepsRightNo.jpg) no-repeat top left; width: 23px; height: 40px; z-index: 10009;} .notConnected { width: 300px; margin: 30px auto 0;} .notConnected p { margin-bottom: 30px;} /* Choose Redemption -----------------------------------------------------------*/ .choice { height: 515px;} #choice { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/choiceBG.jpg) no-repeat top center; height: 389px; } #choice p { margin: 15px auto 0; width: 227px; font-size: 13px; text-align: left;} .choiceBox { background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/choiceBox.jpg) no-repeat top center; width: 269px; height: 350px; margin: 20px 0 0 115px; float: left; position: relative; text-align: center; } .choiceTitle { font-size: 14px; font-weight: bold; color: #91c839; text-align: center; height: 35px; text-transform: uppercase; vertical-align: baseline; padding-top: 20px; } .choiceImage { } .choiceText { font-size: 13px; line-height: 1.3em; padding-top: 10px; margin: 0 auto; width: 227px; text-align: left; } .btnRedeemForSweeps { position: absolute; width: 250px; height: 46px; bottom: 8px; left: 8px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/Images/buttons/redeemForSweeps.png) top left no-repeat; cursor: pointer; } .btnRedeemForSweeps:hover { background-position: bottom left; } .btnRedeemForGear { position: absolute; width: 250px; height: 46px; bottom: 8px; left: 8px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/Images/buttons/redeemForGear.png) top left no-repeat; cursor: pointer; } .btnRedeemForGear:hover { background-position: bottom left; } /* Pongr -----------------------------------------------------------*/ .pongrPage { color: #bcbcbc; height: 500px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/pongrBG.jpg) no-repeat top center; position: relative; z-index: 5000;} .pongrPage a { color: #91c839 } .login { z-index: 11002; } .pongrPage iframe { width: 660px; height: 420px; margin: 0 10px 0 15px;} .pongrFrame { width: 698px; position: absolute; top: 66px; left: 24px; background-color: black; border: 1px solid #1f1f1f;} .aboutBox { color: #bcbcbc; height: 273px; width: 152px; padding-top: 44px; padding-left: 13px; padding-right: 13px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/aboutBox.png) no-repeat top center; position: absolute; top: 64px; right: 25px; z-index: 10005;} .aboutBox p { font-size: 11px; color: #999; font-weight: bold;} .aboutBox h1 { margin: 0; padding: 0; font-size: 12px; color: white;} .dewLogo { height: 82px; width: 175px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/dewLogo.png) no-repeat top center; position: absolute; top: 405px; right: 22px;} /* -----------------------------------------------------------*/ .tumblrPage { color: #bcbcbc; height: 464px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/tumblrBG.png) no-repeat top center; position: relative; z-index: 5000;} .hiwBox { color: #bcbcbc; height: 273px; width: 152px; padding-top: 44px; padding-left: 13px; padding-right: 13px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/hiwBox.png) no-repeat top center; position: absolute; top: 64px; right: 15px; z-index: 10005;} .hiwBox p { font-size: 11px; color: #999; font-weight: bold; padding-bottom: 20px;} .hiwBox h1 { margin: 0; padding: 0; font-size: 12px; color: white;} .tumblrPage iframe { width: 711px; height: 382px;} .tumblrFrame { width: 711px; position: absolute; top: 62px; left: 15px; background-color: black; border: 2px solid #1f1f1f;} .tumblrDewLogo { height: 82px; width: 175px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/dewLogo.png) no-repeat top center; position: absolute; top:380px; right: 15px;} /* TAF -----------------------------------------------------------*/ .tafContainer { width: 885px; font-size: 14px; line-height: 1.15em; padding-bottom: 100px; } .tafContainer .valSum { position: absolute; left: 30px; bottom: 40px; } .tafemail { width: 295px; height: 55px; float: left; } .tafemail label { text-transform: uppercase; font-size: 12px; padding-left: 2px; } .tafemail input { width: 283px; font-size: 12px; border: none; color: White; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/inputBG.png) no-repeat top left; height: 24px; background-size: 100% 100%; padding: 2px;} .batTafDiv {position: absolute; right: 29px; bottom: 90px; width: 879px; height: 2px; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/pageDiv.jpg) no-repeat top center; } .tafBtn { position: absolute; width: 166px; height: 57px; right: 40px; bottom: 20px; } .tafSubmitBtn { width: 182px !important; height: 57px !important; background: url(http://pepsi-cdn01.plcontent.com/dewgothamcitypl886/Content/images/buttons/inviteNow.png) no-repeat 0 0 !important; display: block; cursor: pointer; text-indent: -9999px; font-size: 0px !important; border: none; background-size: inherit !important; } .tafSubmitBtn:hover { background-position: 0 -57px !important; } .tafSubmitBtn:active { background-position: 0 -114px !important; } .tafConfirm { padding: 90px 0; text-align: center; font-size: 14px; } /* -----------------------------------------------------------*/ .fb-send { float: left; position: absolute !important; z-index: 9999999; top: 337px; right: 516px; } /*Big Summer*/ #BigSummer #headerWrap { display: none;} #BigSummer #content { margin: 0 auto; text-align: center; height: auto;} #BigSummer #footerNav { display: none;} #chooseNow { margin: 0 auto;}