/***********************************************************************/
/* CSS/DEFAULT.CSS : SUBSTOGO DEFAULT STYLESHEET                       */
/* COPYRIGHT(C) 2009-2012 SPINNAKER360 PTE LTD, ALL RIGHTS RESERVED    */
/* THIS SCRIPT MAY NOT BE REPRODUCED OR DISTRIBUTED WITHOUT PERMISSION */
/***********************************************************************/
/* [SITE UNIVERSAL] */
body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:0; border:0; margin:0; }
#pageWrapper{ width:1000px; margin:0 auto; padding:0; border:0; }
img{ border:0; }

/* [FONT STYLES] */
.fontHeading1{ font-weight:bold; font-size:13px; }
.fontHeading2{ color:#467a36; font-weight:bold; font-size:14px; padding:5px 0px 10px 0px; }
.fontHeading3{ font-weight:bold; font-size:14px; color:#026234; }
.fontSmallWashed{ font-size:11px; color:#777; }
.fontRed1{ color:#a00; font-weight:bold; }
.fontGreen1{ color:#467A36; font-weight:bold; }
.fontGreen2{ color:#03642F; font-weight:bold; font-size:14px; }
.fontLime1{ color:#9CCB31; font-weight:bold; font-size:14px; }

/* [TOOLTIPS] */
.openTip{ display:block; z-index:100; }
.tip-title{	padding:5px; text-align:center; max-width:250px; background:#eea; border:1px solid #000; }
.tip-text{ padding:5px; background:#eea; text-align:center; max-width:250px; border:1px solid #000; }

/* [FORMS] */
input[type=text], input[type=password], select, textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif; }
input[type=text], input[type=password]{ 
	border:1px solid #ccc; margin:0; padding:2px; 
	-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
}
input[readonly]{ border:1px solid #aaa; background:#eee; color:#777; }
input[type=text]:focus, input[type=password]:focus, textarea:focus{ background:#ffa; border:1px solid #1a1; }
input.inputErr, select.inputErr{ background:#F0F0D0; }
.shortButton{
	width:75px; height:24px; font-size:11px; color:white; font-weight:bold;
	background:url('../images/shortButton.gif'); border:0; padding-bottom:2px;
}
.shortButton:hover{ cursor:pointer; background:url('../images/shortButtonHover.gif'); }
.shortButton[disabled]{
	width:75px; height:24px; font-size:11px; color:white; font-weight:bold;
	background:url('../images/shortButtonDisable.gif'); border:0; padding-bottom:2px;
}
.midButton{
	width:110px; height:24px; font-size:11px; color:white; font-weight:bold;
	background:url('../images/midButton.gif'); border:0; padding-bottom:2px;
}
.midButton:hover{ cursor:pointer; background:url('../images/midButtonHover.gif'); }
.midButton[disabled]{
	width:110px; height:24px; font-size:11px; color:white; font-weight:bold;
	background:url('../images/midButtonDisable.gif'); border:0; padding-bottom:2px;
}
.longButton{
	width:180px; height:24px; font-size:11px; color:white; font-weight:bold;
	background:url('../images/longButton.gif'); border:0; padding-bottom:2px;
}
.longButton:hover{ cursor:pointer; background:url('../images/longButtonHover.gif'); }
.longButton[disabled]{
	width:180px; height:24px; font-size:11px; color:white; font-weight:bold;
	background:url('../images/longButtonDisable.gif'); border:0; padding-bottom:2px;
}

/* [DIMENSIONS] */
input.short{ width:25px; }
input.short1{ width:40px; text-align:center; }
input.short2{ width:20px; }
.widthMid1{ width:105px; }
.widthLong1{ width:200px; }
.whLong1{ width:200px; height:50px; }

/* [TABLES] */
.tablePadded1, .tablePadded2{ width:100%; }
	.tablePadded1 tr td{ padding:5px; text-align:center; width:33%; }
	.tablePadded2 tr td{ padding:5px; text-align:center; width:50%; }

.full, .fullflat, .flat, .fullPad{ border-collapse:collapse; }
.full, .fullflat, .fullPad{ width:100%; }
.fullflat, .flat, .fullPad{ border:0; margin:0; padding:0; }
	.fullflat tr td, .flat tr td{ border:0; margin:0; padding:0; }
	.fullPad tr td{ border:0; margin:0; padding:5px; }
	.headRow{
		font-weight:bold; font-size:13px; background:#75972d; color:#fff;
		border-bottom:1px solid #333; border-top:1px solid #333;
	}
	.dataRow{}
		.rowAlt, .dataRowAlt{ background:#eee; }
		.dataRow:hover, .dataRowAlt:hover{ background:#eea; }

/* --[GENERIC DIVS & SECTIONS]-- */
.warnsign, .hintsign, .oksign, .errorsign{
	font-weight:bold; padding:3px 3px 3px 25px; margin-bottom:1px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.oksign{ background:#eda no-repeat url('../images/ok.gif') 3px 3px; }
.hintsign{ background:#eda no-repeat url('../images/hint.gif') 3px 3px; }
	.hintsign a:hover{ cursor:pointer; text-decoration:underline; }
.warnsign{ background:#eda no-repeat url('../images/warningSmall.png') 3px 3px; }
.errorsign{ background:#eda no-repeat url('../images/error.gif') 3px 3px; }
#dateString{ font-weight:bold; color:#f00; font-size:13px; }

/* --[START : HEADER SECTION]-- */
#header{ background:url('../images/header.jpg') no-repeat; width:1000px; height:125px; padding:0px; border:0; position:relative; }
	#invisLogo{ width:260px; height:70px; position:absolute; top:50px; left:5px; cursor:pointer; }

	/* [LOGIN BOX] */
	#loginBox{ color:white; position:absolute; top:0px; right:10px; height:64px; width:396px; background:url('../images/loginbox.gif') no-repeat; }

		/* [NOT LOGGED IN] */
		#loginCredentials{ margin-left:10px; padding:0px; border-collapse:collapse; border:0; width:375px; }
			#loginCredentials td{ vertical-align:middle; }
			#loginCredentials td.first{ width:160px; }
			#loginCredentials td.second{ width:160px; }
			#loginCredentials td.third{ width:55px; }
				#login_email, #login_password{ width:150px; height:20px; padding:0px; color:#999999; font-size:12px; font-weight:bold; border:0; }
				.mac #login_email, .mac #login_password{ padding:1px; }
				#loginProcessButton{ background:url('../images/go.gif') no-repeat; width:33px; height:24px; border:0; }
				#loginProcessButton:hover{ cursor:pointer; }
				#loginProcessButton.spinner{ background:url(../images/spinnerSmall.gif) no-repeat 0 5px; }
				#loginAgree{ vertical-align:middle; }

		/* [IS LOGGED IN] */
		#welcomeMsg{ width:390px; position:absolute; left:20px; top:10px; }
		#welcomeMsg a{ text-decoration:none; }
		#welcomeMsg a:hover{ text-decoration:underline; }
			#logoffButton.spinner{ display:inline-block; width:16px; height:16px; background:url(../images/spinnerSmall.gif) no-repeat 0 0; }

		/* [SHOPPING CART] */
		#cartSneak{
			position:absolute; right:53px; bottom:1px;
			font-weight:bold; display:inline-block; padding:4px 0 0 24px;
		}
		.msie7 #cartSneak{ width:120px; right:47px; bottom:2px; }
		#cartSneak span:hover{ cursor:pointer; text-decoration:underline; }

		#cartWrapper{ background:#eee; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
		#orderItems{ max-height:300px; overflow:visible; overflow-x:hidden; overflow-y:auto; }
		.msie6 #orderItems{ height:300px; width:335px; }
			.cartProductRow{}
			.cartProductRow:hover{ background:#eea; }
			.cartProductRowAlt{ background:#ddd; }
			.cartProductRowAlt:hover{ background:#eea; }
				.cartProductFreezeCell1{ width:200px; }
				.cartProductFreezeCell2{ width:30px; }
				.cartProductFreezeCell3{}
				.cartProductCell1{ width:65px; height:40px; }
				.cartProductCell1 img{ width:60px; height:40px; margin-right:5px; }
				.cartProductCell2{ width:150px; }
				.cartProductCell3{ width:45px; }
				.cartProductCell4{}
				.tip-title .cartAttribs{ text-align:left; }
			#cartTotalsWrapper{
				padding:8px; background:#ddd;
				-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
			}
			#cartTotals{}
				.cartTotals{ font-weight:bold; }
				.cartTotalsGrey{ color:#d20c0c; font-weight:bold; font-size:14px; border:3px solid #d20c0c; background:#eee; }
				.cartGrandTotal{ color:#d20c0c; font-weight:bold; font-size:14px; border-top:1px solid #000; border-bottom:1px solid #000; }
				.cartGrandTotal td{ padding:5px 0px 5px 0px; }

	/* [MAIN NAVIGATION] */
	#mainNav{ width:700px; height:18px; position:absolute; bottom:31px; left:276px;  }
	#mainNav div{ height:18px; cursor:pointer; position:absolute; }
	#Nav_menu{ width:80px; left:0px; }
	#Nav_nutrition{ width:110px; left:108px; }
	#Nav_orders{ width:82px; left:250px; }
	#Nav_faq{ width:30px; left:366px; }
	#Nav_careers{ width:66px; left:432px; }
	#Nav_contact{ width:88px; left:610px; }

	#fulfillExpireWrapper{
		position:absolute; top:0px; left:40px; width:253px; height:41px; z-index:100;
		background:url('../images/fulfillExBox.gif'); display:none;
	}
	#fulfillExpire{
		padding:5px 0px 0px 5px; font-size:12px; color:#fff; font-weight:bold; z-index:100; display:none; text-align:center;
	}
	#fulfillExpire .big{ font-size:18px; font-weight:bold; color:#000000; }
/* --[END : HEADER SECTION]-- */

/* --[START : BODY SECTION]-- */
#contents{ background:white; border:0; min-height:550px; }

/* --[INDEX.PHP]-- */
#middleEarth{}
	#indexLeft { width:670px; }
		#orderingInstructions{ width:670px; height:420px; }
		#orderingInstructions .slideshow-images{ width:670px; height:420px; }
		#indexLeft div.slideshow-controller{ height:42px; width:238px; bottom:0px; }
	#indexRight{ width:325px; height:420px; }
		#orderingBanner{ width:325px; height:370px; }
		#orderingBanner .slideshow-images{ width:325px; height:370px; }
#foundation{ margin-top:20px; }
#foundation tr td{ vertical-align:top; }
	#serviceCheck{}
		#serviceTop{ background:url('../images/subwayservice_top.gif') no-repeat; width:313px; height:45px; }
		#sscmid{ background:url('../images/subwayservice_mid.jpg') repeat-y; width:313px; height:43px; padding-left:20px; }
			#serviceFields{ height:26px; width:280px; }
				input#servicePC{ height:18px; width:166px; color:#999999; padding:4px; font-size:14px; border:0; font-weight:bold; }
				.mac input#servicePC{ font-size:13px; }
				#ssbtn{ background:url('../images/findout.gif') no-repeat 0 0px; width:91px; height:26px; border:0px; }
				#ssbtn:hover{ cursor:pointer; }
		#serviceBottom{ background:url('../images/subwayservice_bottom.jpg') no-repeat; width:313px; height:17px; }
	#RegisterNow{}
	#FBFan{}
	#Healthy{}

/* --[FEEDBACK.PHP THANKYOU.PHP]-- */
#feedbackText{ width:320px; height:100px; }
#fbsubmit{ padding-bottom:3px; background:url('../images/submit.gif'); width:71px; height:24px; border:0px; }

/* --[FAQ.PHP]-- */
.question{ padding:3px; }
.question:hover{ background:#eea; cursor:pointer; }
.answer{ padding:3px; background:#eee; border:1px solid #4f4; }
.openAns{ font-weight:bold; background:#eee; border:1px solid #f00; margin-bottom:2px; }
#general{ display:table-cell; }
#FAQlunchboxes{ display:table-cell; }
#general img, #FAQlunchboxes img { padding:20px 0px 20px 0px; }

/* --[NUTRITION.PHP]-- */
.toprow { background-color:#60A224; color:white; font-weight:bold; }
.ninfo{ width:640px; }
#nSelector{ vertical-align:top; padding-left:20px; }

/* --[CAREERS.PHP]-- */
.jobListing{ padding-left:30px; }
#jobApplicationTable{ width:700px; }
#jobApplicationTable tr td{ padding:3px; }
	.jobApplyCell1{ width:350px; font-weight:bold; vertical-align:top; }
	.jobApplyCell2{ vertical-align:top; }
	.cmpl { background:url('../images/compulsory.gif'); padding-left:18px; background-repeat:no-repeat; }
	.regular { padding-left:18px; }

/* --[GIFTCARD.PHP]-- */
#gcHeadBoard{ position:relative; background:url('../images/giftcardbkgrd.jpg') no-repeat; width:980px; height:320px; }
	#gcHeadBoardQty{ position:absolute; top:160px; left:25px; width:280px; height:120px; color:#000; }
		#gcTable tr td{ padding:3px !important; }
	#gcHeadTotal{ position:absolute; top:262px; left:25px; width:280px; height:20px; color:#000; font-weight:bold; }
#gcBottomTable{ margin-left:5px; width:920px; }
	#gcBottomLeft, #gcBottomRight{ vertical-align:top; }
	#gcBottomLeft{ width:440px; }
	#gcBottomLeft td { padding-bottom:5px; }
	#gcBottomRight{ padding-left:20px; }
	#gcBottomRight td { padding-bottom:5px; }
	#gcBottomMid{ width:8px; background:#9CCB31; }

/* --[GIFTCARD.PHP]-- */
#menuTopNav{}
#menuContents{ margin-top:5px; }
/* --[END : BODY SECTION]-- */

/* --[START : FOOTER SECTION]-- */
#footer{ width:1000px; height:40px; padding:10px 0px 0px 0px; border:0; font-size:11px; color:#A7A7A7; font-weight:bold; }
	#footerLeft{ padding:5px 0px 0px 10px; }
	#footerRight{ text-align:right; padding:5px 15px 0 0; }
	#footerRight a{ color:#A7A7A7; text-decoration:none; }
	#footerRight a:hover{ text-decoration:underline; }
/* --[END : FOOTER SECTION]-- */

/***** LE MOO POPUP! *********************
[LMP_smokescreen]
[LMP_wrapper]
	|-[LMP_contentsWrapper]
		|-[LMP_wrapperTop]
			|-[LMP_wrapperTopLeft]
			|-[LMP_wrapperTopCenter]
			|-[LMP_wrapperTopRight]
		|-[LMP_contents]
		|-[LMP_wrapperBottom]
			|-[LMP_wrapperBottomLeft]
			|-[LMP_wrapperBottomCenter]
			|-[LMP_wrapperBottomRight]
[LMP_temp]
******************************************/
#LMP_smokescreen{
/* NOTE FOR IE6 - PARENT (BODY) *MUST* HAVE 100% HEIGHT */
	position:fixed; top:0px; left:0px; z-index:99;
	background:#000; width:100%; height:100%;
	overflow:auto; /* fix for Firefox 3.5.x (Win) - https://bugzilla.mozilla.org/show_bug.cgi?id=492052#c1 */
}
	#LMP_smokescreen.ie6{
	/* FIX FOR CRAPPY IE6 - FIXED POSITIONING DOES NOT WORK IN IE6 */
	/* RESIZING WINDOW IN IE 6 WILL DESTROY SMOKESCREEN - BUT AT LEAST IT WORKS */
		position:absolute;
	}

#LMP_wrapper{
	position:absolute; top:0px; left:0px;
	width:100%; height:100%; z-index:100;
}
	#LMP_contentsWrapper{
		margin:0 auto; position:relative; top:100px;
		/* DEFINE A MAX-WIDTH MAX-HEIGHT TO LIMIT POPUP SIZE : PROVIDED BROWSERS CAN SUPPORT IT */
		/* max-height:px; max-width:px; */
	}
		#LMP_wrapperTop, #LMP_wrapperBottom{ padding:0px; margin:0px; border:0; }
			#LMP_wrapperTopLeft{ background:url('../images/topleft.gif') no-repeat 0 0 transparent; width:7px; height:7px; zoom:1; }
			#LMP_wrapperTopCenter{ background:#80a221; overflow:hidden; height:7px; font-size:1px; line-height:1px; }
			#LMP_wrapperTopRight{ background:url('../images/topright.gif') no-repeat 0 0 transparent; width:7px; height:7px; zoom:1; }
			#LMP_contents{
				border-left:7px solid #80a221; border-right:7px solid #80a221;
				padding:5px; background:#fff; overflow:auto;
			}
			#LMP_wrapperBottomLeft{ background:url('../images/bottomleft.gif') no-repeat 0 0 transparent; width:7px; height:7px; zoom:1; }
			#LMP_wrapperBottomCenter{ background:#80a221; overflow:hidden; height:7px; font-size:1px; line-height:1px; }
			#LMP_wrapperBottomRight{ background:url('../images/bottomright.gif') no-repeat 0 0 transparent; width:7px; height:7px; zoom:1; }

/* TEMP CONTAINER FOR POSITION CALCULATIONS */
/* CRAMP THIS UNDER THE SMOKESCREEN, SET A MAX WIDTH & HEIGHT IF POPUP DIMENSIONS TO IS BE LIMITED */
#LMP_temp{ position:absolute; bottom:0px; left:0px; visibility:hidden; z-index:98; }

/* [POPUPS] */
/* SERVICE CHECK - ON INDEX */
#popup_serviceCheck{ width:300px; }
	#popup_serviceCheckYes{ height:170px; }
	#popup_serviceCheckNo{ height:30px; }
	#popup_serviceCheck img{ margin-right:10px; }

/* HELP - ON MENU */
#popup_help1{ width:650px; height:230px; }
#popup_help2{ width:400px; height:250px; }
#popup_help3{ width:370px; height:180px; }
#popup_helpLunchbox{ width:450px; height:340px; }
#popup_helpPlatter{ width:680px; height:300px; }
#popup_helpCC{ width:350px; height:350px; }

/* FULFILLMENT MODE */
#popup_fulfill1{ width:260px; }
#popup_fulfill3{ width:480px; }
#popup_fulfill4{ width:500px; }
	.msie6 #selectedHr{ width:40px; }
	.msie6 #selectedMin{ width:40px; }

/* CART */
#popup_checkout1{ width:620px; }
#popup_checkout2{ width:650px; }
#popup_anonPricebook{ width:440px; }
#popup_cartPrompt{ width:400px; }

/* PREVIOUS ORDER */
#popup_pOrder{ width:580px; }
	#reorderDetails{}
	#reorderItems{ height:250px; width:100%; overflow:visible; overflow-x:hidden; overflow-y:auto; }
		.reorderHeadA{ width:380px; }
		.reorderHeadB{ width:50px; }
		.reorderHeadC{ width:100px; }
		.reorderCell1{ width:400px; }
		.reorderCell2{ width:40px; }
		.reorderCell3{ width:100px; }
#popup_pOrderNo{ width:350px; }
#popup_pOrderNoDeliver{ width:580px; }
	.hotListCellA{ width:450px; }
	.hotListCellB{ width:100px; }
	.hotListCell1{ width:450px; }
	.hotListCell2{ width:100px; }
	#reorderHotlist{ height:250px; width:100%; overflow:auto; }

/* GIFT CARD */
#gcLogin{ width:400px; }