/*** wagamama specific styles ***/
.site, .accountPage { width: 858px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1c1c1c; background: #fff; }
input.textbox, input.textboxFull, select { font-family: Arial, Helvetica, sans-serif; }
.largeButton { background-image: url('../img/icons/cc0000_white_arrow_r.gif'); background-position: 95% 50%; background-repeat: no-repeat; }
.accountPage .largeButton { background-image: url('../img/icons/cc0000_white_arrow_l.gif'); background-position: 3% 55%; background-repeat: no-repeat; }
p.error { border: 1px solid #a82828; background-color: #ffe2e2; color: #cc0000;}


/*** icons, buttons, etc ***/
.rightCart #selectedStore a.editButton { background: url('../img/icons/black_edit.gif'); }
.rightCart #selectedStore a.addButton { background: url('../img/icons/505050_addButton.gif');}
.rightCart #deliveryAddress a.editButton { background: url('../img/icons/black_edit.gif'); }
.rightCart #usuals a.addButton { background: url('../img/icons/cecece_add.gif'); }
.rightCart #cart a.viewButton { background: url('../img/icons/cecece_view.gif'); }
.rightCart #cart a.deleteButton { background: url('../img/icons/cecece_delete.gif'); }
.rightCart #usuals a.addButton { background: url('../img/icons/cecece_add.gif'); }
.rightCart #addToUsuals a.addButton { background: url('../img/icons/cecece_add.gif'); }
.functions .editButton { background: url('../img/icons/cecece_edit.gif'); }
.functions .deleteButton { background: url('../img/icons/cecece_delete.gif'); }
#step3 .wideButton fieldset a { background: url('../img/icons/505050_addButton.gif') top left no-repeat; }
body #usuals #leftColumn div.usuals div.usualItem div.items p.phone span { background: url('../img/icons/cecece_phone.gif') top left no-repeat; }
/*** end icons, buttons, etc ***/

/*** tabs ***/
.bogoTabsActiveLabel, .bogoTabsInactiveLabel { /*width: 70px;*/ padding-left: 10px; }
.bogoTabsActiveLabel { padding-left: 22px !important; width: 100px; background: url('../img/tab_top_curves.png') top center no-repeat; }

/*** maps ***/
#step1 #leftColumn .none { background: url('../img/map/map_none.gif') top left no-repeat; }
#step1 #leftColumn .wa { background: url('../img/map/map_wa.gif') top left no-repeat; }
#step1 #leftColumn .nt { background: url('../img/map/map_nt.gif') top left no-repeat; }
#step1 #leftColumn .sa { background: url('../img/map/map_sa.gif') top left no-repeat; }
#step1 #leftColumn .qld { background: url('../img/map/map_qld.gif') top left no-repeat; }
#step1 #leftColumn .nsw { background: url('../img/map/map_nsw.gif') top left no-repeat; }
#step1 #leftColumn .vic { background: url('../img/map/map_vic.gif') top left no-repeat; }
#step1 #leftColumn .tas { background: url('../img/map/map_tas.gif') top left no-repeat; }
#step1 #rightColumn .largeButton { background-image: url('../img/icons/cc0000_white_arrow_l.gif'); background-position: 3% 55%; background-repeat: no-repeat; }
/*** end maps ***/

/*** reds ***/
h1 { color: #c00; border-bottom: 1px solid #c00; }
#mobileOrdering { background: #c00 url('../img/mobile_ordering.jpg') top center no-repeat; }
.breadcrumbs ul li.selected span.number { color: #cc0000; }
.breadcrumbs ul li a:hover span.number { color: #cc0000; }
.largeButton { background-color: #cc0000; }
.tabContent { background-color: #cc0000; }
.bogoTabsActiveLabel { background-color: #cc0000; font-size: 18px; }
.popup h1 { color: #cc0000; }
.popup #productDescription { border-top: 1px solid #cc0000; }
.popup .optionsForm .leftColumn { border-right: 1px solid #cc0000; }
.popup .optionsForm .leftColumn h2 { color: #cc0000; font-weight: bold; }
.popup .optionsForm { border-top: 1px solid #cc0000; }
.popup #optionsOuterShell { border-bottom: 1px solid #cc0000; }
/*.popup #footer { border-top: 1px solid #cc0000; }*/
/*** end reds ***/

/*** whites ***/
#mobileOrdering a .heading { color: #fff; }
#mobileOrdering a .address { color: #fff; }
.functionButton h2 { color: #fff; }
.functionButton h2.closed { background: url('../img/icons/505050_white_arrow_r.gif') 98% 60% no-repeat; }
.functionButton h2.open { background: url('../img/icons/505050_white_arrow_d.gif') 98% 60% no-repeat;}
label.overlabel { color: #fff; }
label.overlabel-apply { color: #fff; }
#myAccount #myAccountHeading a { color: #fff; background-image: url('../img/icons/505050_white_arrow_d.gif'); background-position: 90% center; background-repeat: no-repeat; }
.rightCart #selectedStore { color: #fff; }
.rightCart #deliveryAddress { color: #fff; }
.rightCart #usuals h2, .rightCart #cart h2, .rightCart #cartTotals { color: #fff; }
.largeButton a { font-size: 18px; color: #fff; }
.bogoTabsInactiveLabel { border-right: 1px solid #fff; }
.bogoTabsActiveLabel, .bogoTabsInactiveLabel { color: #fff; }
.tabContent .column { background-color: #fff; }
#myAccountItems li { border-bottom: 1px solid #fff; }
#step3 .wideButton { color: #fff; }
#step3 .wideButton a { color: #fff; }
#step4 #leftColumn .checkoutBox h2 { color: #fff; }
#step4 #leftColumn .checkoutBox { color: #fff; }
#step4 #leftColumn a { color: #fff; }
#step4 #leftColumn .checkoutBox .closed h2 { background: transparent url('../img/icons/505050_white_arrow_r.gif') right 30% no-repeat; }
#step4 #leftColumn .checkoutBox .open h2 { background: transparent url('../img/icons/505050_white_arrow_d.gif') right 30% no-repeat; }
#confirmation #leftColumn { color: #fff; }
.accountPage div.period { color: #fff; }
#loginForm label, #signupForm label { color: #fff; }
#step4 label { color: #fff; }
/*** end whites ***/

/*** greys ***/
p.confirmationMessage { background-color: #C6EFCE; border: 1px solid #00615E !important; color: #00615E; }
.functionButton { background-color: #505050; }
#loginForm input.textbox, #signupForm input.textbox, 
#loginForm input.textboxFull, #signupForm input.textboxFull { background-color: #7b7b7b; border: 1px solid #a8a8a8; color: #fff; }
#loginForm input.submitButton { border: none; background: url('../img/login.png'); }
#signupForm input.submitButton { border: none; background: url('../img/signup.png'); }
.breadcrumbs ul li { background: #ffffff url('../img/breadcrumb_arrow.jpg') right center no-repeat; }
.breadcrumbs ul li.last { background: #ffffff; }
.breadcrumbs ul li span.number { color: #cecece; }
.breadcrumbs ul li a:hover span.step { color: #272727; }
.breadcrumbs ul li span.step { color: #838383; }
.breadcrumbs ul li.selected span.step { color: #272727; }
#myAccountHeading { background-color: #505050; }
#myAccountItems li { background-color: #dadada; }
#myAccountItems li a { color: #1c1c1c; }
#myAccountItems li a:hover { background-color: #a6a6a6; }
#step1 #leftColumn #or { color: #cecece; }
#step1 #rightColumn fieldset { border: 1px solid #cbcbcb; }
#step1 #rightColumn fieldset input.textbox { color: #fff; border: none; background-color: #7b7b7b; }
#step1 #storeSelect ul li { background-color: #cecece; }
.rightCart #usuals h2, .rightCart #cart h2, .rightCart #cartTotals { background-color: #505050; }
.rightCart #usuals ul, .rightCart #cart ul { background-color: #e6e6e6; border: 1px solid #838383; border-top: none;}
.rightCart #cart ul { border-bottom: none; }
.rightCart #cart #emptyCart { 
	border-left: 1px solid #838383; border-right: 1px solid #838383; 
	background-color: #e6e6e6; color: #7a7a7a;
}
.rightCart #usuals li, .rightCart #cart li { color: #1c1c1c; background-color: #cecece; }
.rightCart #cart li .description { color: #4c4c4c; }
.rightCart #cartTotals .description { color: #c4c4c4; }
.rightCart #addToUsuals { background-color: #e6e6e6; border: 1px solid #838383; border-top: none; }
.rightCart #addToUsualsForm label { font-size: 11px; }
.rightCart #addToUsualsForm input.textbox { border: 1px solid #9d9d9d; font-size: 11px; }
.rightCart #addToUsualsForm .submitButton { border: none; background: url('../img/submitUsual.png'); }
.rightCart label.overlabel-apply { color: #000; }
.rightCart #cartEdit { background-color: #e6e6e6; border: 1px solid #878787; border-top: none; }
div.checkoutButton { border: 1px solid #888; background: #fefefe url('../img/checkoutButton_bg.png') top repeat-x; }
div.checkoutButton input { background: transparent url('../img/grey_arrow_l.png') 5% 53% no-repeat;}
.bogoTabsInactiveLabel { background-color: #838383; font-size: 14px; }
.tabContent .column li { background-color: #cecece; }
.tabContent .column li a span { color: #292929; }
.popup .optionsForm .price { color: #9c9c9c; }
.popup .optionsForm .addAddress label.overLabel { color: #1c1c1c; }
.popup .optionsForm .addAddress input.textbox, .popup .optionsForm .addAddress select { background-color: #cecece; border: 1px solid #a8a8a8; color: #1c1c1c; }
.popup #footer .small { color: #828282; }
.popup #footer #quantity { border: 1px solid #c0c0c0; }
#step3 .wideButton { background-color: #505050; }
#step3 #leftColumn .leftColumn { border-right: 1px solid #c4c4c4; }
#step3 #leftColumn div.selected { background-color: #cc0000; }
#step3 .wideButton fieldset input.text { border: 1px solid #a8a8a8; background-color: #7b7b7b; color: #fff; }
#step3 .wideButton fieldset input.submitButton { background: transparent url('../img/icons/505050_white_arrow_r.gif') center center no-repeat; }
#step3 .selected fieldset input.submitButton { background: transparent url('../img/icons/cc0000_white_arrow_r.gif') center center no-repeat; }
#step4 #leftColumn .checkoutBox { background-color: #505050; }
#step4 #leftColumn .checkoutBoxFooter { background-color: #505050; }
#step4 .checkoutBox input.textbox, #step4 .checkoutBox select { background-color: #7b7b7b; border: 1px solid #a8a8a8; color: #fff; }
#step4 #leftColumn .checkoutBox .formElements .rightColumn .rule { background-color: #a8a8a8; }
#step4 #leftColumn div.checkoutButton input { background: transparent url('../img/grey_arrow_r.png') 95% 53% no-repeat; }
.accountPage #leftColumn .confirmation { background: #e6e6e6; color: #353535; border: 1px solid #898989; border-top: none; }
.accountPage #leftColumn h2, .accountPage #leftColumn h2.wide, .accountPage #leftColumn h2.narrow { background-color: #505050 !important; color: #fff; }
.confirmation .orderItem { background-color: #cecece; }
.confirmation .orderTotal { background-color: #494949; color: #fff; }
.confirmation .selectedItem p.itemName { color: #1c1c1c; }
.confirmation .selectedItem p.itemDescription { color: #4c4c4c; }
.confirmation .selectedItem .sub { color: #c4c4c4; }
div.olderOrders { border: 1px solid #898989; background-color: #e6e6e6; }
div.olderOrders p { color: #353535; }
div.olderOrders p span.purchaseLegend { background-color: #cecece; }
div.olderOrders p span.creditLegend { background-color: #b6d4a9; }
div.olderOrders p span.description { font-size: 11px; color: #4c4c4c; }
div.orderTable div.order { background-color: #cecece; } 
div.orderTable div.payment { background-color: #b6d489 }
#details #leftColumn input.textbox, #details #leftColumn select { background-color: #cecece; border: 1px solid #a8a8a8; color: #1c1c1c; }
#details #leftColumn label { color: #1c1c1c; }
#details #leftColumn div.addresses div.address { background-color: #cecece; }
#details #leftColumn div.addresses a { color: #1c1c1c; text-decoration: underline; }
#credit #leftColumn input.textbox, #credit #leftColumn select { background-color: #cecece; border: 1px solid #a8a8a8; color: #1c1c1c; }
#credit #leftColumn label { color: #1c1c1c; }
#credit #leftColumn div.addresses div.address { background-color: #cecece; }
#credit #leftColumn div.addresses a { color: #1c1c1c; text-decoration: underline; }
#credit .rightCart .myCredit { border-bottom: 1px solid #838383; }
body #usuals #leftColumn div.usuals div.usualItem { background-color: #cecece; }
body #usuals #leftColumn div.usuals a { color: #1c1c1c; text-decoration: underline; }
body #usuals #leftColumn div.usuals div.usualItem p span.description { font-size: 11px; color: #4c4c4c; }
#statements #leftColumn .statementColumn .reportingPeriod { border: 1px solid #838383; border-top: none; background-color: #e6e6e6; }
#statements #leftColumn .statementColumn .reportingPeriod input.textbox, #statements #leftColumn .statementColumn .reportingPeriod select { 
	background-color: #cecece; border: 1px solid #a8a8a8; color: #1c1c1c; }
#statements #leftColumn .statementColumn .reportingPeriod label { color: #1c1c1c; }
#statements #leftColumn .summaryContent { border: 1px solid #838383; border-top: none; background-color: #e6e6e6; }
#statements #leftColumn .summaryContent .summary { background-color: #cecece; }
#statements #leftColumn .summaryContent .total { background-color: #505050 !important; color: #fff; }
#statements #leftColumn .statementSummary { border: 1px solid #838383; border-top: none; background-color: #e6e6e6; }
#statements #leftColumn .statementSummary .RegularOrder { background-color: #cecece !important; }
#statements #leftColumn .statementSummary .ReversingOrder { background-color: #d5adaa !important; }
#statements #leftColumn .statementSummary .CreditPurchasing { background-color: #b6d4a9 !important; }
#statements #leftColumn .statementSummary .PINActivation { background-color: #aabad5 !important; }
#statements #leftColumn .statementSummary table tr { border-bottom-color: #e6e6e6 !important; }
#statements #leftColumn .statementSummary table tr.headings { background-color: #505050 !important; color: #fff; }
#statements #leftColumn .statementSummary table tr .date p.time { color: #4c4c4c !important; }
#statements #leftColumn .statementSummary table tr td p.subDescription { color: #4c4c4c !important; }
#statements #leftColumn .statementSummary table tr.totals th { background-color: #505050 !important; color: #fff; }
.accountPage .pagination { background-color: #494949; color: #fff; }
.accountPage .pagination a { color: #fff; }
.accountPage .pagination .paginationFirst { background: #494949 url('../img/icons/494949_resultset_first.gif') center center no-repeat; }
.accountPage .pagination .paginationPrev { background: #494949 url('../img/icons/494949_resultset_previous.gif') center center no-repeat; }
.accountPage .pagination .paginationNext { background: #494949 url('../img/icons/494949_resultset_next.gif') center center no-repeat; }
.accountPage .pagination .paginationLast { background: #494949 url('../img/icons/494949_resultset_last.gif') center center no-repeat; }
/*** end greys ***/

/*** blacks ***/
#step1 #leftColumn h2 { color: #272727; }
.rightCart #selectedStore { background-color: #000; margin-top:10px; }
.rightCart #deliveryAddress { background-color: #000; }
.rightCart #deliveryAddressFooter { background-color: #000; }
.rightCart #selectedStoreFooter { background-color: #000; }
.rightCart #addToUsualsForm input.textbox { color: #000; }
.tabContent .column h3 { color: #010101; font-weight: normal; }
.popup .optionsForm #rightColumn h2 { color: #1c1c1c; font-weight: normal; }
#step1 #storeSelect h2 { color: #191919; }
#step1 #storeSelect a span { color: #010101; }
.tabContent .column li { background-image: url('../img/icons/cecece_black_arrow_r.gif'); background-position: 98% 50%; background-repeat: no-repeat; }
#step1 #storeSelect ul li { background-image: url('../img/icons/cecece_black_arrow_r.gif'); background-position: 95% 50%; background-repeat: no-repeat; }
#step3 #leftColumn h2.options { color: #000; }
#leftColumn .contentBox .addresses td.default a { color: #000; text-decoration: underline; }
div.olderOrders p strong { color: #1c1c1c; }
div.userDetails { color: #000; }
label { color: #000; }
/*** end blacks ***/

/*** date calendar input ***/
.date_selector td.today a { background: #b9b9b9; }
.date_selector td.selected a { background: #E6E6E6; font-weight: bold; }
.date_selector td a:hover { background: #787878; color: white; }
.date_selector td.unselected_month { color: #ccc; }
.date_selector td.today { background: #d9d9d9; }
.date_selector { background: #F2F2F2; border: 1px solid #bbb; }
.date_selector .month_nav a { color: #787878; }
.date_selector .month_nav a:hover, .date_selector .month_nav a:focus { color: #003C78; }
.date_selector td { border: 1px solid #ccc; }
.date_selector td a { color: #787878; }
/*** end date calendar input ***/