
.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;}
#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 */


/* webCheckoutOptions Start*/
#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;}
/* webCheckoutOptions End */

/* webCheckoutPayment Start*/
#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*/
/* webCheckoutPayment End*/



/* 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;}

/* webPastOrders Start*/
#webPastOrders {float: left;}
#webPastOrdersTitle {text-align: left; font-size: 14px; font-weight: bold; float: left;}
#webPastOrdersTable {}
#webPastOrdersHeader {text-align:center;}
tr.webPastOrder {border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: Gray;}
td.webPastOrderNumber {vertical-align: top; padding: 5px;}
td.webPastOrderReadyDateTime {vertical-align: top; padding: 5px;}
td.webPastOrderDetails {vertical-align: top; padding: 5px;}
td.webPastOrderTotal {vertical-align: top; padding: 5px;}
td.webPastOrderReorderLink {vertical-align: top; padding: 5px;}
td.webPastOrderCencelLink {vertical-align: top; padding: 5px;}
/* webPastOrders End*/

/* 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;}

/* 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;}

/*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;
}

/*WebLinks*/
