body {
		background:#FFE584 url('images/wider-bg.jpg') no-repeat 50% 0;
		text-align:center;
		margin:0;
		padding:0;
		font-family:verdana;
		color:#000;
		font-size:11px;
		height:100%
		}
		
#bgcontainer  {
		width:100%;
		}
		
#container {
		height:100%;
		width:770px;
		position:static;
		}
		
/* ---[ links ]------------------------------- */

a {
		color:#003878;
		text-decoration:none;
		}
		
a:hover {
		text-decoration:underline;
		}
		
a.continue {
		font-size:11px;
		color:#000;
		text-decoration:underline;
		}		

a.switch {
		color:#203451;
		text-decoration:none;
		cursor : pointer;
		}
		
a.switch:hover {
		color:#754c24;
		text-decoration:none;
		cursor : pointer;
		}		
		

/* ---[ common elements ]--------------------- */

p {
		padding:0px 0 17px 0;
		margin:0;
		}
		
input, textarea {
		background: #fbfc85;
		font-size:11px;
		border:1px solid #AC986A;
		}
		
/* ---[ top ]------------------------------- */
#top {
		background: purple;
		width:760px;
		height:101px
		}

#nav_menu {
		background: green;
		height:80px;
		width:530px;
		float:left;
		text-align:left;
		padding:0 0 0 50px
		}
		
#lang {
		font-size:10px;
		padding:5px 0 10px 0;
		float:right;
		}
		
#lang select {
		font-size:10px;
		background-color:#FEE684;
		}		
		
#welcome {
		position:relative;
		top:15px;
		font-size:11px
		}	
		
.signout {
		font-size:10px
		}			
		
#p_label {
		width:120px;
		float:left;
		padding:10px 0 0 0
		}
		
#logo {
		background: black;
		height:81px;
		width:180px;
		float:left;
		}
				

#logo a {
		height:80px;
		width:180px;
		display: block;
		float:left;
		margin:0 20px 0 20px;
		}	


#logo a span {
		display: none;
	}				

	
/* ---[ main box ]-------------------------------- */

#main {
		background:red;
		clear:both;
		padding:0px 0 0 0;
		margin:0px 0 0 0;
		width:758px;
		background:red;
		border-bottom:1px solid #BBBBBB;
		height:395px
		}


/* ---[ columns ]-------------------------------- */


	
#menucol {
		position:relative;
		float:left;
		left:0px;
		top:0px;
		width:540px;
		margin:0px 0 0 0px;
		padding:0px 0px 0 0px;
		text-align:left;
		background:green;
		height:100%
		}
		
#mymealcol {
		position:relative;
		float:left;
		left:0px;
		top:0px;
		width:217px;
		margin:0px 0 0 0px;
		padding:0px 0px 0 0px;
		text-align:left;
		background:red;
		border-right:1px solid #BBBBBB;
		}		

		
#blurbcol {
		position:relative;
		float:right;
		right:0px;
		top:0px;
		width:128px;
		margin:20px 0px 0 0px;
		z-index:1;
		text-align:left;
		}
/* ---[ navbar ]-------------------------------- */	

#navbar {
		background: blue;
		width:100%;
		height:21px;
		clear:both
		}

#navbar ul {
		padding:0 0 0 0;
		margin: 0 0 0 0;
		font-weight:normal;
		}

#navbar li {
		color:#000;
		font-weight:normal;
		list-style-type:none;
		font-size:12px;
		line-height:18px;
		font-weight:normal;
		float:left;
		position:relative;
		padding-left: 5px
		
		
		}
			
#navbar ul li a {
		color:#000;
		text-decoration:none;
		display:block;
		background:url('images/nav_divider.jpg') no-repeat 0 0;
		height:20px;
		padding-top:7px;
		list-style: none;
        display: inline;
		font-weight:normal;
		}
		
#navbar ul li a.active {
		font-weight:bold;
		}		
			
#navbar ul li a:hover { 
		color:red
}		
/* ---[ menu1 ]-------------------------------- */	

#menu1 {
		background: #bd1122;
		width:100%;
		height:21px;
		clear:both;
		margin: 5px 0 10px 0;
		}

#menu1 ul {
		padding:0;
		margin:0;
		}

#menu1 ul li {
		color:#fff;
		font-weight:normal;
		list-style-type:none;
		font-size:11px;
		line-height:18px;
		font-weight:normal;
		float:left;
		position:relative;
		padding-left: 5px
		
		}
			
#menu1 ul li a {
		color:#fff;
		text-decoration:none;
		display:block;
		background:url('images/nav_divider.jpg') no-repeat 0 0;
		height:20px;
		padding-top:7px;
		list-style: none;
        display: inline;
		font-weight:normal;
		}
		
#menu1 ul li a.active {
		color:#fff;
		font-weight:bold;
		}	
		

				
			
#menu1 ul li a:hover { 
		color:#000
}		
		
/* ---[ menu2 ]-------------------------------- */	

#menu2 {
		background: #0557ad;
		width:100%;
		height:21px;
		clear:both
		}

#menu2 ul {
		padding:0;
		margin:0;
		}

#menu2 ul li {
		color:#fff;
		font-weight:normal;
		list-style-type:none;
		font-size:11px;
		line-height:18px;
		font-weight:normal;
		float:left;
		position:relative;
		padding-left: 5px
		
		}
			
#menu2 ul li a {
		color:#fff;
		text-decoration:none;
		display:block;
		background:url('images/nav_divider.jpg') no-repeat 0 0;
		height:20px;
		padding-top:7px;
		list-style: none;
        display: inline;
		font-weight:normal;
		}
		
#menu2 ul li a.active {
		color:#fff;
		font-weight:bold;
		}		
			
#menu2 ul li a:hover { 
	
		color:#FEE684
}		

/* ---[ menutitle ]-------------------------------- */	

#menutitle1 {
		background: red;
		width:200px;
		height:50px;
		clear:both;
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 0px 0px;
		/*z-index:1;
		position:absolute;
		top:110px;
		left:125px;*/
		}	
		
#menutitleReview		
		{
		background: red;
		width:200px;
		height:50px;
		clear:both;
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 0px 0px;
		/*z-index:1;
		position:absolute;
		top:110px;
		left:125px;*/
		}	
		
#menutitlecheckout		
		{
		clear:both;
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 0px 0px;
		/*z-index:1;
		position:absolute;
		top:110px;
		left:125px;*/
		}		
		
#menutitle2 {
		background: yellow;
		width:500px;
		height:5px;
		line-height:18px;
		float:left;
		font-weight:bold;
		font-size:13px;
		text-align:left;
		margin: 0px 0px 0px 0px;
		padding: 14px 0px 0px 0px;
		color:#bd1222;
		/*position:absolute;
		top:111px;
		left:295px*/
		}		
	
/* ---[ descriptiontitles ]-------------------------------- */	

#descriptiontitles, #descriptiontitlescheckout {
		bac kground:#fff;
		width:758px;
		height:70px;
		li ne-height:18px;
		clear:both;
		f loat:left;
		font-weight:bold;
		font-size:11px;
		text-align:left;
		margin: 0px 0px 0px 0px;
		pa dding: 45px 0px 5px 0px;
		border-bottom: 2px solid;
		z-index:5;
		position:absolute;
		top:100px
		}		
		
#descriptiontitles span.description {
		position:absolute;
		left: 88px;
		top:55px
		}
		
				

#descriptiontitles span.quantity {
		position:absolute;
		left: 267px;
		top:55px
		}					
			
#descriptiontitles span.type {
		position:absolute;
		left: 311px;
		top:55px
		}	

#descriptiontitles span.size {
		position:absolute;
		left: 354px;
		top:55px
		}	
		
#descriptiontitles span.price {
		position:absolute;
		left: 435px;
		top:55px
		}
		
#descriptiontitles span.add {
		position:absolute;
		left: 491px;
		top:55px
		}
		
#descriptiontitles span.mymeal {
		position:absolute;
		left: 535px;
		top:55px
		}	
	
#descriptiontitles span.mymeal span.mymeal_this {
		color:#bd1222;
		}		
		
#descriptiontitlescheckout span.description {
		position:absolute;
		left: 100px;
		top:55px
		}	
		
#descriptiontitlescheckout span.quantity {
		position:absolute;
		left: 291px;
		top:55px
		}					
			
#descriptiontitlescheckout span.type {
		position:absolute;
		left: 338px;
		top:55px
		}	

#descriptiontitlescheckout span.size {
		position:absolute;
		left: 384px;
		top:55px
		}	
		
#descriptiontitlescheckout span.price {
		position:absolute;
		left: 473px;
		top:55px
		}			
		
/* ---[ descriptiontable ]-------------------------------- */	
#descriptiontable, #mymealtable{
		background:none;
		}
		
#descriptiontable h1{
		color:#bd1222;
		font-size:16px;
		text-align:left;
		padding:20px 0 0 0;
		margin:0;
		background-color:#fff;
		}
		
#descriptiontable h2{
		color:#000;
		font-size:14px;
		text-align:left;
		padding:1px 0 1px 10px;
		margin:15px 0 5px 0;
		background-color:#bbb;
		display:block
		}	
		
#descriptiontable #total{
		color:#000;
		font-size:11px;
		text-align:right;
		padding:5px 0 15px 0;
		margin:0 5px 0 5px;
		background-color:#fff;
		/*border-bottom:1px solid #bbb;*/
		font-weight:bold
		}	
		
#descriptiontable #finaltotal{
		color:#000;
		font-size:14px;
		text-align:right;
		padding:5px 0 15px 0;
		margin:0 5px 0 5px;
		background-color:#fff;
		border-top:2px solid #bbb;
		font-weight:bold
		}						

#descriptiontable table, #mymealtable table{
		padding:0;
		margin:0;
		background-color:#fff;
		float:left;
		}
		
#mymealtable table{
		width:203px;
		/*width:223px;*/
		}		

#descriptiontable td {
		text-align:left;
		vertical-align:top;
		padding:5px 5px 5px 0;
		margin:20px;
		font-size:11px;
		}		

#mymealtable td {
		text-align:left;
		vertical-align:top;
		padding:3px;
		font-size:11px;
		}
		
#descriptiontable .num {
		width:29px;
		}			
		
#descriptiontable .pic{
		padding:5px 5px 5px 0
		}	

#descriptiontable .description{
		line-height:15px;
		width:200px
		}	
		
#descriptiontable .type{
		width:30px
		}		
		
#descriptiontable input.qty, #descriptiontable .qty, {
		width:25px
		}	
		
#descriptiontable input.update {
		float:left;
		background-color:#FEE684;
		}	
		
#descriptiontable input.checkout {
		background-color:#FEE684;
		}					
		
#descriptiontable .size{
		width:60px
		}		
		
#descriptiontable .price{
		width:70px;
		text-align:right
		}		
	
#descriptiontable .add{
		width:30px;
		text-align:center;
		}	
		
#descriptiontable .add img{
		padding-top:2px
		}		
		
#descriptiontable .add input{
		background:none;
		border:none;
		}		
		
#descriptiontable .add a{
		color:#bd1222;
		font-weight:bold
		}				
		
#descriptiontable .title{
		font-weight:bold;
		clear:left;
		color:#bd1222
		}		
		
#descriptiontable td.desc_line{
		height:1px;
		background:#BBBBBB;
		}	
		
.nis {
		font-family:arial;
		font-size:8px;
		padding-left:1px}	
		
#mymealtable td.desc_line{
		height:1px;
		padding:0
		}			
					
		
#mymealtable .quantity {
		width:13px;
		background-color:#D9D9D9;
		text-align:right
		}	

#mymealtable .price {
		width:40px;
		background-color:#D9D9D9;
		text-align:right
		}		
		
#mymealtable .description {
		wid th:90px;
		background-color:#F0F0F0;
		}		
		
#mymealcol {
		background:#fff;
		}
	
#mymeal_inner {		
	text-align:center;
	margin-top:5px	
		}
		
#mymeal_head {		
		 background-color:#bd1222;
		 color:#fff;
		 display:block;
		 margin-left:-10px;
		 height:27px;
		 line-height:27px;
		 padding-left:15px;
		 border-top:1px solid #BBBBBB;
		 border-bottom:1px solid #BBBBBB;
		 clear:both
		 }
		 
#mymeal_name {
		  float:left;
		  font-weight:bold
		  }
		  
#mymeal_head h1 {
		  float:left;
		  padding:0 0 0 20px;
		  font-weight:bold;
		  font-size:11px
		  }		  
		  
#mymeal_head_link {	   
		   float:right;
		   padding-right:10px;
		   color:#fff
		   }

#mymeal_head_link .mymeal_head{	   
		   font-size:9px;
		   font-weight:normal;
		   text-decoration:underline;
		   color:#fff
		   }		   
		   
#mymealcol select {
		margin:5px 0 5px 0;
		padding:0;
		font-size:11px
		}
		
#mymealcol select .active {
		background-color:#FEEB9E
		}		
		
#mymealcol input {
		width:140px;
		margin:5px 0 0 0px;
		padding:0;
		height:18px;
		line-height:18px
		}	
		
#mymealscroll {
		width:239px; 
		height:253px; 
		overflow:auto;
		}		

#mymealcol	#totalarea {
		height:20px;
		padding:8px 0 0 0;
		background-color:#bd1222;
		color:#fff;
		font-weight:bold;
		border-top:1px solid #BBBBBB;
		border-bottom:1px solid #BBBBBB
		}	
		
#mymealcol	#totalarea div.items{
		width:70px;
		float:left;
		bac kground:green
		}	
		
#mymealcol	#totalarea div.items div{
		text-align:right;
		width:24px;
		bac kground:pink;
		float:left;
		
		}			
		
#mymealcol	#totalarea div.fprice{
		text-align:right;
		width:70px;
		float:right;
		margin-right:5px;
		back ground:yellow
		}				
		
#mymealcol	#links {
		height:21px;
		li ne-height:25px;
		padding:4px 5px 0px 5px;
		bac kground:yellow;
		font-size:11px;
		text-align: center;
		border-right:1px solid #BBBBBB;
		wid th:207px
		}
		
#mymealcol	p {
		padding:3px 10px 3px 10px
		}		
		
#mymealcol	a {
		color:#000;
		font-weight:bold;
		text-decoration:underline;
		}	
		
#mymealcol	a.two,#mymealcol #links a.two {
		color:#000;
		font-weight:normal;
		text-decoration:underline;
		}		
		
#mymealcol	a:hover {
		text-decoration:none;
		}				
		
#mymealcol	#links a,  {
		color:#000;
		text-decoration:underline;
		font-weight:bold
		}	
	
#mymealcol	#links a:hover {
		color:#bd1222;
		text-decoration:none
		}		
		
#threestage  {
		padding:35px 0 0 0px;
		margin:0;
		font-size:14px
		}
		
#threestage dt {
		font-weight:bold;
		padding:0 0 0px 10px;
		margin:0 0 15px 0;
		background:#bd1222;
		height:27px;
		line-height:27px;
		color:#fff;
		border-top:1px solid #BBBBBB;
		 border-bottom:1px solid #BBBBBB;
		}		

#threestage dd {
		padding:0 0 10px 10px;
		margin:0
		}	
		
#threestage dd.active {
		color:#bd1222
		}			
																

/* ---[ blurbcol ]-------------------------------- */	
#blurbcol img {
		clear:both;
		padding-bottom:10px
			}			
/* ---[ bottom ]-------------------------------- */
#bottomcontainer /* Must have for Firefox background */{
	clear:both;
	background:url('images/main_bottom_strip.jpg') no-repeat 50% bottom;
	height:0px;
	width:770px;
		}

		
/* ---[ footer ]-------------------------------- */		
#footer {
	clear:both;
	color:#000;
	font-size:11px;
	padding:3px 0 0 0 
		}
	

#footer dl {
		padding:0 0px 0 25px;
		width:545px;
		margin:0
		}

#footer dl dd {
		float:left;
		margin:0;
		padding:0 15px 0 15px;
		background:url('images/nav_divider.jpg') no-repeat 0 0;
		}

		
#footer dl dd a {
		text-decoration:none;
		color:#fff;
	}
	
#footer dl dd.first {
		background:none;
	}

	
#copyright {
	display:none;
	color:#000;
	clear:both;
	padding:0px 0 0px 0
	}

#copyright a {
	color:#fff;
	}