/* @override 
	http://#map/Styles/etg/concept/common/common.css?200907061530
	http://www.snapfinger.com/Styles/etg/concept/common/common.css?20097101020
*/

.bold
{
	font-weight:bold;
}
.italic
{
	font-style:italic;
}
.addItemStyle
{
	
}
.alternateItemStyle
{
	color: #156447;
	font-size: 9pt;
}
.answerStyle
{	
	font-size: 9pt;
}

.btnBL
{
	background-image: url(img/btn_bl.png);
	height: 4px;
	width: 5px;
}
.btnBM
{
	background-image: url(img/btn_bm.png);
	background-repeat: repeat-x;
	height: 4px;
}
.btnBR
{
	background-image: url(img/btn_br.png);
	height: 4px;
	width: 4px;
}
.btnML
{
	background-image: url(img/btn_ml.png);
	width: 5px;
}
.btnMM
{
	background-image: url(img/btn_mm.png);
	background-repeat:repeat;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;	
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
	text-align:center;
}
.btnMR
{
	background-image: url(img/btn_mr.png);
	width: 4px;
}
.btnTable
{
	cursor: pointer;
	margin: 2px;
}
.btnTL
{
	background-image: url(img/btn_tl.png);
	height: 4px;
	width: 5px;
}
.btnTM
{
	background-image: url(img/btn_tm.png);
	background-repeat: repeat-x;
	height: 4px;
}
.btnTR
{
	background-image: url(img/btn_tr.png);
	height: 4px;
	width: 4px;
}
.calbtn_nextmth
{
	background-image: url(img/calendar_nextmonth.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 28px;
}
.calbtn_nextyr
{
	background-image: url(img/calendar_nextyear.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 28px;
}
.calbtn_prevmth
{
	background-image: url(img/calendar_prevmonth.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 28px;
}
.calbtn_prevyr
{
	background-image: url(img/calendar_prevyear.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 28px;
}
.calbtn_today
{
	background-image: url(img/calendar_today.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 28px;
}
.calbtn_close
{
	background-image: url(img/calendar_close.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 19px;
}

.CalendarButtonsAreaStyle
{
	background-color: #316AC5;
	color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}
.CalendarButtonStyle
{
	background-image: url(img/dateSelector.png);
	border-width: 0px;
	cursor: pointer;
	height: 21px;
	width: 26px;
}
.CalendarClearDateStyle
{
	background-color: #FFFFFF;
	color: Black;
	font-family: Arial;
	font-size: 11px;
}
.CalendarDayHeaderStyle
{
	background-color: #ECE9D8;
	color: #316AC5;
	font-family: Arial;
	font-size: 11px;
}
.CalendarGoToTodayStyle
{
	background-color: #FFFFFF;
	color: Black;
	font-family: Arial;
	font-size: 11px;
}
.CalendarHolidayStyle
{
	background-color: #FFFFFF;
	color: #316AC5;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
.CalendarMonthHeaderStyle
{
	background-color: #316AC5;
	color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border-collapse:collapse;
}

table.CalendarMonthHeaderStyle td#CalendarHeaderLeft {
	border-right-width:0px;
	width:95%;
	text-align:center;
}
table.CalendarMonthHeaderStyle td#CalendarHeaderRight {
	border-left-width:0px;
}

.CalendarOffMonthStyle
{
	background-color: #D7D4C4;
	color: #316AC5;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
.CalendarSelectedDateStyle
{
	background-color: #316AC5;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
.CalendarTodayDayStyle
{
	background-color: #FFFF80;
	color: #316AC5;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
.CalendarWeekdayStyle
{
	background-color: #FFFFFF;
	color: #316AC5;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
.CalendarWeekendStyle
{
	background-color: #FFFFFF;
	color: #316AC5;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
.caltbl_main
{
	background-color: #ECE9D8;
}
.caltbl_outer
{
	background-color: #316AC5;
}
.checkoutRestaurantInfo
{
	/*background-color: #ffffcc;*/
	color: Gray;
	font-size: 10pt;
}
.coLoyaltyMessage
{
	font-size: 8pt;
	font-weight: normal;
}
.coPaymentMessage
{
	font-size: 12pt;
	font-weight: normal;
	text-align:center;
}
.colorRed
{
	color: red;
}
.descriptionLabelStyle
{
	/*background-color: #ffffcc;*/
	color: #000000;
	font-size: 10pt;
}
table#ChargeSummary_InnerTable td.chargeSummaryLeft { width:80%; text-align:right; }
table#ChargeSummary_InnerTable td.chargeSummaryRight { width:20%; text-align:right; padding-left:5px; }
.detailsStyle
{
	color: Maroon;
	font-size: 10pt;
}
.dropDownStyle
{
	font-size: 8pt;	
}
.errorMessageStyle
{
	color: red;
}
td#footer
{
	color: #CCCCCC;
	font-size: 7pt;
}
a#footer
{
	color: #CCCCCC;
}
form 
{
}
.framedContainerDiv /* all pages that show in a frame have this container nested just inside the body tag */
{
	width:300px;
	margin-left: auto;
	margin-right: auto;	
	padding:10px;
}
.unframedContainerDiv /* all pages that show outside the frame have this container nested just inside the body tag */
{	
	width:600px;
	margin-left: auto;
	margin-right: auto;
	padding:10px;
}
div#receiptContainerDiv
{
	width:400px;
}
.generalMessageStyle
{
	font-size:9pt;
}
.genericLabelStyle
{
	color: #006600;
}
.greetingsStyle
{
	/*background-color: #ffffff;*/
	font-size: 10pt;
	font-weight: bold;
}
.gridHeaderStyle
{
	font-weight: bold;
	font-size: 9pt;
	text-align:center;
	vertical-align:text-bottom;
}
.gridItemAlternateStyle
{	
	color: #156447;
	font-size: 9pt;
	padding-left: 9pt;
}
.gridItemStyle
{
	color: #156447;
	font-size: 9pt;
	padding-left: 9pt;
}
.gridStyle
{
	/*background-color: #fffacd;*/
	border-bottom-color: #156447;
	border-left-color: #156447;
	border-right-color: #156447;
	border-top-color: #156447;
	/*color: #ffffff;*/
	font-size: 9pt;
}
.guestCheckBackGroundStyle
{
	/*background-color: #ffffcc;*/
	border: solid,2,Green;
}
div#gcContainerDiv
{	
	padding:10px;
	margin-left: auto;
	margin-right: auto;	
}
.gcStoreInfoColumnTitle
{

}
.gcStoreInfoColumnData
{

}
.gcInstructions
{

}
.gcHeaderStyle
{
	/*background-color: #ffffcc;*/
	color: black;
	font-size: 16pt;
}
.guestCheckItemDetailsStyle
{
	color: Maroon;
	font-size: 8pt;
}
.guestCheckItemNameStyle
{
	color: black;
	font-size: 10pt;	
}
.guestCheckItemPriceStyle
{
	color: Maroon;
	font-size: 10pt;
}
.guestCheckItemQuantityStyle
{
	color: black;
	font-size: 10pt;
}
.guestCheckMessageStyle
{
	/*background-color: #ffffcc;*/
	color: Gray;
	font-size: 10pt;
}
.guestCheckModModStyle
{
	color: Maroon;
	font-size: 10pt;
}
.guestCheckOutStyle
{
	color: Red;
	font: 10pt;
}
.guestCheckStyle
{
	/*background-color: White;*/
}
.headerStyle
{
	/*background: #ffffff;*/
	color: black;
	font-size: 12pt;
	font-weight: bold;
}

.horizontalRuleFooter
{
border:none
}

.itemLimitWarning
{
	font-size: larger;
	font-weight: bold;
}
.itemNameStyle
{
	font-size: 14pt;
	font-weight: bold;
}
.itemStyle
{
	color: #156447;
	font-size: 9pt;
}
.guestCheckValidationInstructionsArea {background-color:#DDDDDD; padding:3px; margin:3px; border-width:1px; border-color:#000000; border-style:solid; text-align:center; color:#000000}
.labelStyle
{
	color: #156447;
}
.loggedInHeader
{
	color: #156447;
	font-size: 9pt;
}
.noThankYouAnswerStyle
{
	font-weight:bold;
}
.notSentTitle
{
	background: #ffffff;
	color: red;
	font-size: 12pt;
	font-weight: bolder;
}
.paymentTypesStyle
{
	font-size: 8pt;
}
.processProgressDiv
{
	background-image: url(img/processProgress.gif);
	height: 18px;
	width: 400px;
}
.promoStatusArea { background-color:#DDDDDD; padding:3px; border-width:1px; border-color:#000000; border-style:solid;}
.promoName { font-weight:bold; text-align:center}
.promoStatusText {text-align:center}
.promoNavigateLink {}
.promoNavigate{text-align:center}
.questionStyle
{
	color: black;
	font-size: 11pt;
	font-weight: bold;
}
.questionErrorStyle
{
	color: black;
	font-size: 11pt;
	font-weight: bold;
	background-color:red;
}
.receiptItemNameStyle
{
	color: black;
	font-size: 8pt;
}
.receiptItemPriceStyle
{
	color: Maroon;
	font-size: 8pt;
}
.reminder
{
	color: red;
	font-size: 9pt;
}
.restaurantOfflineErrorMessageStyle
{
	color: black;
	font-size: 8pt;
}
.separatorStyle
{
	width: 100%;
}



.smallFont
{
	font-size: 8pt;
}
.specialInstructions
{
	width: 100%;
}
.ssQuestionStyle
{

}
a.ssItemLink
{	
	font-size: 9pt;
}
.subHeaderStyle
{
	color: #333333;
	font-size: 14pt;
	font-weight: normal;
	text-decoration: underline;
}
.footnote
{
	color: #CCCCCC;
	font-size: 8pt;
}
.tabstripTopGroup
{
  z-index:99;
  position:relative;
}

.tabstripDefaultTab 
{
  color:black; 
  background-image: url(img/tab_bg.png);
  font-size:10px; 
  cursor:default;
}

.tabstripDefaultTabHover 
{
  color:black; 
  background-image: url(img/hover_tab_bg.png);
  font-size:10px; 
  cursor:default;
}

.tabstripSelectedTab 
{
  color:black; 
  background-image: url(img/selected_tab_bg.png);
  border: 1px solid #White;
  border-bottom-width: 0px;
  font-size:10px; 
  cursor:default;
}
.tabstripMultiPage
{
  background-color:White;
  border: 1px solid #919B9C;
  width:100%;
  position:relative;
  top:-3px;
  left:1px;
  z-index:98;
}
.textBoxStyle
{
	color: #156447;
	font-size:10pt;
}
.TimePickerButtonStyle
{
	background-image: url(img/timeSelector.png);
	border-width: 0px;
	cursor: pointer;
	height: 21px;
	width: 26px;
}
.TimePickerClearTimeStyle
{
	background-color: #FFFFFF;
	color: #316AC5;
	font-size: 11px;
}
.TimePickerSelectedTimeStyle
{
	background-color: #FFFF80;
	color: Black;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
	width: 60px;
}
.timepickertbl_main
{
	background-color: #ECE9D8;
}
.timepickertbl_outer
{
	background-color: #316AC5;
}
.TimePickerBtnClose {
	background-image: url(img/calendar_close.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 19px;
}
table#TimePickerHeader
{
	border-collapse:collapse;
	border-width:0px;
	color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	width:100%;
}
td#TimePickerHeaderLeft {
	background-color: #316AC5;
	border-width:0px;
	width:95%;
	text-align:center;
}
td#TimePickerHeaderRight {
	background-color: #316AC5;
	border-width:0px;
}
.TimePickerTextboxLabelStyle
{
	padding-right: 5px;
	text-align: right;
	width: 100px;
}
.TimePickerTimeStyle
{
	background-color: #FFFFFF;
	color: #316AC5;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
	
	width: 60px;
}
.underline
{
	border-bottom: solid 1px #333333;
}
.yesNoDialogModalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.yesNoDialog 
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:250px;
}
body
{	
	font-family: Arial;
	font-size: 9pt;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align:center;
}

/* @group promo code */

.promoControlDiv {
	padding: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}

.promoControlDiv span, .promoControlDiv a, .promoControlDiv input {
	display: inline-block !important;
	vertical-align: middle;
}

.promoControlDiv a {
	display: inline-block;
	vertical-align: middle;
	width: 56px;
}

.promoInstructions, .promoErrorMessage {
	text-align: center;
	margin: 10px 15px;
}

/*a[id*="UpdatePromoCodeButton"], a#CoPromoControl_UpdatePromoCodeButton, a#PromoControl_UpdatePromoCodeButton {
	display: inline-block !important;
	top: 12px;
	position: relative;
	top: -12px\0;
}*/


/* @end */

/* @group Add/Edit Items */

.addItemStyle .answerStyle label {
	display: block;
	float: left;
	width: 80%;
	padding-top: 3px;
}

.addItemStyle .answerStyle input {
	display: block;
	float: left;
}


/* @end */

/* @group Guest Check */

div#guestCheckContentContainerDiv table.orderDetailsTable {width:100%}

/* @end */


/* @group Checkout */

#checkOutContainerDiv select#ddMonth.dropDownStyle {
	width: 70px;
	margin-right: 5px;
}

#checkOutContainerDiv select#ddYear.dropDownStyle {
	width: 70px;
	margin-left: 5px;
}

#checkOutContainerDiv #checkoutCustomerTable {
	width: 100%;
}

#checkOutContainerDiv td.subHeaderStyle {
	width: 100%;
	padding: 5px 0;
}

#checkOutContainerDiv .checkoutLabelTD {
	text-align: right !important;
	width: 200px;
}

#checkOutContainerDiv .paymentLabel, #tblCreditCard .checkoutLabelTD {
	text-align: right;
	width: 45%;
}

table#checkoutSubmitTable {
	width: 100%;
	text-align: center;
}

table#Table1211 {
	margin: 0 auto;
}

table#Table1211 td {
	text-align: center;
}

#Td21 table {
	margin: 0 auto;
}

#checkOutContainerDiv #Table5 {
	width: 100%;
}

#checkOutContainerDiv #Table2 {
margin-top:16px;
	width: 100%;
}

#checkOutContainerDiv #paymentInformationContentInnerDiv table {
	width: 100%;
}

#checkOutContainerDiv #paymentInformationContentInnerDiv table table table {
	width: auto;
}

#checkOutContainerDiv .paymentInfoColumnRight{width:150px;text-align:right;display:block}

#checkOutContainerDiv #tblInfo {
	width: 100% !important;
}

#checkOutContainerDiv #TaxExemptionRow td {
	padding-top: 10px;
}

#checkOutContainerDiv #TaxExemptionRow tbody td {
	padding-top: 0;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#checkOutContainerDiv #TaxExemptionRow tbody td input[type="checkbox"] {
	display: inline-block;
}

#checkOutContainerDiv #TaxExemptAgreementTerms {
	width: 300px;
	display: inline-block;
	position: relative;
	top: 10px;
}

#checkOutContainerDiv #orderSummaryContentInnerDiv table {
	width: 100%;
}

#checkOutContainerDiv #orderSummaryContentInnerDiv {
	margin-bottom: 20px;
}

#checkOutContainerDiv td.optInStyle {
	width: 350px;
}

#checkOutContainerDiv span.validationError
{
	padding:7px 7px;
	/*display:inline-block;
	width:20px;
	height:20px;*/
	background-image: url(img/error_icon.png);
	background-repeat: no-repeat;
	background-position: center;	
}

#checkOutContainerDiv div.textValidationWrapper {width:190px}
#checkOutContainerDiv div.textValidationWrapperError
{
	width:215px; 
	background-image: url(img/error_icon.png);
	background-repeat: no-repeat;
	background-position: right;	
}
#checkOutContainerDiv div.textValidationWrapperError input.textValidation {width:190px}
#checkOutContainerDiv div.textValidationWrapper input.textValidation {width:190px}
div#siteseal a { color:#000000 }
#checkOutContainerDiv #checkoutSubmitContentDiv div#siteseal img { display: inline; } 
#checkOutContainerDiv #checkoutSubmitContentDiv div#siteseal { padding-top: 5px; }

/*******************************************************/
/*DELIVERY*/
/*******************************************************/
.inputErrorContainer
{
	display:inline;
}
 img.errorMarker
    {
        background: url('img/ErrorMarker.png') no-repeat;
	height: 16px;
	width: 16px;
	font-weight: normal;
	cursor: pointer;
	border:none;	
    }

.DeliveryAddressOption
{
   Cursor:pointer;
   text-align:left;
   font-size:8.5pt;
   text-decoration:underline;
}

.DeliveryAddressOptionsContainer
{
  float:left;
  width:100%;
}

#DeliveryAddressOptions
{
	padding:0px 0px 2px 10px;
	margin-left:5px;
}

.DeliveryAddressOptionHover
{
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
           filter: alpha(opacity=50);
        opacity: .50;
}

#mapContainer
{
  clear:both;
  float:left;
  width:99%;
  height:200px;
  border:solid 1px;
}

#messagingDialog
{
  display: none;
}
#pickupAddressSelectionDialog
{
  display: none;
}


.deliveryDialogButtonContainer
{
  border-top:solid 1px;
  float:left;
}

#map
{
  height: 100%; 
  width: 100%; 
  border:1px solid #333;
}

.addresOptionMapInfoWindow
{
  width: 50px;
  height: 50px;
}

/*jqueryUI classes*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.loading
      {
          display:none;
         background:url('img/ajax-loader.gif'); 
         position: absolute;  
        right: 50%;  
        top: 50%; 
        width: 33px;  
        height: 33px;
        z-index:100;
      }
      
      /************************************************/
      /*Pickup Page dialog */
      /************************************************/
      
      .ui-widget-header { border: 1px solid #FFFFFF; background: #009900 50% 50% repeat-x; color: #FFFFFF; font-weight: bold; }
      
/************************************************/
/*******************************************************/
/* @end */

/* @group Pickup */
/* @end */

#signInSecureContainerDiv #RememberMe { margin-left: 0px;} 

#accountDiv { padding: 10px; }
#accountDiv a {  }
#accountDiv #loggedInAccountHeader { padding: 5px 0px 5px 0px;}
#accountDiv #loggedInAccountHeader #headerMyProfile {text-align:left; float:left;}
#accountDiv #loggedInAccountHeader #headerLogout {text-align:right; float:right; }
#accountDiv #loggedInAccountHeader:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
#accountDiv .welcomeInstructions {padding:10px 15px 5px 15px;}
#accountDiv ul#profileNav {text-align:left; list-style:none; padding-left:0px;}
#accountDiv ul.profileNavDetail {list-style:none; padding-right:15px;}
#accountDiv #accountPageContentHeader {text-align:center; font-size:medium; padding: 0px 5px 5px 5px;}

#ReturningGuestMessageRow .accountUpsell {text-align: left}
#ReturningGuestMessageRow h4 {margin:10px 0px 5px 0px;}
#ReturningGuestMessageRow h3 {margin-bottom:5px;}
#ReturningGuestMessageRow p {margin-top:5px;}
#ReturningGuestMessageRow a#SetMyPassword { display: block; text-align: center}

#snapfingerPolicyContent {background:#FFFFFF; margin:0px; padding:0px; text-align:left; font-size:11px;}
#snapfingerPolicyContent h1 {text-align:center;}
#snapfingerPolicyContent ol {}

#OrderHistory ul 
{
	text-align:left;
	margin: 2px;
	padding-left: 1em;}
.hiddenOnLoad {display:none}

#OrderHistoryNoOrders ul {list-style: none; font-size:11px; padding-left:0px}

#OrderHistory ul {list-style: none; font-size:11px; padding-left:0px}
#OrderHistory ul h3 {margin:0px; margin-bottom: 3px; border-width:1px; border-color:#222222; border-style:solid;margin-bottom:2px; padding:2px}
#OrderHistory ul li {border-width:1px; border-color:#222222; border-style:solid; margin:5px 0px; padding:2px 2px 5px 2px;}
#OrderHistory .items {padding-left:4px }
#OrderHistory .items li {border-style:none; text-indent: -10px; margin:3px 0px 3px 10px; padding:0px;}
#OrderHistory .items li .modifierDescription {font-style:italic}
#OrderHistory h3 .headerRight {float:right; padding:0 4px 0 4px;}
#OrderHistory h3 .headerLeft {float:left; padding:0 4px 0 4px;}
#OrderHistory h3 .headerMain {clear:both; padding:0 4px 0 4px; text-align:left}

#reorderSection table {margin:auto}
#reorderSection div {text-align:right; padding:0 4px 0 4px;}
#reorderSection div a {font-weight:bold; font-size:12px;}
/*
#reorderSection .reorderDisclaimer {float:left}
#reorderSection a {float:right}
*/

/* Password strength meter styles */
.meter
{
    display: block;
    width: 150px;
    height: 14px;
    background-color: Gray;
    background: #424042; /* Old browsers */
    background: -moz-linear-gradient(left, #424042 0%, #e2e2e2 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#424042), color-stop(99%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #424042 0%,#e2e2e2 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #424042 0%,#e2e2e2 99%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #424042 0%,#e2e2e2 99%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424042', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #424042 0%,#e2e2e2 99%); /* W3C */
    font-size: 12px;
    padding: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 2px;
}
.strong
{
    background-color: Green;
    background: #dddd00; /* Old browsers */
    background: -moz-linear-gradient(left, #dddd00 0%, #218400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dddd00), color-stop(100%,#218400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #dddd00 0%,#218400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #dddd00 0%,#218400 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #dddd00 0%,#218400 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddd00', endColorstr='#218400',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #dddd00 0%,#218400 100%); /* W3C */
}
.medium
{
    background-color: orange;
    background: #dddd00; /* Old browsers */
    background: -moz-linear-gradient(left, #dddd00 0%, #f98900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dddd00), color-stop(100%,#f98900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #dddd00 0%,#f98900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #dddd00 0%,#f98900 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #dddd00 0%,#f98900 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddd00', endColorstr='#f98900',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #dddd00 0%,#f98900 100%); /* W3C */
}
.week
{
    background-color: yellow;
    background: #dddd00; /* Old browsers */
    background: -moz-linear-gradient(left, #dddd00 0%, #fc1d00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dddd00), color-stop(100%,#fc1d00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #dddd00 0%,#fc1d00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #dddd00 0%,#fc1d00 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #dddd00 0%,#fc1d00 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddd00', endColorstr='#fc1d00',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #dddd00 0%,#fc1d00 100%); /* W3C */
}
.no-match
{
    color: #FF7B78 !important;
}

.accountContainerDiv #PaymentTypes { width: 100%; }
.accountContainerDiv #PaymentTypes .listItemLeft {float:left;}
.accountContainerDiv #PaymentTypes .listItemLeft .nickname {text-align:left; font-weight:bold}
.accountContainerDiv #PaymentTypes .listItemLeft .cardname {text-align:left}
.accountContainerDiv #PaymentTypes .listItemLeft .useAsDefault {font-style:italic;}
.accountContainerDiv #PaymentTypes .listItemRight {float:right;}
.accountContainerDiv #PaymentTypes .listItemClear {clear:both; }
.accountContainerDiv #PaymentTypes ul {list-style: none; font-size:11px; padding-left:0px;}
.accountContainerDiv #PaymentTypes ul li {border-width:1px; border-color:#222222; border-style:solid; margin-bottom:2px; padding:2px 2px 2px 5px;}

.actionButtons table { margin: auto; }
.actionButtons .floatLeft {float:left; margin-left:15px;}
.actionButtons .floatRight {float:right; margin-right:15px;}
.actionButtons .floatClear {clear:both;}
.actionButtons .buttonRow {margin:5px;}

.policyContainer {font-family:"Arial","sans-serif"; font-size:11pt; text-align:left;}
.policyContainer h1 { font-size:10pt; text-align:center;}
.policyContainer li .listItemTitle {font-weight:bold; text-decoration:underline;}
.policyContainer li .listItemDetails {}

.accountContainerDiv .headerStyle {font-size:medium; padding:5px; }
.instructionsLeft {text-align:left;}
.accountContainerDiv .dropDown {font-size:x-small;}
.checkBox input { margin-left:0px; vertical-align: middle; }
.checkBox span { vertical-align: middle; }

#tdSaveNewCreditCard
{
text-align: center;
}

#cbxCreateAccountConfirm
{
margin-left: 20.5px;
}

#saveAccountDiv
{
margin-bottom:10px;
}

#PromoControl_promoControlContainer .promocontainer{
width: 250px;
}