/*
CSS Design
Project: JKP Template 4
Created By: GFX Creative Imaging, Inc.
Developer: Ressil M. Zafra
Date: August 11, 2009
*/

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* End CSS Reset */

@media screen {

BODY {
	background: url('../../images/site_assets/main_background.jpg') repeat-x #ed1b2d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

A:focus {
	outline: none;
}

SMALL {
	font-size: 11px !important;
}

#clearBoth {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* Holders */
#mainHolder {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#footerHolder, #footerHolder A {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 10px 3px;
}

#footerHolder A:hover {
	text-decoration: underline;
}

#footerHolder DIV {
	font-weight: normal;
}

#leftHolder {
	float: left;
}

#rightHolder {
	float: left;
}

.mainLeftHolder {
	width: 203px;
}
/* End Holders */

/* Basic */
.mainContent {
	background: url('../../images/site_assets/content_background.jpg') repeat-y;
	width: 662px;
	padding: 10px;
}

.footerCurve {
	background: url('../../images/site_assets/content_curve.jpg') no-repeat;
	width: 662px;
	height: 32px;
}

.stepTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.disMsg {
	background: url(../../images/site_assets/msg_caution.jpg) no-repeat;
	border: 1px solid #cccccc;
	width: 600px;
	height: 35px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	margin: 10px 0px;
	vertical-align: middle;
	padding: 5px 0px 0px 40px;
}

.disMsgEmail {
	background: url(../../images/site_assets/msg_sent_email.jpg) no-repeat;
	border: 1px solid #cccccc;
	width: 580px;
	height: 55px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	margin: 10px 0px;
	vertical-align: middle;
	padding: 5px 0px 0px 60px;
}

.disclaimer {
	color: #ff0000;
	font-style: italic;
}

.centerInput {
	text-align: center;
}

.stepsTotalHolder {
	border-top: 3px solid #ff0000;
	width: 640px;
	padding: 10px 0px;
	margin: 10px 0px;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}

.stepsSubTotalHolder {
	width: 640px;
	padding: 10px 0px;
	margin: 10px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.thisStepTotal {
	color: #ff0000;
}
/* End Basic */

/* Buttons */
.buttonHolder {
	width: 600px;
	padding: 10px 0px;
}

.stepButton {
	float: right;
}

.stepButton SPAN {
	display: none;
}

.stepButton A {
	border: none;
	height: 20px;
	display: block;
	outline: none;
}

.stepButton A.proceedButton {
	background: url('../../images/site_assets/button_proceed_step.gif') left bottom no-repeat;
	width: 96px;
}

.stepButton A.proceedHome {
	background: url('../../images/site_assets/button_home.gif') left top no-repeat;
	width: 80px;
}

.stepButton A.buttonSkip {
	background: url('../../images/site_assets/button_skip.gif') left top no-repeat;
	width: 80px;
}

.stepButton A.proceedPrevious {
	background: url('../../images/site_assets/button_previous.gif') left top no-repeat;
	width: 100px;
}

.stepButton A.proceedAnother {
	background: url('../../images/site_assets/button_another.gif') left top no-repeat;
	width: 200px;
}

.stepButton A.viewplanButton {
	background: url('../../images/site_assets/button_view_plan.gif') left top no-repeat;
	width: 155px;
}

.stepButton A:hover {
	background-position: left bottom;
}

.hold-calcu {
	padding: 20px 0px 0px 25px;
}

* HTML .hold-calcu {
	padding: 20px 0px 0px 17px;
}
/* End Button */

/* Step 1 */
.step1Header {	
	background: url('../../images/site_assets/header_step1.jpg') no-repeat;
	width: 661px;
	height: 88px;
}

.flashTheme {
	margin-left: -10px;
}
/* End Step 1 */

/* Step 2 */
.packFloat {
	float: left;
	padding-left: 14px;
	font-weight: bold;
}

.packFloat LABEL.radio {
	display: block;
	padding: 5px 0px;
}

.packFloat LABEL:hover {
	cursor: pointer;
}

.packCreate {
	padding-left: 18px;
}
/* End Step 2 */

/* Create-Your-Own */
.createTitle {
	font-size: 23px;
	font-weight: bold;
}

.mealSubtitle {
	background: url('../../images/site_assets/back_subtitle.jpg') repeat-x;
	width: 586px;
	padding: 5px 10px 2px 10px;
	margin-top: 10px;
	margin-left: 2px;
	font-weight: bold;
}

.mealSubtitle2 {
	width: 586px;
	padding: 5px 10px 2px 10px;
	margin-top: 10px;
	margin-left: 2px;
	font-weight: bold;
}

.mealTotalSubtitle {
	background: url('../../images/site_assets/back_subtitle_large.jpg') repeat-x;
	width: 586px;
	padding: 5px 10px 2px 10px;
	margin-top: 10px;
	margin-left: 2px;
	font-weight: bold;
	color: #ffffff;
}

.step2Holder {
	padding-left: 15px;
}

.packageMenu {
	float: left;
	padding-left: 2px;
}

.toggleShowHide {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

.toggleShowHide IMG:hover {
	cursor: pointer;	
}

.radioMenu {
	float: left;
	margin: -45px 0px 0px 10px;
	position: absolute;
}

* HTML .radioMenu {
	float: left;
	margin: -50px 0px 0px 10px;
	position: relative;
}

* + HTML .radioMenu {
	float: left;
	margin: -45px 0px 0px 10px;
	position: relative;
}

#fancybox-inner .radioMenu {
	float: left;
	margin: -35px 0px 0px -60px;
	position: absolute;
}

* HTML #fancybox-inner .radioMenu {
	float: left;
	margin: -40px 0px 0px 10px;
	position: relative;
}

* + HTML #fancybox-inner .radioMenu {
	float: left;
	margin: -35px 0px 0px 10px;
	position: relative;
}

.hidePrice {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

.createTotal {
	float: right;
	width: 175px;
	font-size: 13px;
}

.mealTotalLabel {
	float: left;
	font-size: 13px;
}

.mealTotalContent {
	float: right;
	font-size: 13px;
}

.allMealsHolder {
	border: 1px solid #000;
	width: 595px;
	padding: 20px 0px 0px 0px;
}

.allMealTotal {
	font-size: 15px;
	font-weight: bold;
	float: left;
}

.allMealPrice {
	float: right;
	font-size: 15px;
	font-weight: bold;
}
/* End Create-Your-Own */

/* Step 3 */
.subProd {
	float: left;
	width: 375px;
	font-size: 18px;
	color: #ffffff;
}

.subPrice, .subQuantity, subTitleTotal {
	float: left;
	width: 80px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding-top: 3px;
}

.listHolder {
	width: 640px;
}

.addonCat {
	font-size: 12px;
	font-weight: bold;
	padding: 20px 5px 10px 5px;
	color: #B70000;
}

.addonName {
	float: left;
	width: 375px;
	padding: 5px 5px 5px 10px;
}

.addonName2 {
	float: left;
	width: 100px;
	padding: 5px 5px 5px 10px;
}

.addonText {
	width: 100px;
	text-align: center;
	float: left;
	padding: 2px 0px;
}

.addonPrice {
	width: 60px;
	padding: 5px 0px;
	float: left;
	text-align: center;
}

.quantityTotal {
	width: 70px;
	text-align: center;
	float: left;
	padding: 5px 0px;
	color: #ff0000;
}
/* End Step 3 */

/* Step4 */
.lootBagsHolder {
	text-align: center;
	padding: 30px 0px;
}

.lootBagsHolder DIV {
	display: inline;
}

.imgFavorHolder {
	padding: 20px 0px;
	text-align: center;
}
/* End of Step 4 */

/* Step 5 */
.cakeHolder, .mascotHolder {
	width: 600px;
	margin: 0 auto;
}

.cakeMain {
	float: left;
	width: 200px;
	margin: 0 auto;
}

.cakeInput, .mascotInput {
	padding: 5px;
}

.cakeFlavorName {
	margin-left: 5px;	
}

.cakePrice {
	margin-left: 20px;
	font-weight: bold;
}

.mascotMain {
	float: left;
	width: 150px;
	margin: 0 auto;
}

.mascotPrice {
	visibility: hidden;
}

.viewImageHolder {
	float: left;
	width: 275px;
	padding-top: 5px;
}
/* End of Step 5 */

/* Step 6 */
.frmLabel {
	width: 200px;
	font-size: 12px;
	float: left;
	text-align: right;
	padding-top: 3px;
	padding-right: 20px;
}

.frmInput {
	float: left;
	font-size: 12px;
}

.frmInput INPUT, .frmInput TEXTAREA {
	width: 300px;
	padding: 1px;
}

.inputCode {
	width: 50px !important;
	text-align: center;
}

.inputPhone {
	width: 150px !important;
}

.clearInput {
	clear: both;
	height: 5px;
	overflow: hidden;
}
	
.infoMsg {
	padding: 5px 0px 15px 0px;
	font-weight: bold;
	color: #FF0000;
}
/* End of Step 6 */

/* Preview */
.backSubtitle {
	background: url('../../images/site_assets/back_subtitle.jpg') repeat-x;
	width: 620px;
	padding: 5px 10px 3px 10px;
	margin: 10px 0px;
}

.subTitle {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	float: left;
}

.changePackage {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

.previewContent {
	width: 620px;
	padding: 10px;
}

.subTotal {
	float: left;
	font-size: 15px;
	font-weight: bold;
}

.subTotalPrice {
	float: right;
	font-size: 15px;
	font-weight: bold;
}

.partyFee, .prevMealItems {
	padding: 3px 5px;
}

.bgDark { background: #fcd591; }
.bgLight { background: #ffffcc; }

.totalSep {
	border: 1px solid #ff0000;
	width: 600px;
}

.totalContent {
	width: 620px;
	padding: 10px;
	border-top: 2px solid #ff0000;
	margin-top: 20px;
}

.prevDisc {
	color: #ff0000;
	padding-top: 25px;
	font-style: italic;
}

.prevMealTitle {
	font-weight: bold;
	padding-bottom: 5px;
}

.prevMealComp {
	padding: 3px 5px;
	font-weight: bold;
}

.prevItemName {
	float: left;
	width: 350px;
	padding-left: 5px;
}

.prevItemPrice {
	float: left;
}

.prevItemComp {
	float: right;
}

.holdPrevNext {
	padding: 20px 10px;
	width: 620px;
}

.holdPrev {
	float: left;
}

.holdNext {
	float: right;
}

.holdPrev SPAN, .holdNext SPAN {
	display: none;
}

.holdPrev A, .holdNext A {
	border: none;
	height: 20px;
	display: block;
	outline: none;
}

.holdPrevNext A.proceedPrevious {
	background: url('../../images/site_assets/button_previous.gif') left top no-repeat;
	width: 100px;
}

.holdPrevNext A.proceedNext {
	background: url('../../images/site_assets/button_next.gif') left top no-repeat;
	width: 70px;
}

.holdPrevNext A:hover {
	background-position: left bottom;
}

.buttonPrintMail {
	text-align: center;
}

.buttonPrintMail A {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.logoMain, .logoTitle {
	display: none;
}

.mailContent {
	padding-bottom: 100px;
}
/* End Preview */

/* For Party Theme */
.themeHeader {	
	background: url('../../images/site_assets/party_theme_header.jpg') no-repeat;
	width: 661px;
	height: 88px;
}

.themeBackground_jollitown{
	background: #ffffcc url('../../images/party_theme/jollitown/jollitown.jpg') no-repeat;
	width: 662px;
	height: auto;
	text-align: center;
}

.themeBackground_myscene{
	background: #ffffcc url('../../images/party_theme/myscene/myscene.jpg') no-repeat;
	width: 662px;
	height: auto;
	text-align: center;
}

.themeBackground_justice_league{
	background: #ffffcc url('../../images/party_theme/justice_league/justice_league.jpg') no-repeat;
	width: 662px;
	height: auto;
	text-align: center;
}

.themeBackground_transformers{
	background: #ffffcc url('../../images/party_theme/transformers/transformers.jpg') no-repeat;
	width: 662px;
	height: auto;
	text-align: center;
}

.themeBackground_my_best_friend_jollibee {
	background: #ffffcc url('../../images/party_theme/my_best_friend_jollibee/my_best_friend_jollibee.jpg') no-repeat;
	width: 662px;
	height: auto;
	text-align: center;
}

.themeBackground_barbie {
	background: #ffffcc url('../../images/party_theme/barbie/barbie.jpg') no-repeat;
	width: 662px;
	height: auto;
	text-align: center;
}

.themetextHolder_jollitown{
	margin: 0 auto;
	color: #ed1b2d;
	padding-top: 100px;
	font-weight: bold;
	width: 480px;
}

.themetextHolder_myscene{
	margin: 0 auto;
	color: #03a5b5;
	padding-top: 450px;
	font-weight: bold;
	width: 480px;
}

.themetextHolder_justice_league{
	margin: 0 auto;
	color: #008cd7;
	padding-top: 190px;
	padding-bottom: 220px;
	font-weight: bold;
	width: 260px;
	text-align: right;
	position: relative;
	left: 140px;
}

.themetextHolder_transformers{
	margin: 0 auto;
	color: #000;
	padding-top: 200px;
	padding-left: 405px;
	padding-bottom: 180px;
	width: 220px !important;
	font-weight: bold;
	width: 480px;
}

.themetextHolder_my_best_friend_jollibee {
	color: #ff0000;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 470px;
    width: 600px !important;
}

.themetextHolder_barbie {
	color: #ff0000;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 470px;
    width: 600px !important;
}

.themeChoose, .confirmTheme {
	margin: 0 auto;
	margin-top: 20px;
	color: #000000;
	font-weight: bold;
}

.confirmTheme {
	display: none;
}

.themeChooseButton{
	background: url('../../images/site_assets/button_choose.jpg') no-repeat;
	width: 60px;
	height: 20px;
	border: none;
	cursor: pointer;	
}

.themeYesButton{
	background: url('../../images/site_assets/button_yes.jpg') no-repeat;
	width: 60px;
	height: 20px;
	border: none;
	cursor: pointer;	
}

.themeCancelButton{
	background: url('../../images/site_assets/button_cancel.jpg') no-repeat;
	width: 60px;
	height: 20px;
	border: none;
	cursor: pointer;	
}

.themeScrollerHolder_jollitown{
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_jollitown_scrollBack.jpg') no-repeat;
	width: 525px;
	height: 98px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

*HTML .themeScrollerHolder_jollitown{
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_jollitown_scrollBackIE.jpg') no-repeat;
	width: 525px;
	height: 112px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

.themeScrollerHolder_myscene{
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_myscene_scrollBack.jpg') no-repeat;
	width: 525px;
	height: 98px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

*HTML .themeScrollerHolder_myscene{
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_myscene_scrollBackIE.jpg') no-repeat;
	width: 525px;
	height: 112px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}


.themeScrollerHolder_justice_league{
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_justice_scrollBack.jpg') no-repeat;
	width: 525px;
	height: 98px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

*HTML .themeScrollerHolder_justice_league{
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_justice_scrollBackIE.jpg') no-repeat;
	width: 525px;
	height: 112px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

.themeScrollerHolder_transformers {
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_transformers_scrollBack.jpg') no-repeat;
	width: 525px;
	height: 98px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

*HTML .themeScrollerHolder_transformers {
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_transformers_scrollBackIE.jpg') no-repeat;
	width: 525px;
	height: 112px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

.themeScrollerHolder_my_best_friend_jollibee {
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_jollitown_scrollBack.jpg') no-repeat;
	width: 525px;
	height: 98px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

*HTML .themeScrollerHolder_my_best_friend_jollibee {
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_jollitown_scrollBackIE.jpg') no-repeat;
	width: 525px;
	height: 112px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

.themeScrollerHolder_barbie {
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_barbie_scrollBack.jpg') no-repeat;
	width: 525px;
	height: 98px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

*HTML .themeScrollerHolder_barbie {
	margin: 0 auto;
	margin-top: 20px;
	background: url('../../images/site_assets/theme_barbie_scrollBackIE.jpg') no-repeat;
	width: 525px;
	height: 112px;
	text-align: center;
	padding: 10px 5px 3px 40px;
}

.themeImageHolder{
	margin: 0 auto;
	float: left;
	margin-right: 15px;
	width: 85px;
}

.themeImgTitle{
	color: #FFFFFF;
	font-weight: bold;
}

.themeWriteUp{
	margin: 0 auto;
	background: url('../../images/site_assets/theme_jollitown_writeUp.jpg') no-repeat;
	width: 415px;
	height: 23px;
}

.themeWriteUp_jollitown{
	margin: 0 auto;
	background: url('../../images/site_assets/theme_jollitown_writeUp.jpg') no-repeat;
	width: 415px;
	height: 23px;
}

.themeWriteUp_myscene{
	margin: 0 auto;
	background: url('../../images/site_assets/theme_myscene_writeUp.jpg') no-repeat;
	width: 415px;
	height: 23px;
}

.themeWriteUp_justice_league{
	margin: 0 auto;
	background: url('../../images/site_assets/theme_justice_writeUp.jpg') no-repeat;
	width: 415px;
	height: 23px;
}

.themeWriteUp_transformers {
	margin: 0 auto;
	background: url('../../images/site_assets/theme_transformers_writeUp.jpg') no-repeat;
	width: 415px;
	height: 23px;
}

.themeWriteUp_barbie {
	margin: 0 auto;
	background: url('../../images/site_assets/theme_barbie_writeUp.jpg') no-repeat;
	width: 415px;
	height: 23px;
}


/* End Party Theme*/

/* For Brochure */
.brochureHeader{
	background: url('../../images/site_assets/brochure_header.jpg') no-repeat;
	width: 661px;
	height: 88px;
}

.borchureHolder{
	background: #ffffcc;
}

.brochureImageHolder{
	padding: 20px 0px;
	text-align: center;
}

.buttonViewLarge{
	background: url('../../images/site_assets/button_view_large.jpg') left top no-repeat;
	width: 111px;
	height: 26px;	
	border: none;
	cursor: pointer;
	margin: 8px 0 0 0;
}

.buttonViewLarge:hover{
	background: url('../../images/site_assets/button_view_large.jpg') right bottom no-repeat !important;
	width: 111px;
	height: 26px;	
	border: none;
	cursor: pointer;
	margin: 8px 0 0 0;
}

.buttonDownload{
	background: url('../../images/site_assets/button_download.jpg') left top no-repeat;
	width: 109px;
	height: 26px;	
	border: none;
	cursor: pointer;
	margin: 4px 0 0 0;
}

.buttonDownload:hover{
	background: url('../../images/site_assets/button_download.jpg') right bottom no-repeat !important;
	width: 109px;
	height: 26px;	
	border: none;
	cursor: pointer;
	margin: 4px 0 0 0;
}
/* End Brochure */

/* Fancy Box elements */

#fancybox-inner .proceedButton {
	margin-top: 30px !important;
	width: 110px;
	height: 20px;
	background: url('../../images/site_assets/button_continue.jpg') left center no-repeat;	
	clear: both;
	display: block;
	float: right;
}

#fancybox-inner .proceedButton SPAN {
	display: none;
}

* HTML #fancybox-inner .proceedButton {
	margin-top: -20px !important;	
}

.fancyAlertContainer {
	border: 5px solid #900; 
	padding: 20px; 
	background: #FFC; 
	font-size: 1.2em; 
	font-weight: bold
}

.fancyAlertButton {
	margin-top: 30px;
}

.suggestionBoxHeaderSideDish, .suggestionBoxHeaderDessert {
	margin-bottom: 25px; 
	width: 100%;
	font-size: 1.3em; 
	font-weight: bold; 
	text-align: center;
}

}

@media print {

#leftHolder, #flashNavs, #footerHolder {
	display: none;
}

.buttonPrintMail {
	display: none;
}
	
}