/*LAST UPDATED 4/21/11 Fhalpin*/

.clear {clear:both;}

.webError {text-align: center; color: Red;} /*the div around the Field Validator and/or label control (always rendered)*/
.webErrorFV {color: Red !important;} /*the Field Validator control, need !important to override control (dynamic)*/

#webContainer {display: block; width: 100%; padding: 10px; font-family: Verdana, Arial, Sans-Serif;font-size: 11px;}
#webContainer input {font-size: 11px;}

#rstrntContainer {display: block; width: 100%; padding: 10px; font-family: Verdana, Arial, Sans-Serif;font-size: 11px;}
#rstrntContainer input {font-size: 11px;}

/* Star and Help Text Start */
.webStar {font-size: 10px;color: #d31b11;}
.webHelpText {font-size: 10px;color: #858685;}
.webRequiredField {font-size: 10px;color: #858685;float: right;}
.webTitleBar {margin: 10px 0 10px; height: 25px; border-bottom: 1px dashed #959595; }
/* Star and Help Text End */

/*webRstrntSearch*/
#webRstrntSearch {}
#webRstrntSearchTitle {}
#webRstrntSearchLocationCuisine {}
#webRstrntSearchDistanceDelivery {}

/*rstrntSearchResults*/
#rstrntSearchResults {}
.webSearchResultsLogo {}
.webSearchResultsImage {}
.webSearchResultsInfo {}
.webSearchResultsInfoName {font-weight: bold; white-space: nowrap;}
.webSearchResultsInfoAddress {font-size: 11px; }
.webSearchResultsInfoCityStZip {font-size: 11px; white-space: nowrap;}
.webSearchResultsDistanceLink {}
.webSearchResultsDistance {font-weight: bold; white-space: nowrap;}
.webSearchResultsLink {}
.webSearchResultsCuisines {}
.webSearchResultsHours {}
.webSearchResultsHoursTakeoutTitle {font-weight: bold;}
.webSearchResultsHoursTakeoutHours {}
.webSearchResultsHoursDeliveryTitle {font-weight: bold;}
.webSearchResultsHoursDeliveryHours {}
.webSearchResultsPromo {}
.webSearchResultsPromoName {font-size: 12px; font-weight: bold; white-space: nowrap;}
.webSearchResultsPromoCode {color: Red; font-weight: bold; font-size: 12px; vertical-align: bottom;}
.webSearchResultsPromoDesc {font-size: 11px;}
.webSearchResultsPromoNone {}
.webSearchResultsMenus {}
.webSearchResultsMenusNone {}

/*webLocationInfo*/
#webLocationInfo {border: 3px double #b11007; padding: 5px;}
#webLocationInfoName {} 
#webLocationInfoContactAddress {}
#webLocationInfoContactLinkGoogle {}
#webLocationInfoContactLinkYahoo {}
#webLocationInfoContactManager {}
#webLocationInfoContactPhone {}
#webLocationInfoContactFax {}
#webLocationInfoContactEmail {}
#webLocationInfoHours {}
#webLocationInfoHoursTakeout {float: left;}
#webLocationInfoHoursDelivery {float: right;}
#webLocationInfoDelivery  {text-align: center;}
#webLocationInfoDeliveryMinimum {float: left;}
#webLocationInfoDeliveryCharge {float: right;}
#webLocationInfoLogo {}
#webLocationInfoMenus {}
#webLocationInfoContact {}
.webLocationInfoMenuLinkHours {}
.webLocationInfoMenuLink {}
.webLocationInfoMenuHours {}

/* webHours */
#webHours {padding: 10px; float: left; border: 1px dotted #666;  vertical-align: top; margin: 5px 0 0 0;}
#webHoursTitle {font-weight: bold;}
#webHoursTakeout {padding: 5px; float: left;}
#webHoursDelivery {padding: 5px; float: right;}

/* webMenu BOTH */
#webMenu {margin: 5px; padding: 5px; float: left;}
#webMenuDescription {width: 100%; height: 100%; border-top-style: dashed; border-top-width:1px; border-top-color:Gray; }
#webMenuRestrictions {width: 100%; height: 100%; border-top-style: dashed; border-top-width:1px; border-top-color:Gray; }
#webMenuWarnings {width: 100%; height: 100%; border-top-style:dashed; border-top-width:1px; border-top-color:Gray;}
#webSectionItem {}
.webSectionItemsFirstHalf {float: left; margin: 5px; padding: 5px; border-style: dotted; border-width:thin;}
.webSectionItemsSecondHalf {float: left; margin: 5px; padding: 5px; border-style: dotted; border-width:thin;}
.webSectionItemName {float: left; margin: 0 0 0 10px;}
.webSectionItemPrice {float: right; margin: 0 15px 0 0; }
#webSectionItemDescription {}
#webSectionItemOptions {}
#webSectionItemSpecialInstructions {}
#webSectionItemQuantity {}
#webSectionItemAdd {}
#webSectionItemRestrictions {}
/* webMenu VERTICAL */
#webMenuVertical {border: 0; padding: 0; margin: 15px 0 0 0; width: 100%;clear:both;}
#webMenuVerticalDescription {}
#webMenuVerticalRestrictions {}
#webMenuVerticalSections {text-align: right;}
#webMenuVerticalSectionDescription  {}
#webMenuVerticalSectionRestrictions {}
#webMenuVerticalItems {text-align: left;}
#webMenuVerticalWarnings {text-align: left; width: 100%;}
/* webMenu HORIZONTAL */
#webMenuHorizontal {border: 0; padding: 0; margin: 15px 0 0 0; width: 100%;clear:both;}
#webMenuHorizontalDescription {}
#webMenuHorizontalRestrictions {}
#webMenuHorizontalSections {}
#webMenuHorizontalSectionDescription  {}
#webMenuHorizontalSectionRestrictions  {}
#webMenuHorizontalItems {}
#webMenuHorizontalWarnings {text-align: left; width: 100%;}

/*webOrder BOTH */
#webOrderTitle {font-weight: bold;}
#webOrderActions {display: block; clear: both; float: right;margin: 8px 0 8px;}
/* webOrder VERTICAL */
#webOrderVertical {padding: 3px; margin: 0px; float: right; border: 3px double #b11007; width: 200px;}
#webOrderVertical span {font-size: 10px;color: #464646;}
#webOrderItemsVertical {display: block;margin: 3px 0 3px;clear:right;}   
.webOrderItemVertical {display: block; width: 100%;border-top-style: dashed; border-top-width: 1px; border-top-color: Gray;clear:right;}
.webOrderRemoveLinkVertical {float: left;}
.webOrderItemDescVertical {float: left;margin-bottom: 3px;}
.webOrderItemPriceVertical {float: right;margin-top: 2px;color:#3f3434;font-weight: bold;clear: right;}
#webOrderTipVertical {width: 100%; border-top-style:dashed; border-top-width:1px; border-top-color:Gray;}
#webOrderDeliveryChargeVertical {width: 100%; border-top-style:dashed; border-top-width:1px; border-top-color:Gray;}
#webOrderDetailsVertical {display: block; clear: both; margin-top: 3px; border-top-style:dashed; border-top-width:1px; border-top-color:Gray;}
#webOrderFoodTotalVertical {width: 100%; border-top-style:solid; border-top-width:1px; border-top-color:Gray; padding: 4px 0 4px; clear: both; color:#3f3434;font-weight: bold;}
#webOrderGrandTotalVertical {width: 100%;  border-top-style:solid; border-top-width:1px; border-top-color:Gray; padding: 4px 0 4px; clear: both; color:#3f3434;font-weight: bold;}
#webOrderDeliveryMessageVertical {text-align: center;font-size: 10px;color: #ae0f07; border-top: 1px dashed #999;padding-top:6px; clear: both;}
/* webOrder HORIZONTAL */
#webOrderHorizontal {padding: 3px; margin: 0px; float: left; border: 3px double #b11007; width: 95%;}
#webOrderHorizontal span {font-size: 12px; color: #464646;}
#webOrderItemsHorizontal {display: block;margin: 3px 0 3px;clear:right;}   
.webOrderItemHorizontal {display: block; width: 100%;border-top-style: dashed; border-top-width: 1px; border-top-color: Gray;clear:right;}
.webOrderRemoveLinkHorizontal {float: left;}
.webOrderRemoveLinkHorizontal a {color: #b11007;}
.webOrderItemDescHorizontal {float: left;margin-bottom: 3px;}
.webOrderItemPriceHorizontal {float: right;margin-top: 2px;color:#3f3434;font-weight: bold;clear: right;}
#webOrderTipHorizontal {width: 100%; border-top-style:dashed; border-top-width:1px; border-top-color:Gray;}
#webOrderDeliveryChargeHorizontal {width: 100%; border-top-style:dashed; border-top-width:1px; border-top-color:Gray;}
#webOrderDetailsHorizontal {display: block; clear: both; margin-top: 3px; border-top-style:dashed; border-top-width:1px; border-top-color:Gray;}
#webOrderGrandTotalHorizontal {width: 100%;  border-top-style:solid; border-top-width:1px; border-top-color:Gray; padding: 4px 0 4px; clear: both; color:#3f3434;font-weight: bold;}
#webOrderDeliveryMessageHorizontal {text-align: center;font-size: 10px;color: #ae0f07; border-top: 1px dashed #999;padding-top:6px; clear: both;}

/* webLogin Start */
#webLoginPage {text-align: left; padding: 10px; margin: 10px; width: 90%;}
#webLoginSection { margin: 5px; padding: 5px; border: 1px solid #c0bfbf; width: 90%;}
#webLoginTitle {text-align: left; font-size: 14px; font-weight: bold; float: left;}
#webLoginEmail {text-align: left; padding: 5px;}
#webLoginPassword {text-align: left; padding: 5px;}
#webLoginRememberMe {text-align: left; padding: 5px;}
#webLoginErrorMessage {padding: 5px;}
#webLoginButton {text-align: center; padding: 5px;}
#webLoginForgotPassword {text-align: center; padding: 5px;}
.webLoginNoAccountSection { margin: 5px; padding: 5px; border: 1px solid #c0bfbf; width: 90%;}
.webLoginNoAccountTitle  {text-align: left; font-size: 14px; font-weight: bold; float: left;}
.webLoginNoAccountReasons {text-align: left; padding: 5px;}
.webLoginNoAccountReasons ul {	margin: 0px;	padding: 0px;}
.webLoginNoAccountReasons li {	display: block;	COLOR: #777373;	TEXT-DECORATION: none;	font-Size:11px;	background: url(bg_checkMark.gif) no-repeat;	padding: 3px 0 5px 25px; list-style: none; margin-bottom: 2px; }
.webLoginNoAccountButton {text-align: center;}

#webLoginAccountSection { margin: 5px; padding: 5px; border: 1px solid #c0bfbf; width: 90%;}
#webLoginAccountTitle  {text-align: left; font-size: 14px; font-weight: bold; float: left;}

#webLoginJanRainSection { margin: 5px; padding: 5px; border: 1px solid #c0bfbf; }
#webLoginThirdPartyTitle  {text-align: left; font-size: 14px; font-weight: bold; float: left;}

#webLoginAccountReasons {text-align: left; padding: 5px;}
#webLoginAccountReasons ul { margin: 0px; padding: 0px; }
#webLoginAccountReasons li { display: block; COLOR: #777373; TEXT-DECORATION: none; font-Size:11px; background: url(bg_checkMark.gif) no-repeat; padding: 3px 0 5px 25px; list-style: none;margin-bottom: 2px; }
#webLoginAccountButton {text-align: center;}
/* webLogin End */

/* webAccount Start*/
#webAccountPage {float: left; width: 100%;}
#webAccountTitle {text-align: left; font-size: 14px; font-weight: bold; float: left;} 
.webAccountNameSection {width: 100%;}
.webAccountName {text-align: left;}
.webAccountCompany {text-align: left;}
#webAccountEmailSection {width: 100%;}
#webAccountEmail {text-align: left; padding: 5px;}
.webAccountPasswordSection {width: 100%;}
.webAccountPassword1 {text-align: left; padding: 5px;}
.webAccountPassword2 {text-align: left; padding: 5px;}
.webAccountRememberMe {text-align: left; padding: 5px;}
.webAccountDeliverySection {width: 100%;}
.webAccountDeliveryTitle {text-align: left; font-size: 14px;font-weight: bold; float: left;}
.webAccountAddress1 {text-align: left; padding: 5px;}
.webAccountAddress2 {text-align: left; padding: 5px;}
.webAccountCityStZip {text-align: left; padding: 5px;}
.webAccountPhone {text-align: left; padding: 5px;}
.webAccountDeliveryInstructions {text-align: left; padding: 5px;}
#webAccountSpecialsSection {width: 100%;}
#webAccountSubscriptionTitle {text-align: left; font-size: 14px;font-weight: bold; float: left;}
#webAccountSubscriptions {}
#webAccountSaveButton {text-align: center; padding: 5px;}
/* webAccount End */

/* START ORDER CHECKOUT */
#webCheckoutOrderInfo {width: 100%;}
#webCheckoutOrderInfoTitle {display: block; font-size: 14px;font-weight: bold;margin: 10px 0 10px;}
#webCheckoutPaymentTotal {font-weight: bold;color: #8f0a03;}
#webCheckoutOrderDetails {padding: 0px;}
#OrderCheckout {width: 500px !important; border: 3px double #b11007;}
#OrderCheckout webOrderTitle {}
#webCheckoutConfirmationOrderDetails {padding: 10px; border: 3px double #b11007;}
/* Options */
#webCheckoutOptions {width: 100%; padding: 5px; float: left;}
#webCheckoutOptionTitle {text-align: left; font-size: 14px; font-weight: bold; float: left;}
#webCheckoutOptionsMethod {text-align: left; padding: 5px;}
#webCheckoutOptionsReady {text-align: left; padding: 5px;}
#webCheckoutDaysHoursView {width: 100%; }
#webCheckoutOptionsTip {text-align: left; padding: 5px;}
#webCheckoutOptionsNote {text-align: left; padding: 5px;}
#webCheckoutOptionsAdd {text-align: center; padding: 5px;}
#webCheckoutOptionsButton {text-align: center; padding: 5px;}
#webCheckoutPaymentNotes {text-align: left; padding: 5px;}
/* Payment*/
#webCheckoutPayment {width: 100%; padding: 5px; float: left;}
#webCheckoutPaymentTitle {text-align: left; font-size: 14px; font-weight: bold; float: left;}
#webCheckoutPaymentCardHolder {text-align: left; padding: 5px;}
#webCheckoutPaymentCardNumber {text-align: left; padding: 5px;}
#webCheckoutPaymentCardExp {text-align: left; padding: 5px;}
#webCheckoutPaymentCardBilling {text-align: left; padding: 5px;}
#webCheckoutPaymentCardRemember {text-align: left; padding: 5px;}
#webCheckoutPaymentButton {text-align: center; padding: 5px;}
#webCheckoutPaymentOrder {text-align: left;} /*wraps the webOrder*/
/* Confirmation */
#webCheckoutConfirmation {}
#webCheckoutConfirmationTitle {text-align: left; font-size: 14px; font-weight: bold; float: left;}
#webCheckoutConfirmationTop {width: 100%; padding: 5px; float: left; padding: 5px;}
#webCheckoutConfirmationOrder {}
#webCheckoutConfirmationBottom {width: 100%; padding: 5px; float: left; padding: 5px;}
#webCheckoutConfirmationCharge {text-align: center; font-weight: bold;color: #8f0a03;}
#webCheckoutConfirmationPrint {text-align: center; padding: 5px;}
/* END ORDER CHECKOUT

/* webLinks Start*/
.webLinksMain {margin: 5px 0 10px; display: block; clear: both;}
.webWelcomeBack {padding: 5px; display: block; float: left; clear: right; color: #000;}
.webLink {padding-right: 6px; border-right: 1px solid #ccc; margin-left: 6px;}
/* WebLinks End*/

/* webPastOrders Start*/
#webPastOrders { }
#webPastOrdersTitle {text-align: left; font-size: 14px; font-weight: bold; }
#webPastOrdersTable {}
#webPastOrdersHeader {text-align: left;}
tr.webPastOrder {border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: Gray;}
td.webPastOrderNumber {vertical-align: top; }
td.webPastOrderReadyDateTime {vertical-align: top; }
td.webPastOrderDetails {vertical-align: top; }
td.webPastOrderTotal {vertical-align: top; }
td.webPastOrderReorderLink {vertical-align: top; }
td.webPastOrderCencelLink {vertical-align: top; }
/* webPastOrders End*/

/*BUTONS*/
.webButton, .webButton {
	background: #545454 url(bg_btn_webButton.gif) no-repeat right top;
	padding: 4px 15px 4px 4px !important; 
	color: #fff; 
	text-decoration: none; 
	cursor: pointer;
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	}
.webCreateAccount, .webOrderCheckout, .webPurchase {
background: #cb1106 url(bg_btn_webButtonOn.gif) no-repeat right top;
}

/*webRstrntResSeach START*/
#webRstrntResSeach { }
.webRstrntResRow1 {width: 840px; padding: 10px 8px 0px 30px; height: 45px; }
.webRstrntResRow2 {width: 840px; padding: 0px 8px 0 30px; margin: 3px 0 0 0; float: right; }
.webRstrntResSearchButton {float: left; margin: 5px 0 0 10px;}

/* RstrntResCheckout START */
/*CHECKOUT OPTIONS*/
#webRstrntResCheckoutOptions { }
.webRstrntResCheckoutOptionsCol1 { width: 650px; float: left; }
.webRstrntResCheckoutOptionsCol1 h2 { margin: 0px; font-size: 1.8em;line-height: 1.2em; font-weight:bold; }
.webRstrntResCheckoutOptionsCol1 p { font-size: 1.4em; }
.webRstrntResCheckoutOptionsDetails { padding:40px 40px 50px; }
.webRstrntResCheckoutOptionsName { text-align: center; clear: left; font-size: 2.8em; margin: 0 0 20px 0; }
.webRstrntResCheckoutOptionsDate { text-align: center; font-size: 2.0em; margin: 5px 0 10px 0; font-weight: bold; }
.webRstrntResCheckoutOptionsTime { text-align: center; font-size: 2.4em; margin: 5px 0 10px 0; }
.webRstrntResCheckoutOptionsSpecialName { text-align: center; font-size: 2.4em; margin: 5px 0 15px 0; }

.webRstrntResCheckoutOptionsSpecialDesc { margin: 10px 0 0 0; border-top: 1px dashed #ccc; padding: 10px 0 0 0; }
.webRstrntResCheckoutOptionsSpecialDesc strong { font-size: 1.5em; }

.webRstrntResCheckoutOptionsPolicy { margin: 10px 0 0 0; border-top: 1px dashed #ccc; padding: 10px 0 0 0; }
.webRstrntResCheckoutOptionsPolicy strong { font-size: 1.5em; }
.webRstrntResCheckoutOptionsRequest { margin: 10px 0 0 0; border-top: 1px dashed #ccc; padding: 10px 0 0 0; }
.webRstrntResCheckoutOptionsRequest strong { font-size: 1.5em;}
.webRstrntResCheckoutOptionsRequest textarea  {width: 500px; height: 70px; margin: 8px 0 0 0; border: 1px solid #ccc;}
.webRstrntResCheckoutOptionsRequest p { margin: 0px; padding: 0px;font-size: 1.3em; line-height: 1.1em;}
.webRstrntResCheckoutOptionsDiners { margin: 10px 0 0 0; border-top: 1px dashed #ccc; padding: 10px 0 0 0;font-size: 1.3em; }
.webRstrntResCheckoutOptionsDiners strong { font-size: 1.2em; }
.webRstrntResCheckoutOptionsCol2 { width: 210px; float: left; margin: 0 0 0 30px; }
.webRstrntResCheckoutOptionsLogo { margin: 8px 0 8px 0; }
.webRstrntResCheckoutOptionsAbout { padding: 4px 0 4px; }
.webRstrntResCheckoutOptionsAbout p { font-size: 12px; }
.webRstrntResCheckoutOptionsAddress { padding: 4px 0 4px;font-size: 1.4em; }
.webRstrntResCheckoutOptionsPhone { padding: 4px 0 4px;font-size: 1.3em; }
.webRstrntResCheckoutOptionsManager { padding: 4px 0 4px; font-size: 1.3em; }
.webRstrntResCheckoutOptionsMap { margin: 8px 0 0 0 0; }
.webRstrntResCheckoutOptionsButtons { text-align: center; }

/*webRstrntResCheckoutConfirmation START*/
/*CHECKOUT CONFIRMATION*/
#webRstrntResCheckoutConfirmation { }
.webRstrntResCheckoutConfirmationAlert { padding: 10px 15px 10px 50px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; font-

size: 1.7em;font-weight: bold; }
.webRstrntResCheckoutConfirmationAlert a { margin: 0 0 0 50px; }
.webRstrntResCheckoutConfirmationAlertPrint {float: right;}
.webRstrntResCheckoutConfirmationCol1 { width: 250px; float: left; border-right: 1px solid #ccc; }
.webRstrntResCheckoutConfirmationLogo { margin: 8px 0 8px 0; }
.webRstrntResCheckoutConfirmationAbout { }
.webRstrntResCheckoutConfirmationrAddress { padding: 4px 0 4px;font-size: 1.4em; }
.webRstrntResCheckoutConfirmationrPhone { padding: 4px 0 4px;font-size: 1.3em; }
.webRstrntResCheckoutConfirmationrManager { padding: 4px 0 4px; font-size: 1.3em; }
.webRstrntResCheckoutConfirmationrMap { }
.webRstrntResCheckoutConfirmationCol2 { width: 600px; float: left; }
.webRstrntResCheckoutConfirmationDetails { width: 600px; padding:0px 40px 40px; font-size: 1.6em; }
.webRstrntResCheckoutConfirmationDetails h3 { }
.webRstrntResCheckoutConfirmationNotesTop { }
.webRstrntResCheckoutConfirmationDetailsCol1 { float: left; width: 170px; margin: 20px 0 0 20px; font-weight: bold; }
.webRstrntResCheckoutConfirmationDetailsCol2 { float: left; width: 250px; margin: 20px 0 0 20px; line-height:1.4em; }
.webRstrntResCheckoutConfirmationNotesBottom { }