* {border:0;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
 
body {width:913px;margin:0 auto 60px auto;}






#header {display:block;width:913px;height:244px;}
#pageBody {background:url(../images/shared/pageBody_bg.png) repeat-y top left;width:778px;padding:0 0 0 31px;margin-left:52px;}


#client_logo {float:right;}
#client_logo {width:287px;height:165px;margin:12px 108px 0 0;}

/* paragraph container that holds steps (numerical) display & language selector */
#stageTracker {position:relative;width:747px;height:50px;clear:both;background:url(../images/bg/steps_bg.gif) no-repeat top left;padding:0;margin:0 0 30px 0;}
#stageTracker p {margin:0;padding:0;}

	/* numberical steps */
	#stepMarker {background-color:#fff;height:47px;width:219px;float:left;padding:0 8px;}
	#stepMarker strong {float:left;width:48px;height:45px;background:url(../images/misc/step_active_grey.jpg) no-repeat top left;margin:0 6px 0 0;font-size:34px;text-align:center;color:#fff;padding:2px 0 0 0;}
	
	#stepMarker .booking_complete {float:left;font-size:24px;padding:9px 0 0 0;color:#999999;}

	/* language selector */
	#langSelector, #langSelector .label, #langSelector #selector {height:47px;}
	
	#langSelector {float:right;position:relative;width:241px;overflow:visible;border-left:9px solid #fff;}
	#langSelector .label {float:left;height:34px;width:182px;background:url(../images/misc/lbl_langSel.jpg) no-repeat top left;text-align:left;color:#666;font-size:12px;font-weight:bold;padding:15px 0 0 18px;}
	#langSelector #selector {float:left;width:41px;}
	
	#langSelector a.up {background:url(../images/misc/btn_langSel_down.jpg) no-repeat top left;}
	#langSelector a.down {background:url(../images/misc/btn_langSel_up.jpg) no-repeat top left;}
	
	#langList {position:absolute;display:block;top:47px;left:14px;width:183px;list-style-type:none;border-left:1px solid #6c6c6c;border-bottom:1px solid #6c6c6c;border-right:1px solid #6c6c6c;background:url(../images/bg/bgLangSel_shadow.jpg) #dbdbdb repeat-x top left;}	
	#langList li, #langSelector ul li a {display:block;text-align:left;}
	#langList li {height:22px;}
	#langList li a {width:177px;height:16px;font-size:10px;color:#474747;text-decoration:none;padding:3px 0 0 6px;}
	#langList li a:hover {background-color:#333;color:#fff;}
		
		
		

#entryScreen h1 {height:100px;font-size:50px;font-family:'Arial Narrow',Tahoma,'Trebuchet MS';}
#entryScreen h1, #entryScreen h2, #entryScreen p {text-align:center;}
#entryScreen h2 {font-size:22px;margin-bottom:10px;}
#entryScreen p {color:#666666;line-height:1.65em;}
#entryScreen p.introText {font-size:22px;width:575px;margin:0 0 30px 80px;}
#entryScreen .planParty {display:block;width:731px;height:91px;}
#entryScreen a.start {display:inline-block;text-decoration:none;width:302px;height:57px;padding:30px 0 0 0;margin:20px 0;color:#fff;text-align:center;font-weight:bold;font-size:23px;}
#entryScreen a.start span {text-shadow: 0px -1px 0px #374683;}
.iconSteps {display:block;width:731px;height:174px;margin:0 0 30px 0;padding-left:28px;}
.iconSteps span {float:left;width:155px;height:100px;font-size:13px;text-align:center;line-height:1.25em;font-weight:bold;}

	/* specific steps */
	#step1 {margin-right:23px;}
	#step2 {margin-right:25px;}
	#step3 {margin-right:20px;}
	#step4 {margin-right:18px;}


.colLeft, .colRight {float:left;}
.colLeft {width:420px;margin:0 40px 0 0;} 
.colRight {width:287px;}
.colFull {width:747px;}

/* form elements */
.colLeft form label {text-align:right;float:left;width:120px;margin:6px 15px 0 0;font-size:14px;color:#333333;}
.colLeft h2, .colFull h2 {font-size:18px;padding:5px;margin:12px 0 20px 0;color:#ffffff;}
.colLeft form p.frmRow, .colLeft form p.frmRowTall {height:40px;margin:0 0 10px 0;}

/* card points */
#cardPoints, #cardPoints p {display:block;}
#cardPoints p {font-size:12px;height:20px;margin:0 0 10px 0;padding:5px 0 2px 0;}
#cardPoints span {float:left;margin-right:1px;cursor:pointer;}
#cardPoints span.col1 {width:295px;margin-left:15px;}
#cardPoints span.col1 input {float:left;margin:1px 6px 0 0;}
#cardPoints span.col2 {width:100px;text-align:right;}

/* party extras */
#partyExtras {display:block;margin:0 0 20px 0;}
#partyExtras p.frmRow {height:37px;font-size:12px;}
#partyExtras p.frmRow span, #partyExtras p.frmRow input {float:left;}

#partyExtras p.frmRow span.formInput {width:39px;}
#partyExtras p.frmRow span.formInput .cb {float:right;margin-right:10px;margin-top:2px;}
#partyExtras p.frmRow span.detail {width:260px;margin:3px 30px 0 8px;font-weight:normal;}
#partyExtras p.frmRow span.price {width:75px;margin-top:3px;text-align:right;font-weight:normal;}

/* error */
p.errorStyle {font-size:24px;color: #ff0000;font-weight:bold;}










/* party package details */
.partyPackage, 
.partyPackageActive, 
.partyPackageSelected {display:block;padding:10px 0;margin:0 0 0 0;border-bottom:1px solid #cccccc;}


.partyPackage h3, 
.partyPackageActive h3, 
.partyPackageSelected h3 {font-size:14px;padding:3px 0 0 22px;margin-left:15px;background:url(../images/bg/packageDetails.jpg) no-repeat top left;cursor:pointer;}


.partyPackage h3, 
.partyPackageActive h3, 
.partyPackageSelected h3, 
.partyPackage input, 
.partyPackageActive input, 
.partyPackageSelected input {height:20px;float:left;}

.partyPackage input, 
.partyPackageActive input, 
.partyPackageSelected input {margin:0 0 0 0;visibility:hidden;}



ul.packageDetails {display:block;height:auto;min-height:120px;margin:5px 0 0 35px;font-size:11px;cursor:pointer;}
ul.packageDetails li {padding-left:12px;list-style-type:none;}
ul.packageDetails li.selPackage {padding-left:0;background-image:none;}
ul.packageDetails li.selPackage a {float:left;padding:4px 6px;margin:5px 0 0 0;height:15px;text-decoration:none;}
ul.packageDetails li.selPackage a.sel {color:#ffffff;background-color:#399700;border:1px solid #ffffff;}

.partyPackage {background-image:none;background-color:#ffffff;}
.partyPackageActive {background:url(../images/bg/activePackageBG.jpg) #e6e6e6 no-repeat bottom left;}
.partyPackageSelected {background:url(../images/bg/selectedPackageBG.jpg) #e6e6e6 no-repeat bottom left;}




/*  add on details */
.partyAddOn, 
.partyAddOnActive, 
.partyAddOnSelected {display:block;padding:10px 0;margin:0 0 0 0;border-bottom:1px solid #cccccc;}

.partyAddOn h3, 
.partyAddOnActive h3, 
.partyAddOnSelected h3 {font-size:14px;padding:3px 0 0 22px;margin-left:15px;background:url(../images/bg/packageDetails.jpg) no-repeat top left;cursor:pointer;}

.partyAddOn h3, 
.partyAddOnActive h3, 
.partyAddOnSelected h3, 
.partyAddOn input, 
.partyAddOnActive input, 
.partyAddOnSelected input {height:20px;float:left;}

.partyAddOn input, 
.partyAddOnActive input, 
.partyAddOnSelected input {margin:0 0 0 0;visibility:hidden;}


ul.packageAddOnDetails {display:block;height:auto;min-height:120px;margin:5px 0 0 35px;font-size:11px;cursor:pointer;}
ul.packageAddOnDetails li {padding-left:12px;list-style-type:none;}
ul.packageAddOnDetails li.selPackage {display:block;padding-left:0;margin-top:8px;background-image:none;}
ul.packageAddOnDetails li.selPackage input {visibility:visible;float:left;margin:0 5px 0 0;}
ul.packageAddOnDetails li.selPackage span.tag {float:left;padding-top:5px;}

.partyAddOn {background-image:none;background-color:#ffffff;}
.partyAddOnActive {background:url(../images/bg/activePackageBG.jpg) #e6e6e6 no-repeat bottom left;}
.partyAddOnSelected {background:url(../images/bg/selectedPackageBG.jpg) #e6e6e6 no-repeat bottom left;}












/* input elements */
input.rad {height:28px;width:25px;margin:0;}


/* shared field properties */
input.txt, 
input.txtActive, 
input.txtMed,
input.txtMedActive,
input.txtMedB,
input.txtMedBActive,
input.txtShort,
input.txtShortActive,
input.txtShortB, 
input.txtShortBActive {width:275px;height:31px;background:url(../images/bg/input_bg.gif) no-repeat top left;border:1px solid #666666;font-size:18px;color:#878787;padding:5px 0 0 5px;}

input.txtActive, input.txtMedActive, input.txtShortActive, input.txtShortBActive, input.txtMedBActive {background:url(../images/bg/input_bg_active.gif) no-repeat top left;color:#ffffff;}



/* regular input field */
input.txtActive {font-size:18px;color:#ffffff;}

/* medium input field */
input.txtMed, input.txtMedActive {width:200px;height:31px;padding:5px 0 0 5px;}
input.txtMedB, input.txtMedBActive {width:130px;height:31px;padding:5px 0 0 5px;}

/* short input field */
input.txtShort, input.txtShortActive {padding-left:3px;padding-top:5px;width:35px;height:31px;}
input.txtShortB, input.txtShortBActive {padding-left:3px;padding-top:5px;width:60px;height:31px;margin-right:3px;}

textarea.inactive, textarea.active {width:410px;height:160px;border:1px solid #666666;font-size:18px;padding:5px 0 0 5px;}
textarea.inactive {background:url(../images/bg/textarea_bg.gif) no-repeat top left;color:#878787;}
textarea.active  {background:url(../images/bg/textarea_bg_active.gif) no-repeat top left;color:#ffffff; }


img.genderIcon {margin:0 35px 0 0;cursor:pointer;}

input.btn, input.finish, input.back  {font-size:16px;font-weight:bold;color:#fff;text-transform:uppercase;}
input.btn, input.finish {width:139px;height:59px;float:right;cursor:pointer;}
input.finish, input.back  {float:left;}
input.back {margin-left:-4px;}

/* special row for gender radio selections (taller images) */
.colLeft form p.frmRowTall {height:35px;padding:5px 0 0 0;}
.colLeft form p.frmRowTall label {margin-top:1px;}
.colLeft form label.partyDate {margin-top:0;}


a.calendarLaunch {width:66px;height:38px;float:right;background:url(../images/bg/calendar_launch.gif) no-repeat top left;text-decoration:none;}
a.calendarLaunch span {visibility:hidden;}





/* party summary */
.colRight fieldset {border:2px solid #666666;padding:25px 8px 20px 5px;}
.colRight fieldset legend {font-size:20px;color:#3d3d3d;font-weight:bold;margin:0 0 0 0;padding:0 5px;}
.colRight fieldset p {float:left;margin:0 0 20px 5px;padding:3px 0;}
.colRight fieldset p.disclaimer {font-size:10px;}

.colRight fieldset .sumLeft, .colRight fieldset .sumRight, .colRight fieldset .edit {font-size:11px;font-weight:bold;float:left;margin-bottom:3px;}
.colRight fieldset .sumLeft {width:89px;margin:0 5px 0 0;padding-left:3px;}
.colRight fieldset .sumRight {width:130px;}

.colRight fieldset .edit {width:35px;text-align:right;padding-right:2px;}
.colRight fieldset .edit a {text-decoration:none;font-size:11px;}


/* party booking review */
#bookingReview p {width:747px;font-size:12px;padding:10px 0;}
#bookingReview p, #bookingReview p span.sumLeft, #bookingReview p span.sumRight {float:left;}
#bookingReview p span.sumLeft {width:140px;font-weight:bold;padding-left:10px;}
#bookingReview p span.sumRight {width:550px;}
#bookingReview p span.edit {width:40px;text-align:right;}
#bookingReview p span.edit a {font-weight:bold;text-decoration:none;}
#bookingReview p span.edit a:hover {color:#666666;}
#bookingReview p.topBorder {border-top:2px solid #666666;}
#bookingReview p.disclaimer {display:block;width:727px;font-size:11px;padding:10px;border:1px dotted #cccccc;margin:0 0 50px 0;}

/* payment area */
#ccPayment h3 {color:#333333;font-size:18px;margin-bottom:10px;}
#ccPayment label {color:#606060;display:block;font-size:14px;font-weight:bold;margin-bottom:3px;}


#ccPayment p {font-size:14px;margin-bottom:18px;}
#ccPayment p.frmRow {float:left;width:350px;}
#ccPayment #selCCType, #ccPayment #selCCExpMonth, #ccPayment #selCCExpYear, #ccPayment .selState {height:38px;border:1px solid #666666;font-size:18px;color:#666666;}

#ccPayment #selCCType, #ccPayment .selState {width:285px;}
#ccPayment #selCCExpMonth, #ccPayment #selCCExpYear{width:140px;}
#ccPayment p #chMatchDetails, #ccPayment p span, #ccPayment p  #chAgree, #ccPayment p #chSubscribe {float:left;}
#ccPayment p #chMatchDetails,  #ccPayment p #chAgree, #ccPayment p #chSubscribe {margin:2px 5px 0 0;}

#ccPayment .txtMed, #ccPayment .txtShort, #ccPayment .txtMedActive, #ccPayment .txtShortActive {float:left;}
#ccPayment .txtMed, #ccPayment  .txtMedActive {width:200px;margin-right:8px;}
#ccPayment .txtShort {width:62px;}
#ccPayment .txtShortActive {width:60px;}

.leftCol {margin-right:45px;}

#ccPayment p.lock {background:url(../images/misc/lock.gif) no-repeat top left;padding:0 0 0 22px;}

.packageIntro {font-size:12px;}

/* intro package items (intro line items) */
#partyPackIntro p, #partyPackIntro ul {color:#333333;}

#partyPackIntro p {margin:0 0 8px 5px;font-weight:bold;font-size:14px;}
#partyPackIntro p.asterisk {padding:0 0 0 15px;background:url(../images/misc/small_star.gif) no-repeat 0 2px;font-size:12px;}
#partyPackIntro ul {list-style-type:none;margin:0 0 15px 18px;font-size:11px;}
#partyPackIntro ul li {padding:0 0 0 15px;}
#partyPackIntro p.paraSubHead{margin:30px 0 8px 15px;padding-left:19px;background:url(../images/misc/small_star.gif) no-repeat center left;}

/*15/02/2010 AB: Added for use by the Frankies Johnny Rockets checkbox div in step3.php*/
#JRCheckBox p.JRtext{margin:0px 0 10px 10px;padding-left:19px;background:url(../images/misc/small_star.gif) no-repeat center left;font-size:12px;}

/*05/07/2010 AB: Added for use by the Frankies of Raleigh checkbox div in step3.php*/
#RaleighCheckBox p.Raleightext{margin:0px 0 10px 10px;padding-left:19px;font-size:12px;}
#RaleighCheckBox ul.Raleighul {list-style-type:disc;margin:0px 0 15px 50px;font-size:12px;}
#RaleighCheckBox ul li {padding:0 0 0 15px;}


#footer {display:block;width:769px;height:50px;background:url(../images/shared/footer_bg.png) no-repeat top left;padding:38px 20px 0 20px;margin-left:52px;}
#footer * {font-size:10px;color:#fff;text-decoration:none;}


#footer .leftLinks {float:left;margin-top:3px;}
#footer .rightLinks {float:right;}
#footer .rightLinks a {float:right;height:15px;text-align:left;padding:3px 0px 0 50px;background:url(../images/shared/embed_logo.png) no-repeat top left;}


#calLaunch input {float:right;}
#calLaunch img {margin-left:55px;margin-top:0;cursor:pointer;}s

#depositAmt {float:left;margin-top:4px;color:#ff6600;}
p.msgThanks {font-size:12px;}

a.printReceipt {height:61px;float:left;padding:5px 0 0 70px;margin:5px 0px 5px 0px;font-size:18px;text-decoration:none;}
a.returnLinkReceipt {height:61px;float:left;padding:5px 0 0 70px;margin:5px 0px 5px 0px;font-size:18px;text-decoration:none;}
a.newBookingReceipt {height:61px;float:left;padding:5px 0 0 70px;margin:5px 0px 5px 0px;font-size:18px;text-decoration:none;}

a.printReceipt:hover {color:#cccccc;}
a.returnLinkReceipt:hover {color:#cccccc;}
a.newBookingReceipt:hover {color:#cccccc;}
div.lnkShellReceipt {margin:50px 0px 150px 0px;}

/* processing animation */
#partyTimes, #gatheringTimes {display:block;}
#partyTimes h3 {font-size:15px;color:#ffffff;padding:3px 0 3px 10px;margin-bottom:10px;background:url(../images/bg/am_pm_bg.jpg) repeat-y top left;}
#partyTimes h3.pm {margin-top:20px;}
#gatheringTimes {margin:80px 0 186px 20px;}
span.processing, span.processingText {float:left;}
span.processing {margin:7px 8px 0 0;width:28px;height:28px;}
span.processingText {font-size:11px;font-weight:bold;color:#666666;padding:6px 0 0 0;}

/* final processing animation */
#procFinalStep {float:left;margin:8px 0 0 15px;}
#procFinalStep span.processing, #procFinalStep span.processingText {float:left;}
#procFinalStep span.processing {margin:7px 8px 0 0;width:28px;height:28px;}
#procFinalStep span.processingText {font-size:11px;font-weight:bold;color:#666666;padding:6px 0 0 0;}

#partyTimes .selTimeSlot, 
#partyTimes .selTimeSlotSelected
{float:left;margin:0 8px 8px 0;height:30px;width:120px;font-weight:bold;font-size:16px;padding:10px 0 0 10px;cursor:pointer;}
#partyTimes input {visibility:hidden;}


#questionnaire {display:block;}
#questionnaire table tr td {padding:0 0 25px 0;font-size:12px;color:#666666;}
#questionnaire table tr td.col1 {width:30px;padding-left:15px;}
#questionnaire table tr td.col2 {width:350px;padding-top:2px;}

#partyTimes .selTimeSlot {background-color:#EFEFEF;border:1px solid #cccccc;color:#666666;}
#partyTimes .selTimeSlot:hover {background-color:#dcdcdc;}
#partyTimes .selTimeSlotSelected {background-color:#006600;border:1px solid #006600;color:#ffffff;}

#partyTimes p.timeIntro {margin-left:5px;font-size:12px;margin-bottom:20px;}
.altBG {background-color:#efefef;}
.clear {clear:both;}
p.lblError {display:block;margin:0 0 20px 0;color:#990000;font-weight:bold;font-size:12px;padding:0 0 0 20px;background:url(../images/misc/error_alert.gif) no-repeat 0 3px;line-height:1.8em;}


/*Content Management System*/
a.cmsMenuLink {background:url(../images/var_img/misc/step_active_purple.jpg) no-repeat top left;}
a.cmsMenuLink {height:61px;float:left;padding:5px 20px 0px 70px;margin:20px 0px 0px 40px;font-size:18px;text-decoration:none;vertical-align:middle;}
a.cmsMenuLink:Hover {color:#999999;}

input.txtCMS
{
  border:solid #666666 1px; 
	color:#666666; 
	font-size:12px;
	padding:2px 2px 2px 2px;
}

table.cmsTblFECProducts
{
	color:#666666; 
	font-size:12px;
	width:720px;
	margin-top:10px;
}

th.cmsTblFECProducts
{
  text-align:center;
	border-bottom: solid 1px #AAAAAA;
}

td.cmsTblFECProducts
{
  vertical-align:top;
	padding:2px 2px 2px 2px;
	border-bottom: solid 1px #CCCCCC;
}




h3.party_extra_notice {font-size:13px;color:#666;}