
/********************************
	General
********************************/
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #b5d68c;
	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #28323c;
	text-align: center;
}
html {
	height: 100%;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
img {
	border: none;
}
a {
	color: #b32017;
	outline: none;
}
a:hover {
	color: #b32017;
	text-decoration: none;
}
h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 15px;
}
div#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
div.left {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 100%;
	background: url('../images/softlaunch/bg_left.jpg') no-repeat right -300px;
}
div.right {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 49%;
	height: 100%;
	background: url('../images/softlaunch/bg_right.jpg') no-repeat left -300px;
	text-align: left;
}
div#errors {
	margin: 10px 0 20px 0;
	padding: 15px;
	width: 228px;
	color: #323c46;
	font-size: 1em;
	background: url('../images/softlaunch/bg_error.png') no-repeat left bottom;
}
div#errors h1 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #323c46;
	font-weight: bold;
	font-size: 1em;
}
div#errors ol {
	margin: 0;
	padding: 0 0 0 20px;
}
div#errors ol li {
	margin: 0;
	padding: 3px 0;
}
div.download {
	margin: 0 0 15px 0;
	width: 310px;
	text-align: center;
}
div.content_area {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 970px;
	text-align: left;
	color: #46505a;
/*	border: solid 1px gray;*/
}
div.form_error {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #b22425;
}
img.thank_you {
	float: right;
	margin: 25px 0 0 0;
}

/********************************
	Messaging
********************************/
div.message {
	margin: 0 0 15px 0;
	padding: 20px 15px 20px 45px;
	border: solid 1px #b22425;
	font-size: 1.2em;
	color: #3c4650;
}
div.error {
	background: #eae8e5 url('../images/error_exclamation.png') no-repeat 10px 15px;
}
div.comment {
	background: #eae8e5 url('../images/message.png') no-repeat 10px 15px;
}

/********************************
	Front Page
********************************/
div.front_container {
	margin: 50px 0 0 30px;
	width: 335px;
	font-size: 1.3em;
	opacity: .99;
	text-align: left;
}
* html div.front_container {
	width: 345px;
}
div.front_container img.headline {
	margin: 0 0 15px 0;
}
div.front_container p {
	margin: 10px 0;
	line-height: 1.6em;
}
div.front_container div.getstarted {
	margin: 20px 0 0 0;
	text-align: right;
}
div.front_container div.buttons a.but_goodfood {
	float: left;
	display: block;
	margin: 0 2px;
	padding: 0;
	width: 163px;
	height: 56px;
	background: url('../images/but_goodfood-1.png') no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}
* html div.front_container div.buttons a.but_goodfood {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/but_goodfood-1.png' ,sizingMethod='scale');
}
div.front_container div.buttons a.but_goodfood:hover {
	background: url('../images/but_goodfood-2.png') no-repeat left top;
}
* html div.front_container div.buttons a.but_goodfood:hover {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/but_goodfood-2.png' ,sizingMethod='scale');
}
div.front_container div.buttons a.but_goodcause {
	float: left;
	display: block;
	margin: 0 2px;
	padding: 0;
	width: 163px;
	height: 56px;
	background: url('../images/but_goodcause-1.png') no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}
* html div.front_container div.buttons a.but_goodcause {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/but_goodcause-1.png' ,sizingMethod='scale');
}
div.front_container div.buttons a.but_goodcause:hover {
	background: url('../images/but_goodcause-2.png') no-repeat left top;
}
* html div.front_container div.buttons a.but_goodcause:hover {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/but_goodcause-2.png' ,sizingMethod='scale');
}
div.front_container div.buttons {
	margin: 0 auto;
	padding: 15px 0 0 0;
}

/********************************
	Tabs
********************************/
ul.tab_menu {
	/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;	
}
ul.tab_menu{
	display: table;
}
ul.tab_menu>li{
	display: table-cell;
	position: relative;
	padding: 0px;
	width:165px;
	height:45px;
	background: url('../images/tab_bg-1.gif') no-repeat;
	font-size:1.5em;
	font-weight:bold;
	#color:#2b363f;
	text-align:center;
	
}
ul.tab_menu>li span.link {
	position:relative;
	top:10px;
}
ul.tab_menu>li.selected{
	background: url('../images/tab_bg-2.gif') no-repeat;
}
ul.tab_menu a {
	color: #2b363f;
	text-decoration: none;
}
/********************************
	Order Page
********************************/
div.form_container {
	margin: 50px 0 0 30px;
	width: 310px;
	font-size: 1.2em;
	opacity: .99;
	text-align: left;
}
div.form_container img.headline {
	margin: 0 0 15px 0;
}
div.form_container p {
	margin: 10px 0;
	line-height: 1.5em;
}
ul.order_form {
	margin: 0;
	padding: 0;
	width: 260px;
	list-style: none;
}
ul.order_form li {
	margin: 0;
	padding: 0 0 10px 0;
}
ul.order_form li#calendar_field {
	overflow: hidden;
}
ul.order_form li.buttons {
	padding-top: 15px;
	text-align: right;
}
ul.order_form li label {
	display: block;
	margin: 0;
	padding: 0 0 4px 0;
	font-weight: bold;
}
ul.order_form li input.input_text {
	margin: 0;
	padding: 4px;
	width: 250px;
	border-left: solid 1px #666;
	border-top: solid 1px #666;
	border-right: none;
	border-bottom: none;
	background-color: #FFF;
	font-size: 1.1em;
	color: #404040;
}
ul.order_form li input.date_field {
	width: 220px;
}
div.form_container div.getstarted {
	text-align: right;
}
table#calendar_table {
	margin: 10px auto;
	font-size: 11px;
	border: solid 1px #8dae6e;
	-moz-border-radius: 5px;
}
table#calendar_table th {
	margin: 0;
	padding: 2px 0;
	font-size: 1.1em;
	text-align: center;
	vertical-align: middle;
}
table#calendar_table td {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
}
table#calendar_table td.weekday {
	height: 16px;
	border-top: solid 1px #8dae6e;
	border-bottom: solid 1px #8dae6e;
}
table#calendar_table a {
	display: block;
	padding: 4px 0 0 0;
	width: 24px;
	height: 20px;
	color: #c3e39a;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url('../images/softlaunch/calendar_link.gif') no-repeat;
}
table#calendar_table a:hover {
	color: #323c46;
	font-weight: bold;
	text-decoration: none;
	background: url('../images/softlaunch/calendar_hover.gif') no-repeat;
}
ul.order_form li a.calendar_link {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	background: url('../images/softlaunch/calendar.png') no-repeat;
}
ul.order_form li#calendar_container {
	overflow: hidden;
	padding: 0;
	height: 0;
}
p.delivery_details {
	font-size: 10px;
}
a.calendar {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	background: url('../images/calendar.png') left top no-repeat;
}

/********************************
	Reporting
********************************/
div#reporting {
	margin: 0;
	padding: 30px;
}
div#reporting h1 {
	margin: 0;
	padding: 0;
	font-size: 2.4em;
	color: #6f865a;
}
div#reporting h2 {
	margin: 30px 0 0 0;
	padding: 0 0 5px 0;
	font-size: 1.5em;
	color: #28323c;
	border-bottom: solid 1px #28323c;
}
div#reporting form {
	margin: 0;
	padding: 0;
}
div#reporting div.email_form {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	color: #6f865a;
}
div#reporting div.email_form input.input_text {
	margin: 0 10px 0 0;
	padding: 2px;
	font-size: 1.1em;
	color: #28323c;
}
input.input_submit {
	padding: 2px;
	font-size: 1.2em;
	color: #28323c;
}
div#reporting div.message {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.3em;
	color: #b32017;
}

/********************************
	Masthead
********************************/
div.masthead {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 88px;
}
div.user_info {
	position: absolute;
	top: -70px;
	right: 6px;
	margin: 0;
	padding: 17px 10px 0 20px;
	width: 196px;
	height: 137px;
	background: url('../images/bg_user_info.gif') no-repeat left top;
	font-size: 1.1em;
	font-weight: bold;
	color: #3c4650;
/*	border: solid 1px brown;*/
	z-index: 1;
}
* html div.user_info {
}
div.user_info div.user_nav {
	margin: 5px 0 20px 0;
	padding: 0;
	font-weight: normal;
}
div.user_info div.user_nav a {
	color: #b14637;
	text-decoration: underline;
}
div.user_info div.user_nav a:hover {
	color: #b14637;
	text-decoration: none;
}
div.masthead div.buttons {
	position: absolute;
	top: 5px;
	right: 270px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	height: 56px;
}
div.masthead div.buttons a.but_goodfood {
	float: left;
	display: block;
	margin: 0 2px;
	padding: 0;
	width: 163px;
	height: 56px;
	background: url('../images/but_goodfood-1.png') no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}
* html div.masthead div.buttons a.but_goodfood {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/but_goodfood-1.png' ,sizingMethod='scale');
}
div.masthead div.buttons a.but_goodfood:hover, div.masthead div.buttons a.but_goodfood_selected {
	float: left;
	display: block;
	margin: 0 2px;
	padding: 0;
	width: 163px;
	height: 56px;
	background: url('../images/but_goodfood-2.png') no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}
* html div.masthead div.buttons a.but_goodfood:hover, * html div.masthead div.buttons a.but_goodfood_selected {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/but_goodfood-2.png' ,sizingMethod='scale');
}
div.masthead div.buttons a.but_goodcause {
	float: left;
	display: block;
	margin: 0 2px;
	padding: 0;
	width: 163px;
	height: 56px;
	background: url('../images/but_goodcause-1.png') no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}
* html div.masthead div.buttons a.but_goodcause {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/but_goodcause-1.png' ,sizingMethod='scale');
}
div.masthead div.buttons a.but_goodcause:hover, div.masthead div.buttons a.but_goodcause_selected {
	float: left;
	display: block;
	margin: 0 2px;
	padding: 0;
	width: 163px;
	height: 56px;
	background: url('../images/but_goodcause-2.png') no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}
* html div.masthead div.buttons a.but_goodcause:hover, * html div.masthead div.buttons a.but_goodcause_selected {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/but_goodcause-2.png' ,sizingMethod='scale');
}


/********************************
	Banner
********************************/
div.banner {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 103px;
	background: url('../images/bg_banner.gif') repeat-x center top;
	text-align: center;
}
div.banner div.logo {
	position: absolute;
	top: -61px;
	left: 24px;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 201px;
	background: url('../images/logo-2.png') no-repeat left top;
}
div.banner div.logo a {
	display: block;
	width: 160px;
	height: 201px;
	text-indent: -9999px;
}
* html div.banner div.logo {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png' ,sizingMethod='scale');
}
div.banner img.headline {
	position: absolute;
	top: 47px;
	left: 254px;
}
div.banner img.delivery_bug {
	position: absolute;
	top: 17px;
	right: 22px;
}

/********************************
	Body Content
********************************/
div.body_content {
	margin: 0;
	padding: 40px 0 10px 0;
	width: 100%;
	text-align: center;
	background: #f4f2ef url('../images/bg_content.gif') repeat-x left bottom;
}

/********************************
	Main menu
********************************/
div.main_menu {
	float: left;
	margin: 15px 30px 0 0;
	padding: 0;
	width: 225px;
	height: 355px;
	background: url('../images/bg_main_menu.jpg') no-repeat left top;
}
div.main_menu ul {
	margin: 30px 0 0 32px;
	padding: 0;
	width: 171px;
	list-style: none;
}
div.main_menu ul li {
	margin: 0;
	padding: 3px 0;
	width: 171px;
}
div.main_menu ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 171px;
	text-indent: -9999px;
}
div.main_menu ul li a.menu {
	height: 17px;
	background: url('../images/menu_menu-1.gif') no-repeat left top;
}
div.main_menu ul li a.menu:hover, div.main_menu ul li a.menu_selected {
	height: 17px;
	background: url('../images/menu_menu-2.gif') no-repeat left top;
}
div.main_menu ul li a.sandwiches {
	height: 17px;
	background: url('../images/menu_sandwiches-1.gif') no-repeat left top;
}
div.main_menu ul li a.sandwiches:hover, div.main_menu ul li a.sandwiches_selected {
	height: 17px;
	background: url('../images/menu_sandwiches-2.gif') no-repeat left top;
}
div.main_menu ul li a.salads {
	height: 18px;
	background: url('../images/menu_salads-1.gif') no-repeat left top;
}
div.main_menu ul li a.salads:hover, div.main_menu ul li a.salads_selected {
	height: 18px;
	background: url('../images/menu_salads-2.gif') no-repeat left top;
}
div.main_menu ul li a.beverages {
	height: 25px;
	background: url('../images/menu_beverages-1.gif') no-repeat left top;
}
div.main_menu ul li a.beverages:hover, div.main_menu ul li a.beverages_selected {
	height: 25px;
	background: url('../images/menu_beverages-2.gif') no-repeat left top;
}
div.main_menu ul li a.howitworks {
	height: 18px;
	background: url('../images/menu_howitworks-1.gif') no-repeat left top;
}
div.main_menu ul li a.howitworks:hover, div.main_menu ul li a.howitworks_selected {
	height: 18px;
	background: url('../images/menu_howitworks-2.gif') no-repeat left top;
}
div.main_menu ul li a.callitin {
	height: 17px;
	background: url('../images/menu_callitin-1.gif') no-repeat left top;
}
div.main_menu ul li a.callitin:hover, div.main_menu ul li a.callitin_selected {
	height: 17px;
	background: url('../images/menu_callitin-2.gif') no-repeat left top;
}
div.main_menu ul li a.faxitin {
	height: 16px;
	background: url('../images/menu_faxitin-1.gif') no-repeat left top;
}
div.main_menu ul li a.faxitin:hover, div.main_menu ul li a.faxitin_selected {
	height: 16px;
	background: url('../images/menu_faxitin-2.gif') no-repeat left top;
}
div.main_menu ul li a.orderonline {
	height: 17px;
	background: url('../images/menu_orderonline-1.gif') no-repeat left top;
}
div.main_menu ul li a.orderonline:hover, div.main_menu ul li a.orderonline_selected {
	height: 17px;
	background: url('../images/menu_orderonline-2.gif') no-repeat left top;
}
div.main_menu ul li a.aboutus {
	height: 17px;
	background: url('../images/menu_aboutus-1.gif') no-repeat left top;
}
div.main_menu ul li a.aboutus:hover, div.main_menu ul li a.aboutus_selected {
	height: 17px;
	background: url('../images/menu_aboutus-2.gif') no-repeat left top;
}
div.main_menu ul li a.successstories {
	height: 17px;
	background: url('../images/menu_successstories-1.gif') no-repeat left top;
}
div.main_menu ul li a.successstories:hover, div.main_menu ul li a.successstories_selected {
	height: 17px;
	background: url('../images/menu_successstories-2.gif') no-repeat left top;
}
div.main_menu ul li a.contactus {
	height: 17px;
	background: url('../images/menu_contactus-1.gif') no-repeat left top;
}
div.main_menu ul li a.contactus:hover, div.main_menu ul li a.contactus_selected {
	height: 17px;
	background: url('../images/menu_contactus-2.gif') no-repeat left top;
}
div.main_menu ul li a.thebasics {
	height: 16px;
	background: url('../images/menu_thebasics-1.gif') no-repeat left top;
}
div.main_menu ul li a.thebasics:hover, div.main_menu ul li a.thebasics_selected {
	height: 16px;
	background: url('../images/menu_thebasics-2.gif') no-repeat left top;
}
div.main_menu ul li a.deliveryarea {
	height: 24px;
	background: url('../images/menu_deliveryarea-1.gif') no-repeat left top;
}
div.main_menu ul li a.deliveryarea:hover, div.main_menu ul li a.deliveryarea_selected {
	height: 24px;
	background: url('../images/menu_deliveryarea-2.gif') no-repeat left top;
}
div.main_menu ul li a.localsuppliers {
	height: 21px;
	background: url('../images/menu_localsuppliers-1.gif') no-repeat left top;
}
div.main_menu ul li a.localsuppliers:hover, div.main_menu ul li a.localsuppliers_selected {
	height: 21px;
	background: url('../images/menu_localsuppliers-2.gif') no-repeat left top;
}

/********************************
	Center content
********************************/
div.center_content {
	float: left;
	margin: 0 30px 30px 0;
	padding: 0;
	width: 460px;
}
div.center_content p {
	margin: 0;
	padding: 14px 0 0 0;
	font-size: 1.3em;
	line-height: 1.6em;
}
div.wide {
	margin-left: 255px;
}
* html div.wide {
	margin-left: 128px;
}
div.center_content img.hdr {
	margin: 0 0 10px 0;
}
div.map {
	margin: 0 0 30px 0;
	width: 700px;
	height: 552px;
	background: url('../images/map_large.jpg') no-repeat right top;
}
div.map p {
	width: 150px;
}


/********************************
	Sidebar
********************************/
div.sidebar {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 223px;
}
div.sidebar img.bug_box {
	margin: 25px 0 0 0;
}
div.sidebar h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	color: #b32017;
}
div.sidebar p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.1em;
}

/********************************
	Suppliers
********************************/
div.suppliers {
	clear: left;
	margin: 0 0 0 255px;
	padding: 15px 0;
	border-top: solid 1px #acb2b8;
}
div.suppliers p {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1em;
}
div.suppliers div.supplier_logos {
	float: right;
}
div.suppliers div.supplier_logos img {
	margin: 0 10px 0 0;
}
div.suppliers div.supplier_logos img.last {
	margin: 0;
}

/********************************
	Footer
********************************/
div.footer {
	margin: 0;
	padding: 10px 0 35px 0;
	width: 100%;
	text-align: center;
	color: #FF00FF;
}
div.footer div.content_area p {
	color: #46505A;
	margin: 0 0 5px 0;
}
div.footer div.content_area {
	color: #6f9064;
}
div.footer div.footer_nav {
	float: right;
	margin: 0;
	padding: 0;
}
div.footer div.footer_nav a {
	color: #6f9064;
	text-decoration: underline;
}
div.footer div.footer_nav a:hover {
	color: #6f9064;
	text-decoration: none;
}
div.footer div.footer_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.footer div.footer_nav ul li {
	display: inline;
	margin: 0;
	padding: 0 5px;
	border-right: solid 1px #829768;
}
div.footer div.footer_nav ul li.last {
	border-right: none;
}

/********************************
	Good Food
********************************/
div.interior {
	background: url('../images/bg_rays.jpg') no-repeat center top;
}

/********************************
	Login form
********************************/
div.form_login {
}
div.form_login ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.form_login ul li {
	margin: 0;
	padding: 8px 0;
}
div.form_login label {
	display: block;
	padding: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #3c4650;
}
div.form_login label span {
	font-size: 11px;
	font-weight: normal;
	color: #3c4650;
}
div.form_login fieldset {
	position: relative;
	margin: 10px 0;
	padding: 5px 15px 10px 15px;
	width: 340px;
	border: solid 1px #acb2b8;
	background-color: #f5f5d9;
}
div.form_login fieldset legend {
	margin: 0;
	padding: 0 5px;
	font-size: 1.2em;
}
div.form_login fieldset ul li {
	padding: 5px 0;
}
div.form_login fieldset div.form_error {
	font-size: 10px;
}
div.form_login input.input_text {
	margin: 0;
	padding: 4px;
	width: 250px;
	background-color: #FFF;
	border: solid 1px #a0aab4;
	font: 1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
div.form_ordercomplete input.input_text {
	width: 200px;
}
div.form_login select.input_select {
	margin: 0;
	padding: 4px;
	width: 260px;
	background-color: #FFF;
	border: solid 1px #a0aab4;
	font: 1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
div.form_login select.small {
	width: 80px;
}
div.form_login .input_textarea {
	margin: 0;
	padding: 4px;
	width: 400px;
	height: 100px;
	background-color: #FFF;
	border: solid 1px #a0aab4;
	font: 1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
div.form_login span.note {
	display: block;
	margin: 4px 0 0 0;
	font-size: 1.2em;
}

/********************************
	Profile
********************************/
ul.profile {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.profile li {
	margin: 0;
	padding: 5px 0;
	font-size: 1.3em;
}
ul.profile li span {
	font-weight: bold;
	color: #3c4650;
}



/********************************
	Tables Data View
********************************/
table.data_view {
	width:100%;
}
table.data_view th {
	padding:4px;
	font-size:1.2em;
}
table.data_view tr {
	background:none;
	font-size:1.2em;
}
table.data_view tr.header {
	padding:4px;
	background:none;
	font-size:1em;
}
table.data_view tr.alt {
/*	background:#e8e4dd;*/
	font-size:1.2em;
	background: url('../images/alt_row.jpg') no-repeat left bottom;
}
table.data_view td {
	padding:4px;
}

/********************************
	Center Order Form
********************************/
div.center_order_form {
	float: left;
	margin: 0 30px 30px 0;
	padding: 0;
	width: 400px;
}
* html div.center_order_form {
	margin: 0 0 30px 0;
	padding: 0;
	width: 400px;
}
ul#center_order_form li input.input_text {
	margin: 0;
	padding: 4px;
	width: 190px;
	background-color: #FFF;
	border: solid 1px #a0aab4;
	font: 1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
ul#center_order_form li label {
	display: block;
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 1.2em;
	color: #333;
}
ul#center_order_form li {
	margin: 0;
	padding: 0 0 12px 0;
	list-style: none;
/*	overflow: hidden;*/
}
div.center_order_form select.input_select {
	margin: 0;
	padding: 4px;
	width: 260px;
	background-color: #FFF;
	border: solid 1px #a0aab4;
	font: 1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}

/********************************
	Place Order
********************************/
ul#place_order {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#place_order li {
	margin: 0;
	padding: 0 0 12px 0;
	list-style: none;
	background: url('../images/sep_place_order.gif') no-repeat 30px bottom;
/*	overflow: hidden;*/
}
ul#place_order li h1 {
	clear: left;
	margin: 0;
	padding: 12px 0 0 30px;
	font-size: 1.5em;
	font-weight: bold;
	color: #3c4650;
	cursor: default;
}
ul#place_order li h1 span {
	font-size: 11px;
	font-weight: normal;
}
ul#place_order li h1.one {
	background: url('../images/step_1.gif') no-repeat left bottom;
}
ul#place_order li h1.two {
	background: url('../images/step_2.gif') no-repeat left bottom;
}
ul#place_order li h1.three {
	background: url('../images/step_3.gif') no-repeat left bottom;
}
ul#place_order li h1.four {
	background: url('../images/step_4.gif') no-repeat left bottom;
}
ul#place_order li h1.five {
	background: url('../images/step_5.gif') no-repeat left bottom;
}
ul#place_order li h1.six {
	background: url('../images/step_6.gif') no-repeat left bottom;
}
ul#place_order li h1.seven {
	background: url('../images/step_7.gif') no-repeat left bottom;
}
ul#place_order li div#menu_content {
}
ul#place_order li div.step_content {
	margin: 0 0 0 30px;
	padding: 0;
	font-size: 1em;
}
ul#place_order li div.step_content_pad {
	padding: 0 0 15px 0;
}
ul#place_order li input.input_text {
	margin: 0;
	padding: 4px;
	width: 190px;
	background-color: #FFF;
	border: solid 1px #a0aab4;
	font: 1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
ul#place_order li .input_textarea {
	margin: 0;
	padding: 4px;
	width: 358px;
	height: 100px;
	background-color: #FFF;
	border: solid 1px #a0aab4;
	font: 1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
}
ul#place_order li div#menu_holder {
}
ul#place_order li div.menu {
	margin: 0;
	padding: 0;
	width: 370px;
	text-align: left;
}
ul#place_order li div.menu ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #c9c7c4;
}
ul#place_order li div.menu ul li {
	margin: 0;
	padding: 3px 15px 10px 50px;
	border-bottom: solid 1px #c9c7c4;
	cursor: pointer;
}
ul#place_order li div.menu ul li.check {
	background: #eceae7 url('../images/place_order_check-1.png') no-repeat 13px center;
}
* html ul#place_order li div.menu ul li.check {
	background-image: none;
	background-color: #eceae7;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/place_order_check-1.png' ,sizingMethod='scale');
}
ul#place_order li div.menu ul li.selected {
	background: #eceae7 url('../images/place_order_check-2.png') no-repeat 13px center;
}
* html ul#place_order li div.menu ul li.selected {
	background-image: none;
	background-color: #eceae7;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/place_order_check-2.png' ,sizingMethod='scale');
}
ul#place_order li div.menu ul li h2 {
	margin: 0;
	padding: 5px 0;
	font-size: 1.2em;
}
ul#place_order li div.menu ul li div.price {
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
}
ul#place_order li div.menu ul li p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #646e78;
}
ul#place_order li div.step_content img.back {
	margin: 10px 0 0 0;
}
ul#place_order li div.step_content img.next {
	float: right;
	margin: 10px 0 0 0;
}
ul#place_order li div.step_content p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
ul#place_order li div.step_content div.form_left {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 210px;
}
ul#place_order li div.step_content div.form_left label {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	color: #333;
}
ul#place_order li div.step_content div.form_left label input {
	margin: 0 5px 0 0;
	padding: 0;
}
ul#place_order li div.step_content h3 {
	clear: left;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #3c4650;
}
ul#place_order li div.small ul li {
	padding: 2px 15px 5px 50px;
}
ul#place_order li div.small ul li h2 {
	margin: 0;
	padding: 3px 0;
	font-size: 1.1em;
}
ul#place_order li div.small ul li h2 span {
	font-weight: normal;
}
ul#place_order li div.small ul li div.price {
	font-size: 1em;
}
div.order_buttons {
	margin: 0;
	padding: 15px;
	text-align: center;
	font-size: 1.1em;
}

/********************************
	Order List
********************************/
div#order_list {
	float: left;
/*	position: fixed;
	left: 600px;*/
	margin: 0;
	padding: 0 0 10px 0;
	width: 283px;
	background: url('../images/bg_order_list.jpg') no-repeat left bottom;
}
* html div#order_list {
	padding: 0 0 10px 0;
	width: 283px;
}
div.ajax-loading {
	height: 220px;
	background: url('../images/loading.gif') no-repeat center center;
}
ul.order_list {
	margin: 0 4px 0 4px;
	padding: 0;
	border-top: solid 1px #787878;
	background-color: #bddeb4;
	list-style: none;
}
ul.order_list li {
	margin: 0;
	padding: 5px 10px;
	border-bottom: solid 1px #787878;
}
ul.order_list li h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	cursor: pointer;
}
ul.order_list li h2 span {
	font-weight: normal;
	font-size: 9px;
	color: #8bac82;
}
ul.order_list li div.number {
	float: left;
	margin: 0 6px 0 0;
	width: 10px;
	font-weight: bold;
	text-align: right;
}
ul.order_list li div.price {
	float: right;
	width: 55px;
	text-align: right;
}
ul.order_list li ul {
	margin: 5px 0 0 16px;
	padding: 3px 0;
	list-style: none;
	border-top: dotted 1px #99b88f;
	border-bottom: dotted 1px #99b88f;
}
ul.order_list li ul li {
	margin: 0;
	padding: 2px 0;
	border-bottom: none;
}
ul.order_list li ul li div.label {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	width: 60px;
	font-weight: bold;
}
ul.order_list li ul li div.description {
	float: left;
	margin: 0;
	padding: 0;
	width: 175px;
}
ul.order_list li div.order_content {
	overflow: hidden;
	height: 0;
	color: #596650;
}
div.order_content div.buttons {
	margin: 0 0 0 16px;
	padding: 6px 0 8px 0;
	text-align: right;
}
div.order_content div.buttons input.input_submit {
	padding: 1px;
	color: #3a444c;
	background-color: #f4f2ef;
	font-size: 1em;
	font-weight: bold;
	border: outset 1px #BBB;
}
div#order_list div.order_total {
	margin: 0;
	padding: 10px 0;
}
div#order_list div.order_total ul {
	margin: 0 4px;
	padding: 0;
	list-style: none;
}
div#order_list div.order_total ul li {
	margin: 0;
	padding: 1px 10px;
	font-size: 1em;
	text-align: right;
}
div#order_list div.order_total ul li.total {
	font-size: 1.3em;
	font-weight: bold;
}
div#order_list div.order_total ul li div.price {
	float: right;
	margin: 0 0 0 10px;
	width: 55px;
}
div#order_list div.order_total ul li.buttons {
	margin: 0;
	padding: 10px;
}

/********************************
	Complete Order: Orders
********************************/
ul.orders {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.orders li {
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 1px #acb2b8;
}
ul.orders li h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	cursor: pointer;
}
ul.orders li div.number {
	float: left;
	margin: 0 6px 0 0;
	width: 10px;
	font-weight: bold;
	text-align: right;
}
ul.orders li div.price {
	float: right;
	width: 55px;
	text-align: right;
}
ul.orders li ul {
	margin: 5px 0 0 16px;
	padding: 3px 0 0 0;
	list-style: none;
	border-top: dotted 1px #99b88f;
}
ul.orders li ul li {
	margin: 0;
	padding: 2px 0;
	border-bottom: none;
}
ul.orders li ul li div.label {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	width: 60px;
	font-weight: bold;
}
ul.orders li ul li div.description {
	float: left;
	margin: 0;
	padding: 0;
	width: 135px;
}
ul.orders li div.order_content {
	overflow: hidden;
	height: 0;
	color: #596650;
}
div.sidebar div.order_total {
	margin: 0;
	padding: 10px 0;
}
div.sidebar div.order_total ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.sidebar div.order_total ul li {
	margin: 0;
	padding: 1px 0;
	font-size: 1em;
	text-align: right;
}
div.sidebar div.order_total ul li.total {
	margin: 5px 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
}
div.sidebar div.order_total ul li div.price {
	float: right;
	margin: 0 0 0 10px;
	width: 55px;
}
div.sidebar div.order_total ul li.buttons {
	margin: 0;
	padding: 10px 0;
}

/********************************
	Menu section
********************************/
img.menu_hdr {
	margin: 20px 0 0 0;
}
div.menu {
	margin: 0;
	padding: 0;
}
div.menu h1 {
	margin: 5px 0;
	padding: 0;
	font-size: 1.3em;
}
div.menu p.info {
	margin: 0;
	padding: 5px 0 15px 0;
	font-size: 1.1em;
	line-height: 1.5em;
	background: url('../images/sep_place_order.gif') no-repeat left bottom;
}
div.menu_item {
	margin: 0;
	padding: 10px 0 0 0;
}
div.menu_item p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
div.menu_item div.price {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}

/*********************************
	Numbers
*********************************/
ul.numbered {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.numbered li {
	margin: 0;
	padding: 0 0 10px 25px;
	font-size: 1.3em;
	line-height: 1.5em;
}
ul.numbered li.one {
	background: url('../images/step_1.gif') no-repeat left top;
}
ul.numbered li.two {
	background: url('../images/step_2.gif') no-repeat left top;
}
ul.numbered li.three {
	background: url('../images/step_3.gif') no-repeat left top;
}
ul.numbered li.four {
	background: url('../images/step_4.gif') no-repeat left top;
}


a.pdf {
	display: block;
	margin: 15px 0 0 0;
	padding: 3px 0 0 30px;
	height: 21px;
	font-size: 1.4em;
	background: url('../images/pdf_icon.gif') no-repeat left center;
}


ul.suppliers {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.suppliers li {
	margin: 0;
	padding: 5px 0 5px 35px;
	font-size: 1.3em;
	background: url('../images/list_arrow.gif') no-repeat left 8px;
}







