@charset "utf-8";
/* CSS Document */
.planPartyLayout{ display:block; overflow:hidden; width:960px; margin:0 auto;}
.partyPlanBanner{ border:1px solid #ccc; position:relative; width:958px; height:302px; margin:0 0 20px 0;}
.ppImgContent{ position:relative; width:958px; height:302px;}
.ppContent{ position:absolute; bottom:0; width:585px; height:63px; background:url(../img/plan-a-party/pp-banner-content-bg.png) repeat-y; padding:10px 30px; z-index:99;}
.ppContent h2{ text-transform:uppercase; color:#fff; font-size:18px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Helvetica, sans-serif; margin:0 0 3px 0; padding:0;}
.ppContent p{color:#fff; font-size:13px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:18px;}
.ppBannerCont{ width:267px; height:245px; background:url(../img/plan-a-party/pp-right-content-bg.png) no-repeat; position:absolute; right:9px; top:9px; z-index:100; padding:20px;}
.ppBannerCont h2{ color:#333; font-size:18px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Helvetica, sans-serif; margin:0 0 14px 0; padding:0;}
.ppBannerCont h2 span{ color:#000;}
.ppBannerCont p{ margin:0 0 14px 0; padding:0; color:#000; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
.ppBtn{ width:150px; margin:0 auto; display:block; height:20px; text-align:center; font-size:13px;}
.ppHead{ margin:0; padding:0 0 8px 0; line-height:normal; margin:0 0 20px 0; border-bottom:1px solid #ccc; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Helvetica, sans-serif; font-size:16px; line-height:normal}
.ppThrowPartyTop{ display:block; width:960px; margin:0 auto 20px auto; height:244px;}
.ppThrowPartyBot{ display:block; width:959px; margin:1px auto 0 auto;}
.ppThrowPartyCont{ float:left; margin:0; position:relative; overflow:hidden; width:189px; height:244px;}
.ppTpBg1{ background:url(../img/plan-a-party/party-bg.png) no-repeat;}
.ppTpBg2{ background:url(../img/plan-a-party/invite-bg.png) no-repeat;}
.ppTpBg3{ background:url(../img/plan-a-party/beverages-bg.png) no-repeat;}
.ppTpBg4{ background:url(../img/plan-a-party/food-bg.png) no-repeat;}
.ppTpBg5{ margin-right:0; background:url(../img/plan-a-party/music-bg.png) no-repeat;}
.ppThrowPartSlide{ margin:288px 0 0 10px; width:169px; height:167px; background:url(../img/plan-a-party/tran_bg_rounded.png) repeat;}
.ppThrowPartSlide h5{ display:block; font-size:13px; color:#fff; font-family:"Myriad Pro"; width:140px; margin:0 auto; padding:20px 0 10px 0; font-weight:normal; letter-spacing:1px; }
.ppThrowPartSlide ul{ margin:0 auto; padding:0; width:140px; display:block; overflow:hidden;}
.ppThrowPartSlide ul li{ margin:0 0 3px 0; padding:0; list-style:none; float:left; width:140px; clear:both; background:url(../img/plan-a-party/white-arr.png) no-repeat left; padding:0 0 0 10px; color:#fff; font-family:"Myriad Pro"; font-size:12px;}
.ppThrowPartSlide ul li a{ color:#fff;}
.ppThrowPartSlide ul li a:hover{ color:#fff;}
.ppTpOnBg1{ background:url(../img/plan-a-party/party-on-bg.png) no-repeat;}
.ppTpOnBg2{ background:url(../img/plan-a-party/invite-on-bg.png) no-repeat;}
.ppTpOnBg3{ background:url(../img/plan-a-party/beverages-on-bg.png) no-repeat; }
.ppTpOnBg4{ background:url(../img/plan-a-party/food-on-bg.png) no-repeat;}
.ppTpOnBg5{ background:url(../img/plan-a-party/music-on-bg.png) no-repeat;}
.slideDown{ display:block; cursor:pointer; padding:2px 0 0 0; margin:0 auto}

.ppFormContainer{ width:677px; border:1px solid #ccc; margin:0 0 10px 0}
.ppFormContainer .header h6{ padding:5px 10px; font-size:13px;}
.ppFormContainerInner{ padding:10px; background:#f6f6f6;}
.ppFormOuterFrame{ width:656px;}
.ppForm{}
.ppFormHead{ background:url(../img/plan-a-party/header-bg-lc.jpg) no-repeat left; padding:0 0 0 8px; display:block; overflow:hidden;}
.ppFormHead h5{ display:block; color:#000; background:url(../img/plan-a-party/header-bg-rc.jpg) no-repeat right; float:left; padding:6px 16px 6px 8px; min-width:120px; height:15px; font-size:13px;}
.ppFormContent{ padding:15px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:10px; background:#fff;}
.ppFormContent table label{ font-weight:bold; color:#4c4c4c;}
.ppFormContent table td{ padding:0 0 10px 0}
.ppFormContent table td.last{ padding:0;}
.ppFormContent table td td{ padding:0;}
.ppFormTextBox{ border:1px solid #666; padding:3px; width:195px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.ppFormTextBoxSm{ border:1px solid #666; padding:3px; width:77px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.ppFormSelect{ border:1px solid #666; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:203px; padding:2px 3px;}
.ppFormSelectSm{ border:1px solid #666; padding:2px 3px; width:85px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.calenderIcon{ margin:0 5px; cursor:pointer;}
.beverages h2{ line-height:normal; font-size:13px;}
.beveragesListOuter{ margin:0; padding:0;}
.beverages h2 { display:block; background:url(../img/plan-a-party/beverage-listhead-bot-bg.png) repeat-x bottom; padding:7px 0;}
.beverages h2 span{ display:block; background:url(../img/plan-a-party/plus-icon.png) no-repeat left 4px; padding:0 0 0 20px; line-height:normal;}
.beverages h2 span.on{background:url(../img/plan-a-party/minus-icon.png) no-repeat left 4px;}

.beveragesListOuter{ margin:0; padding:0}
.beveragesList{ padding:15px; border-bottom:1px solid #ccc; height:250px; width:610px; overflow:auto;}
.beveragesListOuter li{ margin:0; padding:0; list-style:none;}
.beveragesList ul{ margin:0; padding:0;}
.beveragesListOuter .beveragesList li{ margin:0; padding:0;}
.offer{ background:url(../img/plan-a-party/offer-bg.png) no-repeat left; padding:22px 0 0 15px; color:#9d0000; font-weight:bold}
.ppFormTextBoxVsm{ width:30px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #666;}
.redTxt{ color:#9d0000; font-size:12px;}
.ppForm h6{ margin:0 0 10px 0; padding:0; line-height:18px;}
.ppFormSelectMed{ border:1px solid #666; padding:2px 3px; width:140px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.addressDet{ display:block; overflow:hidden;}
.addressDet img{ float:left;}
.addressDet .address{ float:left; margin:0 0 0 12px;}
.addressDet .address h5{font-size:12px; color:#9d0000; line-height:18px;}
.addressDet .address p{ font-size:12px; color:#333; line-height:18px; margin:0 0 10px 0;}
.ppAlliedSer{ display:block; overflow:hidden;}
.ppAlliedSerBlk{ width:120px; height:38px; float:left; margin:0 6px 0 0; padding:82px 0px 0 3px; color:#fff;}
.ppAlliedSerBlk a{ color:#FFFFFF; display:block; float:right; font-size:10px; padding:5px 6px 0 0;}
.ppAlliedSerBlk a:hover{ color:#fff;}
.ppAlliedSerBlk span{ display:block; padding:2px 0 0 0; float:left; width:87px; font-size:11px;}
.ppAlliedSerBlk input{ float:left; margin-right:5px;}
.ppAlliedSerBlkBg1{ background:url(../img/plan-a-party/party-planner-bg.jpg) no-repeat;}
.ppAlliedSerBlkBg2{ background:url(../img/plan-a-party/dj-bg.jpg) no-repeat;}
.ppAlliedSerBlkBg3{ background:url(../img/plan-a-party/catering-bg.jpg) no-repeat;}
.ppAlliedSerBlkBg4{ background:url(../img/plan-a-party/bartender-bg.jpg) no-repeat;}
.ppAlliedSerBlkBg5{ background:url(../img/plan-a-party/sounds-lights-bg.jpg) no-repeat;}
.ppFormUserName{ display:block; padding:3px 5px; font-size:13px; color:#000; font-weight:bold; float:left; border:1px solid #dcdcdc; background:#f5f1f1; margin:0 0 5px 0}
.ppFormContent table td .ppFormConfirmDet td{ padding:0 0 10px 0;}
.ppFormContent table td .ppFormConfirmDet td.last{ padding:0;}
.partyDet{ background:url(../img/plan-a-party/ppform-confirm-det-bg.png) no-repeat; width:217px; height:82px; padding:40px 0 0 0;}
.orderDet{ border:1px solid #ccc;}
.ppFormContent .orderDet td{ border-right:1px solid #ccc; padding:5px 10px;}
.orderDet th{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../img/plan-a-party/table-head-bg.png) repeat-x; height:30px; padding:0 10px; font-size:13px;}
.alliedSerBlk{ display:block; border:1px solid #d1d1d1; background:url(../img/plan-a-party/allied-services-bg.png) repeat-x; height:34px; padding:3px 10px}
.alliedSerBlk ul{ margin:0; padding:0;}
.alliedSerBlk ul li{ margin:0 16px 0 0; padding:0; list-style:none; float:left;}
.alliedSerBlk ul li.last{ margin:0;}
.alliedSerBlk ul li img{ float:left; margin:0 10px 0 0;}
.alliedSerBlk ul li p{ float:left; margin:8px 0 0 0; padding:0; float:left;}
.pickupMap{ background:url(../img/plan-a-party/map-bg.png) #eaeaea repeat-x top; padding:10px;}

.eInviteOuter{ padding:5px; min-height:550px;}
.eInviteOuterContent{clear:both; border:1px solid #ccc; background-color:#FFF;  padding:20px; position:relative; z-index:9; margin-top:-2px; overflow:hidden; min-height:500px}
.eInvitationList{ width:175px; display:block; overflow:hidden; margin:0 auto 25px auto}
.eInvitationList h2{ display:block; text-align:center; font-size:14px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Helvetica, sans-serif; color:#660000; margin:0 0 10px 0; line-height:normal}
.eInvitationList ul{ margin:0; padding:0;}
.eInvitationList ul li{ margin:0; padding:0; list-style:none; width:53px; height:53px; display:block; float:left; background:#ccc; float:left; margin:0 4px 0 0; padding:1px;}
.eInvitationList ul li.last{ margin:0;}
.mainInvitation{ background:url(../img/plan-a-party/invitation-bg.png) no-repeat; width:195px; height:246px; padding:15px 0 0 0;}
.eInviteFirstCol{ width:175px; float:left; display:block; overflow:hidden;}
.eInviteMidCol{ width:195px; float:left; margin:0 30px}
.mainInvitation img{ margin:0 auto; display:block;}
.eInviteBotBtn{ text-align:center; padding:40px 0 0 0; width:100%}
#maininv{ background:url(../img/plan-a-party/loader.gif) no-repeat center center; width:195px; height:246px;}

.einvite-form th{border-bottom:1px solid #ccc; color:#a30000; text-align:left;font-size:13px; padding:2px 2px 5px 2px; }
.einvite-form td{padding:8px 0; font-size:12px; }
.einv-textfield{border:1px solid #ccc; padding:3px; width:200px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.einv-textarea{border:1px solid #ccc; padding:3px; width:200px; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:50px}
.einv-listfield{ border:1px solid #ccc; padding:2px 3px; width:208px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.continue-btn{ background:url(../img/plan-a-party/continue-btn.png) no-repeat; width:101px; height:33px; font-size:1px; line-height:20px; border:none; display:block; text-indent:-1000px;}

.ppTabHead{height:43px; margin-bottom:5px;}
.ppTabHead img{ float:left;}
.ppTabHead ul{ margin:0 0 0 4px; padding:0;}
.ppTabHead ul li{ margin:0; padding:0; list-style:none; float:left; padding:0 2px; background:url(../img/plan-a-party/pp-tab-head-div.png) no-repeat right 3px; height:41px; border-bottom:6px solid transparent;}
.ppTabHead ul li a{ color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:16px; font-weight:bold; display:block; padding:12px 20px;}
.ppTabHead ul li.last{ background:none; width:357px;}
.ppTabHead ul li.current{border-bottom:6px solid #930000;}
.ppTabHead ul li.current a{ color:#930000;}

.ppTabHead ul li.completed{border-bottom:6px solid #6c0000;}
.ppTabHead ul li.completed a{ color:#6c0000;}

.add-deal-btn{ background:url(../img/plan-a-party/add-more-deal-btn.png) no-repeat; width:141px; height:33px; font-size:1px; line-height:20px; border:none; display:block; text-indent:-1000px;}
.proceed-btn{ background:url(../img/plan-a-party/proceed-btn.png) no-repeat; width:101px; height:33px; font-size:1px; line-height:20px; border:none; display:block; text-indent:-1000px;}

.ppThankyouMsg{ position:relative; margin-bottom:25px;}
.ppThankyouMsg .ppThankyouTxt{ position:absolute; left:17px; top:110px; width:250px;}
.throwPerfectParty{ width:636px; height:257px; background:url(../img/plan-a-party/throw-perfect-party-bg.png) no-repeat; padding:54px 10px 10px 10px}
.throwPerfectPartyTab{ float:left; width:226px; height:251px; background:url(../img/plan-a-party/pp-left-tab-bg.png) no-repeat; margin-top:3px; padding-top:4px;}
.throwPerfectPartyTab ul{ margin:0; padding:0;}
.throwPerfectPartyTab ul li{ margin:0; padding:0; list-style:none; float:left; width:100%;}
.throwPerfectPartyTab ul li a{ outline:none;}
.throwPerfectPartyTab ul li a img{ display:block;}
.throwPerfectPartyCont{ float:left; width:410px; height:260px; background:url(../img/plan-a-party/pp-tab-right-cont-bg.png) no-repeat right;}
.tppContIn{ width:410px; height:260px; }
.arrowLeft{ float:left; margin-top:22px;}
.tppContInIn{ width:341px; height:214px; float:left; padding:23px 30px;}
.tppContInInBg1{ background:url(../img/plan-a-party/tppContInInBg1.png) no-repeat right;}
.tppContInInBg2{ background:url(../img/plan-a-party/tppContInInBg2.png) no-repeat right;}
.tppContInInBg3{ background:url(../img/plan-a-party/tppContInInBg3.png) no-repeat right;}
.tppContInInBg4{ background:url(../img/plan-a-party/tppContInInBg4.png) no-repeat right;}
.tppContInInBg5{ background:url(../img/plan-a-party/tppContInInBg5.png) no-repeat right;}
.tppContInInBg2 .arrowLeft{ margin-top:68px;}
.tppContInInBg3 .arrowLeft{ margin-top:118px;}
.tppContInInBg4 .arrowLeft{ margin-top:172px;}
.tppContInInBg5 .arrowLeft{ margin-top:222px;}

.tppContInIn h2{ margin:0 0 25px 0; padding:0; }
.tppContInIn p{ margin:0 0 20px 0; padding:0; font-size:12px; color:#000; width:185px; line-height:18px;}
.tppContInIn ul{ margin:0; padding:0;}
.tppContInIn ul li{ margin:0 0 5px 0; padding:0 0 0 10px; background:url(../img/plan-a-party/black-arrow.png) no-repeat left; float:left; width:100%; clear:both; list-style:none;}
.tppContInIn ul li a{ color:#000; font-size:12px; text-decoration:none;}
.tppContInIn ul li a:hover{ text-decoration:underline;}



.ppSmallPopup{
padding-left:150px;
padding-top:1000px;
position:absolute;
top:0;
left:0;
}
.smallPopupIn, .ui-dialog{ width:235px; height:91px; margin:6px 6px 0 0; background:url(../img/plan-a-party/plan-a-party-popupbg.png) repeat; padding-bottom:20px;}
.smallPopupIn p, .ui-dialog p{ margin:0; padding:15px; color:#cccccc; font-size:12px; display:block;}
.btnBlk, .ui-dialog-buttonset{ display:block; text-align:center;}
.ui-dialog-titlebar-close{ background:url(../img/plan-a-party/plan-a-party-popupclose.png) no-repeat; position:absolute; height:21px; right:-8px; top:-9px; width:21px;}
.ui-dialog-titlebar-close span{visibility:hidden;}
.ui-dialog-titlebar-close:hover{text-decoration:none;}
.ui-button-ok span, .ui-button-cancel span{ visibility:hidden;}
.ui-button-ok{ background:url(../img/plan-a-party/yes-btn.png) no-repeat; border:none; height:24px;width:46px;}
.ui-button-cancel{ background:url(../img/plan-a-party/no-btn.png) no-repeat;border:none; height:24px;width:46px;}




.planPartyLand{ width:900px; background:url(../img/plan-a-party/plan-a-party-landbg.jpg) no-repeat; height:743px; margin:-20px 0 0 -20px; padding:25px 50px 0 50px; font-family: "Lucida Grande","Lucida Sans Unicode", sans-serif}

.PlanPartyHeader { height:53px;}
.PlanPartyHeader img{ float:left;} 
.PlanPartyHeader ul{ float:right; margin:0; padding:0;}
.PlanPartyHeader ul li{ float:left; margin:0; padding:0; float:left; list-style:none; color:#f0f0f0; font-weight:bold;}
.PlanPartyHeader ul li a{ display:block; padding:0 10px 0 0; background:url(../img/plan-a-party/breadcrumb-arrow.png) right center no-repeat; margin:0 10px 0 0; font-weight:bold; color:#656565; text-decoration:none;}

.PlanPartyTopIntro{ width:378px; height:177px; background:url(../img/plan-a-party/top-intro-bg.png) no-repeat; padding:49px 30px 0 490px;}
.PlanPartyTopIntro p{ margin:0 0 12px 0; font-size:12px; color:#365c00;}

.planPartyContent{ width:898px; height:454px; margin-top:25px; display:block;}
.planPartyContentLeft{ width:593px; float:left;}
.planPartyContentRight{ width:276px; float:right;}
.planPartyTit{ height:164px;}
.planPartyTit img{ padding:10px 0 0 8px;}
.planPartyThreeSteps{ width:593px; height:225px; background:url(../img/plan-a-party/three-blocks-bg.png) no-repeat;}
.planPartyThreeSteps p{ float:left; width:118px; height:90px; font-size:11px; color:#365c00; line-height:16px;}
.planPartyThreeSteps p.step1{ margin:67px 91px 0 43px;}
.planPartyThreeSteps p.step2{ margin:67px 82px 0 0; width:119px;}
.planPartyThreeSteps p.step3{ margin:67px 0 0 0;}
.planPartyBottom{ display:block; overflow:hidden;}
.planPartyBottom img{ float:left;}
.throwPerfectPartyAcc{ width:276px; height:367px; background:url(../img/plan-a-party/throw-perfect-party-side-bg.png) no-repeat; padding:66px 0 0 0; }
.tppAccIn{ width:251px; height:342px; margin:0 0 0 13px; overflow:hidden; position:relative;}
.tppAccIn ul{ margin:0; padding:0}
.tppAccIn ul li{ margin:0; padding:0; list-style:none; position:relative; float:left;}
.tppAccIn ul li img{ display:block;}
.tppAccInCont{ height:91px; width:150px;}
.tppAccIn ul li .head{ cursor:pointer}
.tppAccIn ul li .animatedImg{ position:absolute; right:0; top:0; margin:0 20px 0 0;}
.tppAccIn ul li .firstImg{ margin:38px 0 0 0;}
.tppAccInCont p{ width:122px; margin:0 0 7px 18px; float:left; font-size:10px; color:#2d2d2d; line-height:12px;}
.tppAccInCont a{ margin:0 0 3px 18px; float:left; font-size:10px; color:#2d2d2d; clear:both; padding-left:8px; background:url(../img/plan-a-party/black-arrow.png) no-repeat left; width:122px;}
.tppAccInCont a:hover{ color:#000;}