html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 760px;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	background: url(images/green_left_line.jpg) top repeat-x;

/*	background-image: url(images/green_left_line.jpg);
	background-repeat: repeat; */
}


#container
{
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* "	" */ 
	margin-top: 20px;
	width: 760px; /*An auto centering layer, width must be assigned*/
	height: auto;
	min-height: 625px; /* Compliant browser height, This will fill entire browser window height */
	text-align: left;/*text align must be declared in all items due to 'text-align: center;' being in the body tag*/
	position:relative;
	clear: both;
	background-color:#FFFFFF;
}

#topspacer
{
height: 20px;
width: 759px;
float: left;
}

#logo_left
{
width: 229px;
height: 98px;
float: left;
background-image: url(images/melias_logo.jpg);
}

#logo_right
{
width: 530px;
height: 135px;
float: left;
}

#logo_line
{
width: 229px;
height: 25px;
float: left;
background: url(images/logo_line.jpg) top no-repeat;
overflow: hidden;
}

#right_line
{
width: 525px;
height: 18px;
float:left;
}


#main
{
width: 760px; /*An auto centering layer, width must be assigned*/
height: auto;
background-color: #FFFFFF;
float: left;
}

#leftnav
{
width: 229px;
height: auto;
float: left;
font-size: 12px;
color: #6C2B29;
background-color: #FFFFFF;
}

#leftnav img
{
margin:  30px 0 0 8px;

}
#leftnav a
{
text-decoration: none;
color: #6C2B29;
margin: 10px 0 0 15px;
font-weight: bold;
}

#leftnav a:hover
{
color: #89BF28;
font-weight: bold;
}

#leftnav p
{
margin: 5px 0 5px 0; 

}

#rightcontainer
{
width: 525px;
min-height: 625px;
height: auto;
float: left;
background: url(images/green_dots2.jpg) left top repeat-y;
overflow: hidden;
background-color: #FFFFFF;

}

#inner_right
{
min-height: 625px;
height: auto;
width: 465px;
float: left;
padding: 20px 0 0 20px;
font-size: 12px;
}

#inner_right p
{
margin: 15px 0 15px 0 ;
}

#inner_right a
{
color: #6C2B29;
}

h1
{
font: Arial, Helvetica, sans-serif;
}

.boldclass
{
font-weight: bold;
font-size: 12px;
margin: 15px 0 15px 0;
color: #6C2B29;
}

.downloadlink
{
width: 450px;
height: 25px;
float: left;
font-weight: bold;
font-size: 12px;
color: #6C2B29;

}

.downloadlink a
{
text-decoration: none;
color: #6C2B29;
}

.downloadlink a:hover
{
text-decoration: none;
color: #89BF28;
}



.maroontext
{
color: #6C2B29;
}

.maroontextb
{
color: #6C2B29;
font-weight: bold;
}
/* ------------------------------------ Menus -------------- */

.menu_box
{
width: 464px;
height: auto;
float: left;
border: 1px solid #6C2A28;
margin: 10px 0 0 0;
}

.menu_image
{
width: 70px;
height: auto;
float: left;
}

.menu_heading
{
height: 20px;
width: 130px;
color: #6C2A28;
font-size: 18px;
margin: 5px 0 0 0; 
float: left;
}

.menu_heading a
{
text-decoration: none;
color: #6C2A28;
}

.menu_heading a:hover
{
text-decoration: none;
color: #89BF28;
}

.menu_heading_text
{
height: 20px;
width: 210px;
float: right;
padding: 5px 20px 0 0;
text-align: right;
}

.menu_heading_text a
{
text-decoration: none;
color: #6C2A28;
margin:  0 0 0 8px;
}

.menu_heading_text a:hover
{
text-decoration: none;
color: #89BF28;

}

.menu_dots
{
width: 375px;
height: 5px;
float: left;
background: url(images/menu_dots.jpg) left bottom no-repeat;
}

.menu_detail
{
width: 375px;
height: auto;
float: left;
margin: 5px 0 0 0;
}

/* ---------------------- Menus Detail -------------- */
.menu_detail_heading
{
color: #6C2A28;
font-size: 30px;
margin: 0 0 0 0;
font-weight:100;
}

.fillings_text
{
width: 200px;
height: 12px;
float: left;
line-height: 12px;
}

.textbox
{
height: 12px;
font-size: 10px;
line-height: 12px;
}

.formlinespacer {
	float: left;
	width: 450px;
	height: 10px;
	text-align: left;
}

.formline {
	float: left;
	width: 270px;
	height: 20px;
	text-align: left;
}

.formlineb {
	float: left;
	width: 195px;
	height: 20px;
	text-align: left;

}

.formlinec {
	float: left;
	width: 150px;
	height: 20px;
	text-align: right;
}

.formlined {
	float: left;
	width: 140px;
	height: 20px;
	text-align: left;
}

.formlinee {
	float: left;
	width: 80px;
	height: 20px;
	text-align: left;
}

.formlinef {
	float: left;
	width: 160px;
	height: 20px;
	text-align: left;
}

.formlineg {
	float: left;
	width: 40px;
	height: 20px;
	text-align: left;
}

.formlineh {
	float: left;
	width: 370px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	}

.formlinei {
	float: left;
	width: 195px;
	height: auto;
	text-align: left;
}

.formlinej {
	float: left;
	width: 90px;
	height: 20px;
	text-align: right;

}

.qty-field {
	width: 30px;
	height: 15px;
	border-left: 1px solid  #6C2A28 ;
	border-top: 1px solid  #6C2A28;
	border-right: 1px solid  #6C2A28;
	border-bottom: 1px solid  #6C2A28;
	text-align: center;
}

.textfield
{
	width: 170px;
	height: 15px;
	border-left: 1px solid  #6C2A28 ;
	border-top: 1px solid  #6C2A28;
	border-right: 1px solid  #6C2A28;
	border-bottom: 1px solid  #6C2A28;

}

.drop
{
	width: 112px;
	height: 20px;
	border-left: 1px solid  #6C2A28 ;
	border-top: 1px solid  #6C2A28;
	border-right: 1px solid  #6C2A28;
	border-bottom: 1px solid  #6C2A28;
	font-size: 12px;

}


.memofield
{
	width: 170px;
	height: 50px;
	border-left: 1px solid  #6C2A28 ;
	border-top: 1px solid  #6C2A28;
	border-right: 1px solid  #6C2A28;
	border-bottom: 1px solid  #6C2A28;

}

.addtoorderbutton
{
height: 20px;
width: 90px;
border-left: 1px solid  #6C2A28 ;
border-top: 1px solid  #6C2A28;
border-right: 1px solid  #6C2A28;
border-bottom: 1px solid  #6C2A28;

}

.completeorderbutton
{
height: 20px;
width: 150px;
border-left: 1px solid  #6C2A28 ;
border-top: 1px solid  #6C2A28;
border-right: 1px solid  #6C2A28;
border-bottom: 1px solid  #6C2A28;

}

.menu_detail_dots
{
width: 462px;
height: 40px;
float: left;
background: url(images/menu_detail_dots.jpg) left no-repeat;
}

.addnav
{
width: 520px;
height: auto;
float: left;
margin: 10px 0 0 0;
}

.addnav a
{
text-decoration: none;
color: #6C2A28;
margin: 0 5px 0 0;
}

.addnav a:hover
{
color: #89BF28;
}

#foot
{
width: 760px;
height: 50px;
float: left;
color: #FFFFFF;
}


#saladlink
{
width: 100%;
height: 25px;
float: left;
margin-top: 5px;
text-align: center;
font-size: 12px;
color: #6C2B29;

}

#saladlink a
{
color: #6C2B29;
text-decoration:  none;
}