/******	
*******	NIFTY NOSH - 12/08/2007
*******	enginehouse@googlemail.com
****************************************************

1)	GLOBALS

2)	STRUCTURE

3a)	MAIN NAVIGATION

	3b)  MAIN NAVIGATION - RETAIL MAIN PAGE

4)	TYPOGRAPHY

5)	STRONG, EM, CITE ETC

6)	HOMEPAGE EXPANDER TABBING PANELS

7)	TABLES

8)	H2 SPECIFIC CLASSES

9)	VALIDATION CLASSES

10)	TOPNAV

11)	ORDERED LISTS

12)	FOOTER

13)	SEARCH BOX CLASSES

14) 	P A CLASSES

15)	HOMEPAGE SPECIFIC

16) 	HACKS

17)	MISCELLANEOUS CLASSES

18)	FORMS 

19) 	BUTTON CLASSES

20) 	ACCOUNT DETAIL COLUMN

21) 	RETAIL MAIN - ORDER MAIN
  	
22) 	RATING

23) 	LEFT NAVIGATION

24) 	BLOCKQUOTES

****************************************************/



/****** 1) GLOBALS 
****************************************************/

/html
	{
	position: relative;
	}

*
	{
	margin: 0;
	padding: 0;
	outline:none;
	border: none;
	_word-wrap: break-word;
	-moz-outline: none -moz-mac-focusring;
	}
	
a
	{
	outline: none;
	}


body 
	{
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	line-height: normal;
	background-color: #A8C2D0;
	padding: 0 0 10px;
	color: #333333;
	}
	

/****** 2) structure
****************************************************/

#header
	{
	height: 142px;
	position: relative;
	background: url(../images/structure/header-bg.jpg) no-repeat left top;	
	}

#wrapper
	{
	width: 750px;
	margin: 0 auto;
	}

#inner-wrapper
	{
	float: left;
	width: 730px;
	padding-left: 20px;
	display: inline;
	padding-bottom: 30px;
	background: #fff url(../images/structure/page-side-gradient.jpg) repeat-y left top;	
	}

#login #inner-wrapper
	{
	width: 740px;
	padding-left: 10px;
	text-align: center;
	}


#content
	{
	width: 445px;
	float: left;	
	display:inline;
	padding: 0 0 0 10px;
	}

#account-detail-column
	{
	width: 234px;
	float: right;	
	padding: 0;
	margin-right: 25px;
	display:inline;
	}
	
#header-promotional-items	
	{
	float: right;
	display: block;
	width: 430px;
	padding: 10px 20px;
	clear: right;
	}
	
#header-promotional-items h2,
#header-promotional-items h3
	{
	font-size: 28px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	}
	
#header-promotional-items h3
	{
	font-size: 16px;
	color: #1C181C;
	}

#pending-order-summary
	{
	float: left;
	width: 695px;
	display: inline;
	margin: 0 10px 8px;
	padding-bottom: 19px;
	background: url(../images/structure/gradient-all-orders-orange-bottom-horiz.gif) repeat-x left bottom;
	}
	
	
/****** 3a) MAIN NAVIGATION
****************************************************/


ul#main-navigation 
	{
	float: left;
	width: 750px;
	display: block;
	position: relative;
	background: url(../images/structure/main-navigation-background-rounded-top.jpg) no-repeat left top;
	height: 65px;
	}

#main-navigation li,
#main-navigation li ul
	{
	height: auto;
	font-weight: bold;
	font-size: 12px;
	list-style: none;
	}

#main-navigation li ul
	{
	width: 750px;
	position: absolute;
	top: 26px;
	left: 30px;
	height: 30px;
	background: url(../images/structure/mainnav-tab-ul-background.jpg) no-repeat left top;
	padding: 0px 0px 0px 3px;
	}

#main-navigation li a
	{
	display: block;
	float: left;
	}

#main-navigation li ul li 
	{
	float: left;
	border: none;
	padding: 0px 0px 0px 3px;
	}

#main-navigation li ul li a 
	{
	display: block;
	float: left;
	color: #fff;
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	padding: 8px 5px 2px 7px;
	margin: 0;
	}
	
#main-navigation li ul li a:hover
	{
	color: #fff;
	text-decoration: underline;
	}

#main-navigation li ul li.here
	{
	background: url(../images/structure/bg-main-nav-right.gif) no-repeat right bottom;
	padding-right: 6px;
	margin-right: -4px;
	}

#main-navigation li ul li.here a
	{
	padding-top: 8px;
	display: block;
	color: #fff;
	background: url(../images/structure/bg-main-nav-left.gif) no-repeat left bottom;	
	padding-right: 1px;
	text-decoration: none;
	}


a#mainnav-home,
a#mainnav-my-profile
	{
	display: block;
	text-indent: -9999px;
	font-size: 0%;
	position: absolute;
	left: 41px;
	top: -12px;
	height: 38px;
	width: 104px;
	background: transparent url(../images/structure/mainnav-tab-home.jpg) no-repeat left top;
	}
		 
a#mainnav-my-profile
	{
	left: 145px;
	background: transparent url(../images/structure/mainnav-tab-my-profile.jpg) no-repeat 0 0;
	}
	
	
a#mainnav-home.tab-here,
a#mainnav-my-profile.tab-here
	{
	background-position: 0 -83px;
	font-size: 14px;
	}	
	
	
	
/******	3b)  MAIN NAVIGATION - RETAIL MAIN PAGE
******************************************************/

ul#retail-main-navigation 
	{
	float: left;
	width: 750px;
	display: block;
	padding-left: 30px;
	padding-top: 8px;
	position: relative;
	background: url(../images/structure/main-navigation-background-rounded-top.jpg) no-repeat 0 30px;
	height: 60px;
	}

#retail-main-navigation li
	{
	float: left;
	list-style: none;
	}

#retail-main-navigation li a
	{
	display: block;
	float: left;
	text-decoration: none;
	width: 115px;
	color: #fff;
	padding: 12px 0 10px;
	text-align: center;
	background: url(../images/structure/nav-retail-bg.gif) no-repeat 0 0;
	}

#retail-main #header
	{
	height: 138px;
	}

/*
#retail-main-navigation li a
	{
	display: block;
	float: left;
	height: 40px;
	font-size: 0%;
	text-decoration: none;
	text-indent: -9999px;
	}
a#nav-retail-main-menu	{width: 149px; background: url(../images/structure/nav-retail-main-menu.gif) no-repeat left top;}
a#nav-retail-pending	{width: 120px; background: url(../images/structure/nav-retail-pending.gif) no-repeat left top;}
a#nav-retail-in-prep	{width: 116px; background: url(../images/structure/nav-retail-in-prep.gif) no-repeat left top;}
a#nav-retail-advanced	{width: 115px; background: url(../images/structure/nav-retail-advanced.gif) no-repeat left top;}
a#nav-retail-delivered	{width: 115px; background: url(../images/structure/nav-retail-delivered.gif) no-repeat left top;}
a#nav-retail-menu	{width: 135px; background: url(../images/structure/nav-retail-menu.gif) no-repeat left top;}

*/

#retail-main-navigation li a:hover,
#retail-main-navigation li a.here
	{
	padding: 8px 0 14px;
	background-position: 0 -46px;
	}

div.current-time
	{
	border: 1px solid #C5D0D6;
	background: #F3F3F3 url(../images/structure/icon-large-clock.gif) no-repeat top left;
	color: #84929A;
	font-size: 12px;
	padding: 12px 10px 12px 35px;
	margin-bottom: 10px;
	}

div.current-time strong
	{
	color: #456E86;
	padding-left: 10px;
	font-weight: normal;
	}


/******	4) TYPOGRAPHY
******************************************************/
		
		
h1, h2, h3, h4, h5, h6, p, dt, pre, code
	{
	margin: 0 0 0.5em;	
	}

h1
	{
	float: left;
	margin: 0;
	}
	
h1 a
	{
	font-size: 0%;
	float: left;
	text-decoration: none;
	text-indent: -9999px;
	}
	
h2
	{
	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px;
	margin: 0;
	clear: both;
	color: #fff;
	}

h3
	{
	font-size: 14px;
	}

h4
	{
	
	}

h5
	{
	
	}
	
p, dl
	{
	
	}	

p	{
	font-size: 11px;
	margin: 0 0 1em;
	}

p a	{
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	}


/* 
	0.625em 	= 	10px
	0.6875em	= 	11px 
	0.75em 		= 	12px
	1.125em		= 	18px
	1.375em 	= 	22px
*/


/****** 5) STRONG, EM, CITE ETC
****************************************************/


strong
	{
	font-weight: bold;
	}


	
/****** 6) HOMEPAGE EXPANDER TABBING PANELS
****************************************************/	


.panel
	{
	clear: both;
	display: none;
	background-color: #FFFFCC;
	}

.panel.active-tab-body 
	{
	display: block;
	}
	
ul#meal-choice 
	{
	height: 23px;
	margin-top: 5px;
	list-style: none;
	border-bottom: 3px solid #D13434;
	}
	
ul#meal-choice li
	{
	float: left;
	}

ul#meal-choice a 
	{
	float: left;
	width: 98px;
	height: 23px;
	margin-right: 1px;
	display: block;
	color: #D03535;
	font-size: 12px;
	background: url(../images/structure/tab_inactive.gif) no-repeat left top;
	text-decoration: none;
	}

ul#meal-choice a span
	{
	display: block;
	padding: 4px 10px 0;
	}
	
ul#meal-choice a.active-tab 
	{
	background: url(../images/structure/tab_active.gif) no-repeat left top;
	color: #fff;
	}
	
		
/****** 7) TABLES
****************************************************/

p.food-notes
	{
	width: 30px;
	display: block;
	}
	
p.food-notes-key
	{
	display: block;
	padding-top: 10px;
	}
	
p.food-notes-key img
	{
	margin-left: 8px;
	vertical-align: middle;
	}

span.spiciness
	{
	display: block;
	float: left;
	width: 9px;
	height: 21px;
	text-indent: -9999em;
	background:  url(../images/structure/icon-chili.gif) no-repeat left top;
	}

table.restaurant-choice
	{
	width: 100%;
	padding: 0;
	margin: 3px 0 20px;
	clear: both;
	border: 1px solid #CAD7DD;
	border-collapse: collapse;	
	}

	
table.menu-details,
table.homepage-restaurant-selection
	{
	width: 100%;
	clear: both;
	border-collapse: collapse;
	border: none;
	}


table.homepage-restaurant-selection
	{
	border-bottom: 2px solid #E08570;
	margin: 3px 0 2px;
	background-color: #FFE49D;
	}

table.homepage-restaurant-selection td
	{
	margin: 3px 0 0;
	padding: 10px;
	
	}

table.homepage-restaurant-selection tr
	{
	padding: 5px 0;
	}
	
	
table.homepage-restaurant-selection thead h2
	{
	background-color: #FFE49D;
	padding: 10px;
	text-align: left;
	color: #333;
	}
	
table.homepage-restaurant-selection tfoot
	{
	background: #FFFECA url(../images/structure/gradient-table-footer.jpg) repeat-x left bottom;
	padding: 10px;
	text-align: left;
	color: #333;
	}	
	
td
	{
	vertical-align: top;
	color: #010101; 
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
	
table.menu-details td
	{
	padding: 4px 6px;
	border-bottom: 1px solid #fff;
	}

table.restaurant-choice td p.ratings
	{
	width: 100%;
	margin: 0;
	text-align: right;
	padding: 2px 0 5px;
	display: block;
	background: #FFEEC0;
	}		


table.restaurant-choice td p.ratings span
	{
	float: right;
	color: #010101;
	font-weight: bold;
	}	
	
table.restaurant-choice tr.red-background td
	{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	background: #FFC72F url(../images/structure/restaurant-table-red-background.jpg) repeat-x left top;
	}

table.restaurant-choice tr.search-menu
	{
	padding: 4px 6px;
	color: #fff;
	font-size: 11px;
	color: #010101;
	background: #FFEEC0;
	}

table.restaurant-choice tr.search-menu span
	{
	padding-right:10px;
	font-weight: bold;
	}
		
table.restaurant-choice tr.search-menu td
	{
	padding: 8px 6px;
	}
	
table.restaurant-choice tr.search-menu a img
	{
	vertical-align: middle;
	margin-left: 5px;
	}
	
.width-50
	{
	width: 40%;
	}
	

table.restaurant-choice tr
	{
	border: 1px solid #CAD7DD;
	padding-bottom: 10px;
	}	
	
table.menu-details tr
	{
	border: none;
	border-bottom: 1px solid #fff;
	}

td.restaurant-logo
	{
	border: solid #CAD7DD;
	border-width: 0 1px 1px 0;
	padding: 10px;
	text-align: center;
	}	

ul.menu-list h3
	{
	background: #F3A131 url(../images/structure/tabbed-meal-definition-list-bg.gif) repeat-x left top;
	margin: 0;
	}

ul.menu-list h3 span.toggleclapse
	{
	cursor: pointer;
	display: block;
	padding: 0 0 1px 0px;
	font-size: 12px;
	line-height: 1.6em;
	height: 20px;
	position: relative;
	color: #fff;
	background: url(../images/structure/tabbed-meal-definition-list-h3-arrow.gif) no-repeat 4px -90px;
	}

ul.menu-list h3 a
	{
	cursor: pointer;
	display: block;
	padding: 0 0 1px 25px;
	font-size: 12px;
	line-height: 1.6em;
	height: 20px;
	position: relative;
	color: #fff;
	}
	
ul.menu-list h3 a span
	{
	text-align: right;
	font-size: 11px;
	position: absolute;
	right: 10px;
	font-weight: normal;
	}	
	
ul.menu-list .closed h3 a
	{
	background-position: 4px  -90px;
	margin: 0;
	}
		
ul.menu-list
	{
	list-style: none;
	}

ul.menu-list li
	{
	
	}

input.text-input-30,
input.text-input-60,
input.text-input-120,
input.text-input-120-homepage-restaurant-selection
	{
	width: 120px;
	color: #000;
	font-size: 11px;
	padding: 2px 4px;
	border: 2px solid;
	border-color: #969696 #fff #fff #969696;
	}

input.text-input-120-homepage-restaurant-selection
	{
	width: 120px;
	border: 1px solid;
	padding: 4px;
	border-color: #37648B;
	background: #EEEDED url(../images/structure/input-bg-text-input-120-homepage-restaurant-selection.gif) repeat-x left top;
	}


input.text-input-30
	{
	width: 13px;
	}
	
input.text-input-60
	{
	width: 92px;
	display: inline;
	margin: 6px;
	border: 1px solid #37648B;
	}
	
ul.menu-list img
	{
	margin-top: 3px;
	}
	
.closed table
	{
	display: none;
	}

table.unavailable-items
	{
	border: none;
	float: right;
	width: 270px;
	background-color: #E1E9EB;
	border-bottom: 2px solid #7F9DAD;
	margin: 20px 0;
	}

table.items-ordered
	{
	width: 100%;
	background-color: #E1E9EB;
	margin: 10px 0 0;
	border: solid #BFCCD2;
	border-width: 0 1px;
	}


	
table.items-ordered thead th,
table.items-ordered tfoot td
	{
	font-weight: bold;
	color: #507A90;
	font-size: 14px;
	text-align: left;
	padding: 5px 10px;
	}
	
table.items-ordered tfoot td
	{
	background-color: #F3F3F3;
	font-size: 12px;
	}

table.items-ordered td
	{
	padding: 6px 10px;
	}

	
table.retail-main-gradient-tables h3
	{
	font-size: 16px;
	font-weight: bold;
	color: #507A90;
	padding: 20px 5px 5px 10px;
	margin: 0;
	}
	
	
table.retail-main-gradient-tables h4
	{
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 5px 10px;
	}	


table.retail-main-gradient-tables td span a img
	{
	vertical-align: middle;
	float: left;
	margin-top: -10px;
	padding:  0 10px 10px;
	}


table.retail-main-gradient-tables thead th
	{
	padding: 8px 5px 2px;
	text-align: left;
	}

table.retail-main-gradient-tables td span a
	{
	display: block;
	margin-top: 10px;
	float: left;
	}
	
table.unavailable-items thead
	{
	font-weight: bold;
	color: #DE5351;
	font-size: 14px;
	}

table.unavailable-items thead th
	{
	padding: 8px 5px 2px;
	border-bottom: 2px solid #7F9DAD;
	text-align: left;
	}
	
table.unavailable-items td
	{
	color: #507A90;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 8px;
	}
	
.odd
	{
	background-color: #fff;
	}

.even
	{
	background-color: #E1E9EB;
	}
	
	
table.order-pending
	{
	width: 99%;
	padding: 0;
	margin: 0;
	}

table.order-pending td.table-heading-orange
	{
	background-color: #F3A131;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin: 5px;
	}
	
table.order-pending td
	{
	padding: 5px 10px;
	color: #A27348;
	}
		
div.div-order-pending
	{
	background: #FCFCB4 url(../images/structure/gradient-pending-orders-top.jpg) repeat-x left top;
	padding: 10px 0;
	border: 1px solid #F5A63A;
	clear: both; 
	width: 693px;
	float: left;
	}

table.order-pending td.width-5
	{
	width: 8px;
	padding: 0;
	margin: 0;
	}
	
table.retail-main-gradient-tables td.table-gradient-top
	{
	background: url(../images/structure/gradient-delivery-collection-times-table-top.gif) repeat-x top left;
	}



/****** 7b) GENERIC TABLES
****************************************************/





	
/****** 8) H2 SPECIFIC CLASSES
****************************************************/

h2.order-online-now,
h2.h2-wide-orange
	{
	background: #F3A131 url(../images/structure/h2-bg-order-online-now.gif) no-repeat left top;
	margin: 12px 0 0 0; padding: 8px 10px;
	}

h2.h2-wide-grey
	{
	background: #2C2C2C url(../images/structure/h2-bg-grey-wide.jpg) no-repeat left top;
	}

h2.h2-wide-green
	{
	background: #598F0F url(../images/structure/h2-bg-green-wide.gif) no-repeat left top;
	}
	
h2.menu-options
	{
	background: #49738A url(../images/structure/h2-bg-menu-options.gif) no-repeat left top;
	}	
	
h2.pending-order
	{
	width: 523px;
	display: block;
	float: left;
	background: #F3A131 url(../images/structure/h2-bg-pending-order-orange.jpg) no-repeat top left;
	}
	
h2.customer-login,
h2.latest-discounts, 
h2.latest-comments,
h2.reasons-to-order
	{
	background: #598F0F url(../images/structure/h2-bg-customer-login.gif) no-repeat left top;
	}

h2.your-order
	{
	background: #507A90 url(../images/structure/h2-bg-your-order.gif) no-repeat left top;
	}

h2.override-delivery-time
	{
	cursor: pointer;
	padding-left: 40px;
	background: #507A90 url(../images/structure/h2-bg-your-order-collapseable.gif) no-repeat 0 0;
	}

h2.override-delivery-time.closed
	{
	background-position: 0 -54px;
	}	

h2 span
	{
	color: #EAFFAB;
	}

#retail-main #inner-wrapper h2
	{
	font-size: 16px;
	}

.bottom-gap
	{
	margin-bottom: 10px;
	}


/******	9) VALIDATION CLASSES
******************************************/	
	
input.required, 
span.required,
textarea.required
	{
	color: #CC3333;
	}

.validation-advice,
.custom-advice 
	{
	margin: 5px 0;
	padding: 5px;
	clear: both;
	background-color: #7DD627;
	color : #fff;
	font-size: 1.4em;
	font-weight: bold;
	}
	

/****** 10) TOPNAV
****************************************************/


#header ul
	{
	float: right;
	margin: 6px 20px 0 0;
	width: 500px;
	}

#header ul li 
	{
	list-style: none;
	display: inline;
	}

#header ul li a 
	{
	display: block;
	float: right;
	color: #fff;
        font-size: 11px;
        font-weight: bold;
	padding:4px 8px;
	text-decoration: none;
	background: url(../images/structure/delimiter-pipe.gif) no-repeat right center;
	}


#header ul li a.last 
	{
	background: none;
	}

#header ul li a.here,
#header ul li a:hover 
	{
	text-decoration: underline;
	}

#header ul li a.logoff 
	{
	display: block;
	padding: 5px 10px;
	color: #fff;
	float: right;
	font-size: 13px;
	margin-right: 20px;
	text-decoration: none;
	text-align: center;
	background-color: #F7AA42;
	border: solid 2px;
	border-color: #FEE6C4 #FEE6C4 #C58B2C #C58B2C;
	}
	
	
/****** 11) ORDERED LISTS
****************************************************/

#account-detail-column ol
	{
	border: solid #DDDDDD;
	border-width: 0 0 0 1px;
	background-color: #EFEFEF;
	float: left;
	width: 233px;
	}

#account-detail-column ol li
	{
	list-style: none;
	font-size: 11px;
	padding: 7px 0 7px 26px;
	margin: 0 5px;
	border-bottom: 1px solid #fff;
	}

#account-detail-column ol li.last
	{
	border: none;
	}
	
#account-detail-column ol li.first 	{background: url(../images/structure/ol-bg-one.gif) no-repeat 0 5px;	}	
#account-detail-column ol li.second	{background: url(../images/structure/ol-bg-two.gif) no-repeat 0 5px;	}
#account-detail-column ol li.third	{background: url(../images/structure/ol-bg-three.gif) no-repeat 0 5px;	}
#account-detail-column ol li.fourth	{background: url(../images/structure/ol-bg-four.gif) no-repeat 0 5px;	}
#account-detail-column ol li.fifth	{background: url(../images/structure/ol-bg-five.gif) no-repeat 0 5px;	}

#account-detail-column ol li.first 	{vertical-align:middle;}
#account-detail-column ol li.second	{vertical-align:middle;}
#account-detail-column ol li.third	{vertical-align:middle;}
#account-detail-column ol li.fourth	{vertical-align:middle;}
#account-detail-column ol li.fifth	{vertical-align:middle;}


/****** 12) FOOTER
****************************************************/

#footer {color: #898989; font-size: 75%; clear:both; margin: 0; padding: 0 20px; _height: 160px; min-height: 160px; background: url(../images/structure/footer-bottom.png) no-repeat bottom;}
#footer ul {list-style: none; margin: 0 0 5px 0; padding: 0;}
#footer ul.first {border-top: 1px solid #bcbcbc; padding-top: 10px;}
#footer ul.last {border-bottom: 1px solid #bcbcbc; padding-bottom: 10px;}
#footer li {display: inline; padding: 0 10px; border-right: 1px solid #bcbcbc;}
#footer li.head {border: none;}
#footer li.head span {width: 60px; font-weight: bold; color: #f90; display: inline-block;}

#footer p {padding: 10px; vertical-align: middle;}
#footer a {font-weight: normal; color: #898989;}
#footer a:hover { text-decoration: underline;}

/****** 13) MENU SEARCH
****************************************************/



/*	08-10-2007 - changes to the order process to replace numbers with arrow and have href capability*/
/*NUMBERS*/
p.menu-search
	{
	float: left;
	display: block;
	width: 445px;
	height: 33px;
	position: relative;
	margin: 0;
	padding: 0;
	background:  #FFEEC0 url(../images/structure/gradient-order-online-now.gif) repeat-x left bottom;
	}
	
#homepage p.menu-search
	{
	height: 26px;
	background: none;
	background-color:  #FFEEC0;
	}
		
p.menu-search span
	{
	float: left;
	font-size: 11px;
	color: #787878;
	border-right: 2px solid #fff;
	display: block;
	background-color: #FFEEC0;
	width: auto;
	padding: 6px 10px 5px 25px;
	}
	
p.menu-search span.first-step	{background:  url(../images/structure/order-online-first-step.gif) no-repeat -3px 0;}
p.menu-search span.second-step	{background:  url(../images/structure/order-online-second-step.gif) no-repeat -3px  0;}
p.menu-search span.third-step	{background:  url(../images/structure/order-online-third-step.gif) no-repeat -3px  0;}
p.menu-search span.fourth-step	{background:  url(../images/structure/order-online-fourth-step.gif) no-repeat -3px  0;}

p.menu-search span#here
	{
	color: #000;
	background-position: -3px -80px;
	background-color: #FFEA59;
	font-weight: bold;
	}

p.menu-search span.no-border
	{
	border: none;
	}
	
/*ARROWS*/

p.menu-search
	{
	float: left;
	display: block;
	width: 445px;
	height: 33px;
	position: relative;
	margin: 0;
	padding: 0;
	background:  #FFEEC0 url(../images/structure/gradient-order-online-now.gif) repeat-x left bottom;
	}
	
#homepage p.menu-search
	{
	height: 26px;
	background: none;
	background-color:  #FFEEC0;
	}
		
p.menu-search span,
p.menu-search span a
	{
	float: left;
	font-size: 11px;
	color: #787878;
	border-right: 2px solid #fff;
	display: block;
	background-color: #FFEEC0;
	background: url(../images/structure/icon-arrow-order-process.gif) no-repeat 7px 8px;
	width: auto;
	padding: 6px 10px 5px 23px;
	}

p.menu-search span a
	{
	padding: 0;
	background: none;
	font-weight: normal;
	text-decoration: none;
	border: none;
	}

p.menu-search span a:hover
	{
	background-color: #FFEA59;
	color: #000;
	}

p.menu-search span.over
	{
	background-color: #FFEA59;
	}
	
p.menu-search span#here-arrow,
p.menu-search span#here-arrow a
	{
	color: #000;
	background-color: #FFEA59;
	font-weight: bold;
	}

p.menu-search span.no-border
	{
	border: none;
	}



/****** 14) A CLASSES
**********************************************************/	

a
	{
	color: #010101;
	text-decoration: none;
	font-weight: bold;
	}

h1 a
	{
	float: left;
	width: 200px;
	display: block;
	height: 120px;
	}

/****** 15) HOMEPAGE SPECIFIC
****************************************************/

div.homepage-reasons-to-order
	{
	float: left;
	clear: both;
	padding-bottom: 20px;
	}

div.homepage-reasons-to-order p
	{
	background: #F3F3F3 url(../images/structure/gradient-account-detail-column-bottom-alt.gif) repeat-x left top;
	float: left;
	margin: 0;		
	border: solid #DDDDDD;
	border-width: 0 0 1px;
	padding: 5px 0 1px;
	}
		
div.homepage-reasons-to-order input
	{
	float: right;
	margin:0 10px;
	padding: 0;
	}
	
	
/****** 16) HACKS AND FIXES
****************************************************/
	
	
/* ---- IE-Win footer containment bug fix - hidden from IE5-Mac  \*/
* html #footer p 
	{
	height:1px;
	}
	
	
/* 	Resume IE5-Mac 	*/



	
.clearfix:after 
	{
	content: "."; 
	display: block; 
	height: 1px; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */


/****** 17) MISCELLANEOUS CLASSES
****************************************************/

.right
	{
	float: right;
	}
	
.left
	{
	float: left;
	}


.address
	{
	padding: 6px 20px;
	}

.top-and-bottom
	{
	border: solid #CAD7DD;
	border-width: 1px 0;
	display: block;
	}
	
span.order-time-details
	{
	margin: 10px 0 0;
	padding: 0 10px 0 20px;
	background: url(../images/structure/icon-clock.gif) no-repeat left center;
	display: inline;
	}
	
td p
	{
	padding: 0;
	margin-bottom: 5px;
	}

.padding-top
	{
	padding-top: 5px;
	}

	
.padding-right
	{
	padding-right: 10px;
	}
	
em
	{
	font-style: normal;
	color: #1B5C09;
	}



		
/****** 18)	FORMS 
****************************************************/	

label
	{
	font-weight: bold;
	}

label span
	{
	font-weight: normal;
	font-size: 11px;
	}
	
label strong
	{
	float: left;
	margin-top: 8px;
	}

span.radio-button-container
	{
	display: inline;
	float: left;
	}

span.radio-button-container label
	{
	float: left;
	padding: 5px 10px 10px 0;
	display: block;
	cursor: pointer;
	}
	
span.radio-button-container label.active-tab 
	{
	background: #FFF5D9 url(../images/structure/gradient-restaurant-fieldset-radio-active-tab.gif) repeat-x left top;
	}	

span.radio-button-container label.now
	{
	background: none;
	}	
	
span.radio-button-container label input
	{
	padding-right: 10px;
	display: block;
	cursor: pointer;
	width: 25px;
	float: left;
	}


table.homepage-restaurant-selection fieldset
	{
	display: none;
	}

table.homepage-restaurant-selection fieldset.active-tab-body
	{
	display: block;
	width: 230px;
	float: left;
	background: #fff url(../images/structure/gradient-restaurant-fieldset.gif) repeat-x top left;
	padding: 6px 2px;
	}

select
	{
	font-size: 10px;
	padding: 2px;
	margin: 4px;
	border: 1px solid;
	border-color: #37648B;
	}

table.homepage-restaurant-selection tr.a-s-o
	{
	background-color: #FFFFCC;
	}


.width-120
	{
	width: 170px;
	}
	

.width-100-percent
	{
	width: 100%;
	}
		
.checkbox
	{
	margin-right: 10px;
	}

/****** 19) 	BUTTON CLASSES
****************************************************/

a.accept-and-print
	{
	display: block;
	clear: both;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	background-color: #558916;
	border: solid 2px;
	border-color: #9EC66C #9EC66C #3E6F0E #3E6F0E;
	}

a.cancel-order
	{
	display: block;
	width: 38%;
	padding: 5px 10px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	background-color: #E85454;
	border: solid 2px;
	border-color: #FCD1D2 #FCD1D2 #B0393A #B0393A;
	}

a.view-all
	{
	padding: 5px 10px;
	color: #fff;
	float: right;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	background-color: #F7AA42;
	border: solid 2px;
	border-color: #FEE6C4 #FEE6C4 #C58B2C #C58B2C;
	}


span.button
	{
	width: auto;
	display: inline;
	padding: 4px 0 4px 10px;
	}

span.button a
	{
	height: 22px;
	color: #fff;
	padding: 4px 5px 4px 10px;
	font-size: 11px;
	font-weight: normal;
	margin-right: 5px;
	text-decoration: none;
	}


span.button.blue
	{
	background: url(../images/structure/button-blue-bg-right.gif) no-repeat right bottom;
	}

span.button.blue a
	{
	background: url(../images/structure/button-blue-bg-left.gif) no-repeat left bottom;	
	}

span.button.red
	{
	background: url(../images/structure/button-red-bg-right.gif) no-repeat right bottom;
	}

span.button.red a
	{
	background: url(../images/structure/button-red-bg-left.gif) no-repeat left bottom;	
	}

span.button.green
	{
	background: url(../images/structure/button-green-bg-right.gif) no-repeat right bottom;
	}

span.button.green a
	{
	background: url(../images/structure/button-green-bg-left.gif) no-repeat left bottom;	
	}




/****** 20) 	ACCOUNT DETAIL COLUMN
****************************************************/


#account-detail-column fieldset
	{
	display: block;
	width: 100%;	
	clear: both;
	margin-bottom: 10px;
	}


#account-detail-column fieldset	p.login-container
	{
	background-color: #EFEFEF;
	border: solid #D5D5D5;
	border-width: 0 0 1px 1px;
	margin: 0;
	padding: 0;
	}
	
#account-detail-column fieldset	p.forgotten-login-details
	{
	background: #F3F3F3 url(../images/structure/gradient-account-detail-column-bottom.gif) repeat-x left bottom;
	min-height: 29px;
	}

	
#account-detail-column fieldset	p.your-order-details
	{
	background-color: #F3F3F3;
	display: block;
	margin: 0;
	}
	

#account-detail-column fieldset	p.forgotten-login-details span a,
#account-detail-column fieldset	p.total span,
#account-detail-column fieldset	p.your-order-details span a
	{
	float: left;
	font-weight: normal;
	text-decoration: none;
	padding: 8px 10px 0 10px;
	}
	
#account-detail-column fieldset
p.forgotten-login-details input,
#account-detail-column fieldset	p.your-order-details input
	{
	float: right;
	margin: 6px 10px 0;
	}

#account-detail-column fieldset	div,
#account-detail-column dl#latest-comments
	{
	border: solid #D6D6D6;
	border-width: 0 0 1px 1px;
	background-color: #EFEFEF;
	margin: 0;
	margin-bottom: 10px;
	}

#account-detail-column dl#latest-comments
	{
	margin-bottom: 20px;
	padding: 10px;
	width: 213px;
	float: left;
	}

dl#latest-comments dt,
dl#latest-comments dd
	{
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #010101;
	}

dl#latest-comments dd
	{
	font-weight: bold;
	padding-bottom: 10px;
	}
	
#account-detail-column fieldset	div table.table-your-order
	{
	width: 100%;
	clear: both;
	padding: 0;
	}
		
table.table-your-order td
	{
	vertical-align: middle;
	padding: 2px 0;
	}		
		
table.table-your-order tr.heading td
	{
	padding: 4px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #010101;
	background-color: #BFCCD2;
	}

table.table-your-order tr.total td
	{
	padding: 4px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #010101;
	}
	
table.table-your-order tr.total
	{
	padding-top: 15px;
	background: url(../images/structure/gradient-account-detail-column-bottom.gif) repeat-x 0 10px;
	}
		
	
/****** 21) 	RETAIL MAIN - ORDER MAIN
****************************************************/

div.all-orders-menu-div
	{
	float: left;
	background: #FCFCB4 url(../images/structure/gradient-all-orders-orange-bottom-horiz.gif) repeat-x bottom left;
	}

div.all-orders-menu-div h3
	{
	font-size: 12px;
	border: solid #F3A131;
	border-width: 0 1px;
	font-weight: bold;
	margin: 0;
	color: #F3A131;
	padding: 14px 10px 10px;
	background: url(../images/structure/gradient-all-orders-h3-bg.gif) repeat-x top left;
	}
	
ul#all-orders	
	{
	float: left;
	width: 443px;
	padding: 0 0 15px 0;
	border: solid #F3A131;
	border-width: 0 1px 1px 1px;
	margin-bottom: 18px;
	}
	
ul#all-orders li
	{
	border: 1px solid #F3A131;
	list-style: none;
	clear: both;
	font-size: 18px;	
	margin-bottom: 3px;
	background: #F3A131 url(../images/structure/gradient-all-orders-orange.gif) repeat-x left top;
	}
	
ul#all-orders li a
	{
	display: block;
	padding: 15px 20px 15px 80px;
	color: #fff;
	position: relative;
	}
		
ul#all-orders li a#all-orders-retail-pending	{background: url(../images/structure/icon-all-orders-first.gif) no-repeat left center;}
ul#all-orders li a#all-orders-in-preparation	{background: url(../images/structure/icon-all-orders-second.gif) no-repeat left center;}
ul#all-orders li a#all-orders-advanced		{background: url(../images/structure/icon-all-orders-third.gif) no-repeat left center;}
ul#all-orders li a#all-orders-delivered		{background: url(../images/structure/icon-all-orders-fourth.gif) no-repeat left center;}

ul#all-orders li a span
	{
	position: absolute;
	right: 10px;
	font-size: 14px;
	}

div.delivery-collection-times
	{
	background: #F3F3F3 url(../images/structure/gradient-delivery-collection-times-table-top.gif) repeat-x left top;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	}
	
div.delivery-collection-times table.retail-main-gradient-tables
	{
	width: 100%;
	background: url(../images/structure/gradient-menu-options-blue-table.jpg) repeat-x left bottom;
	border: solid #BFCCD2;	
	border-width: 0 1px;
	}
	
		
div.delivery-collection-times p
	{
	background: url(../images/structure/bg-diagonal-hatch-blue.gif) repeat left top;
	display: block;	
	border: solid #BFCCD2;	
	border-width: 1px 0;
	padding: 2px 0;
	width: 100%;
	float: left;
	margin: 0;
	}	
	
div.delivery-collection-times p.bottom-detail
	{
	background: url(../images/structure/gradient-delivery-collection-times-bottom.gif) repeat left top;
	display: block;	
	width: 100%;
	border: none;
	float: none;
	padding: 0;
	}	

div.unavailable-items
	{
	margin: 20px 12px;
	display: inline;
	border: 1px solid #BFCCD2;
	text-align: center;
	font-weight: bold;
	float: left;
	background:#fff url(../images/structure/gradient-menu-options-unavailable-div-body.gif) repeat-x 0 23px;
	}

div.unavailable-items p
	{
	font-size: 18px;
	background: none;
	border: none;
	}

div.unavailable-items span
	{
	font-size: 25px;
	}	
	
div.unavailable-items h3
	{
	display: block;
	white-space: nowrap;
	padding: 4px 10px;
	background: #537C92 url(../images/structure/gradient-menu-options-unavailable.gif) repeat-x top left;
	font-size: 14px;
	color: #fff;
	}
	
table.order-pending div.unavailable-items
	{
	margin: 5px 12px;
	}
		
table.order-pending td.bg-diagonal-hatch-orange
	{
	background: url(../images/structure/bg-diagonal-hatch-orange.gif) repeat left top;
	}  	

table.order-pending div.unavailable-items h3
	{
	background: #D83D3B url(../images/structure/gradient-table-order-pending-unavailable-items-h3.gif) repeat-x top left;
	}
		  	

	
/****** 22) 	RATING
****************************************************/


div.slider-bar
	{
	width:11px;
	height:27px;
	background: url(../images/structure/gradient-rating-slider-bg.gif) no-repeat top left;
	cursor:move;
	position: absolute;
	top: -5px;
	}

div.track
	{
	width:235px;
	background: #FFEEC0 url(../images/structure/bg-rating-bar.gif) no-repeat left top; 
	height:18px;
	position: relative;
	margin: 20px 0 20px 155px;
	}

div.rating-bar-background
	{
	background: #F9C778 url(../images/structure/bg-rating-bar.gif) no-repeat left top; 
	width: 0px; 
	height: 18px; 
	position: absolute;
	}

div.rating-result
	{
	margin-top: 20px;
	left: 250px;
	top: -21px;
	font-size: 11px;
	width: 15px;
	font-weight: bold;
	border: 1px solid #ddd;
	position: absolute;
	padding: 2px 5px;
	}

p.label
	{
	float: left;
	width: 135px;
	color: #598F0F;
	text-align: right;
	clear: left;
	}

h3.rating-explanation
	{
	color: #598F0F;
	background: url(../images/structure/h3-bg-rating-stars.gif) no-repeat left top;
	border: solid #F3A131;
	border-width: 2px 0;
	margin-bottom: 20px;
	font-size: 11px;
	padding: 18px 0 3px 10px;
	}
	
div.rating-container
 	{
 	border: solid #D4DFDE;
 	border-width: 0 1px 1px 1px;
 	}

p.rating-information
	{
	background-color:#FFEEC0;
	margin: 0;
	padding: 10px;
	color: #000;
	}


p.rating-information span
	{
	color: #D13535;
	}

div.comment-box
	{
	background-color: #FEFFE1;
	border: solid;
	border-width: 2px 0 1px;
	border-color:  #F3A131 #D4DFDE;
	}

div.comment-box h4,
div.comment-box textarea,
div.comment-box p
	{
	padding: 10px;
	font-size: 11px; 
	margin: 0;
	}	

div.comment-box textarea
	{
	width: 37.5em;
	padding: 0.25em; 
	font-family: arial, sans-serif;
	height: 100px;
	border: 1px solid #CAD7DD;
	}

	
div.comment-box p
	{
	color: #666;
	}
	
	
/****** 23) 	LEFT NAVIGATION
****************************************************/	

#static-pages #content
	{
	float: right;
	padding: 0;
	margin-right: 25px;	
	}

#static-pages #account-detail-column
	{
	float: left;
	display:inline;
	margin: 0;
	padding: 0 0 0 10px;
	}

#static-pages #account-detail-column h3 
	{ 
	background: url(../images/structure/image-background-dark-green.gif) no-repeat left top; 
	padding: 6px 0 5px 15px; 
	font-size: 11px;
	display: block; 	
	color: #fff; 
	text-decoration: none; 
	}

#static-pages #account-detail-column ul
	{
	list-style: none;
	padding: 0 15px 15px 15px;
	}


#static-pages #account-detail-column li
	{
	padding: 8px 8px 8px 25px;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #D0E0A2;
	background: url(../images/structure/icon-static-page-ul-li.gif) no-repeat 0 8px;
	}

#static-pages #account-detail-column li.last
	{
	color: #1C5909;
	border: none;
	background: none;
	}

#static-pages #content div.light-grey-rounded
	{
	background: #E8EDE6 url(../images/structure/bg-static-pages-light-grey-rounded-top.gif) no-repeat left top;
	margin: 10px 10px 20px 10px;
	padding-top: 8px;
	width: 419px;
	}
	
#static-pages #content div.light-grey-rounded span.rounded-bottom
	{
	background: url(../images/structure/bg-static-pages-light-grey-rounded-bottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
	display: block;
	}

#static-pages #content div.light-grey-rounded h3
	{
	color: #fff;
	background: url(../images/structure/bg-static-pages-light-grey-h3.gif) no-repeat left top;
	padding: 5px 5px 5px 15px;
	font-size: 13px;
	margin: 0 0 0 10px;
	}

#static-pages #content div.light-grey-rounded h4
	{
	padding: 16px 5px 0 55px;
	font-size: 11px;
	margin: 0;
	}
		
#static-pages #content ul
	{
	list-style: none;
	padding: 20px 5px 0 55px;
	}

#static-pages #content ul li
	{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 8px 5px 8px 40px;
	margin-bottom: 5px;
	}
	
#static-pages #content ul li.first
	{
	background: url(../images/structure/bg-light-grey-ul-li-first.gif) no-repeat left top;
	}
#static-pages #content ul li.second
	{
	background: url(../images/structure/bg-light-grey-ul-li-second.gif) no-repeat left top;
	}
#static-pages #content ul li.third
	{
	background: url(../images/structure/bg-light-grey-ul-li-third.gif) no-repeat left top;
	}
#static-pages #content ul li.fourth
	{
	background: url(../images/structure/bg-light-grey-ul-li-fourth.gif) no-repeat left top;
	}
#static-pages #content ul li.fifth
	{
	background: url(../images/structure/bg-light-grey-ul-li-fifth.gif) no-repeat left top;
	}
		
#static-pages #content h3.nn
	{
	font-size: 14px;
	color: #3F780F;
	padding: 10px 0 0 10px;
	margin: 0;
	}
	
#static-pages #content h3.nn span
	{
	color: #000;
	}

	
/****** 24) 	BLOCKQUOTES
****************************************************/	


#static-pages #content blockquote
	{
	padding: 10px;
	color: #3D780E;
	font-size: 16px;
	font-weight: bold;
	}

	
#static-pages #content p
	{
	padding: 0 10px;
	}

/****** 25) 	ROUNDED LIGHT GREY
****************************************************/	



#static-pages #content fieldset
	{
	width: 300px;
	padding: 20px 0 0 40px;
	}

#static-pages #content label,
#static-pages #content input,
#static-pages #content textarea
	{
	display: block;
	padding: 2px;
	float: left;
	margin-bottom: 10px;
	}

#static-pages #content label
	{
	font-size: 11px;
	padding-left: 20px;
	width: 110px;
	}
	
#static-pages #content input,
#static-pages #content textarea
	{
	width: 150px;
	border: solid 1px;
	border-color: #DBDDDC;
	}
	
#static-pages #content input.submit
	{
	width: auto;
	border: none;
	}
	
#static-pages #content textarea
	{
	width: 150px;
	}	

#static-pages #content br 
	{
	clear: left;
	}

em.red
	{
	color: #E50F11;
	}


#static-pages #content dl
	{
	padding: 5px 10px;
	width: 399px;
	}


#static-pages #content dt
	{
	font-size: 13px;
	color: #fff;
	padding: 10px 0 10px 50px;
	margin: 0;
	display: block;	
	background: #AFCB57 url(../images/structure/icon-question.gif) no-repeat left top;
	}
	
#static-pages #content dt.bottom,
#static-pages #content dd.bottom
	{
	display: block;
	height: 5px;
	width: 399px;
	padding: 0;
	margin-bottom: 6px;
	background: #AFCB57 url(../images/structure/icon-question-bottom.gif) no-repeat left bottom;
	}

#static-pages #content dd
	{
	padding: 10px 10px 10px 50px;	
	font-size: 11px;
	display: block;	
	background: #fff url(../images/structure/icon-answer.gif) no-repeat left top;
	}
	
#static-pages #content dd.bottom
	{
	background: #fff url(../images/structure/icon-answer-bottom.gif) no-repeat left bottom;
	}
	
#static-pages #content dd ol
	{
	padding: 10px 20px;	
	}

#static-pages #content ul.no-links 
	{
	padding: 10px 30px;
	list-style: disc;
	}
	
#static-pages #content ul.no-links li
	{
	font-size: 11px;
	color: #000;
	font-weight: normal;
	padding: 2px 10px;
	}


h2.h2-page-orange
	{
	background: #fff url(../images/structure/h2-page-orange.jpg) no-repeat left top;
	margin: 12px 0 0 10px; padding: 8px 10px;
	}
h2.h2-page-green
	{
	background: #fff url(../images/structure/h2-page-green.gif) no-repeat left top;
	margin: 12px 0 0 10px; padding: 8px 10px;
	}
h2.h2-page-black
	{
	background: #fff url(../images/structure/h2-page-black.jpg) no-repeat left top;
	margin: 12px 0 0 10px; padding: 8px 10px;
	}