html {
overflow-x: hidden;
overflow-y: auto;
} 

body {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	background-color: #B1A061;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

table {font-size:12px; text-decoration: none; letter-spacing : 0px; }

form {margin: 0px; padding: 0px;}

li {list-style-type: square; margin:0px;padding:0px;}

p {	text-indent: 2em;}

a:link {color: #4E4E4E; text-decoration: none;}
a:visited {color: #4E4E4E; text-decoration: none;}
a:active {color: #4E4E4E; text-decoration: none;}
a:hover {color: #4E4E4E; text-decoration: underline;}

.h1 { color: #948651; text-decoration: none; }
a.h1:link {color: #948651; text-decoration: none;}
a.h1:visited {color: #948651; text-decoration: none;}
a.h1:active {color: #948651; text-decoration: none;}
a.h1:hover {color: #737373; text-decoration: underline;}

.h2 { color: #948651; text-decoration: none; }
a.h2:link {color: #948651; text-decoration: underline;}
a.h2:visited {color: #948651; text-decoration: underline;}
a.h2:active {color: #948651; text-decoration: underline;}
a.h2:hover {color: #737373; text-decoration: none;}

.a1 {color: #909090; text-decoration: none; }
a.a1:link {color: #909090; text-decoration: none;}
a.a1:visited {color: #909090; text-decoration: none;}
a.a1:active {color: #909090; text-decoration: none;}
a.a1:hover {color: #909090; text-decoration: underline;}

.a2 {color: #737373; text-decoration: none; }
a.a2:link {color: #737373; text-decoration: none;}
a.a2:visited {color: #737373; text-decoration: none;}
a.a2:active {color: #737373; text-decoration: none;}
a.a2:hover {color: #737373; text-decoration: underline;}

.a3 {color: #737373; text-decoration: none; }
a.a3:link {color: #737373; text-decoration: underline;}
a.a3:visited {color: #737373; text-decoration: underline;}
a.a3:active {color: #737373; text-decoration: underline;}
a.a3:hover {color: #737373; text-decoration: none;}

.a4 {font-size:14px; color: #000000; text-decoration: none; font-weight:bolder;}
a.a4:link {color: #000000; text-decoration: none;}
a.a4:visited {color: #000000; text-decoration: none;}
a.a4:active {color: #000000; text-decoration: none;}
a.a4:hover {color: #948651; text-decoration: underline;}

.m_title{
	font-size:14px;
	font-weight:bold;
	color:#948651;
	padding-left:15px;
	background:url(member01.jpg) left center no-repeat;
}
.text_1{
	font-size:14px;
}
.text_1 td{
	padding:5px;
}

#mainNav {
	width: 675px;
	height: 37px;
	padding: 6px;
	margin: 0 0 10px 5px;
	background: url(/food/images/system/top-menu-bg.jpg) no-repeat left top;
	/* We used a background image making the thick border and the thin one to keep the html structure simple */
}

#mainNav li {
    list-style:none;
	float: left;
	height: 37px;
	border-right: 1px solid #ddd;
}

#mainNav li a {
	display: block;
	float: left;
	height: 37px;
	font-size: 12px;
	font-weight: bold;
	/*color: #5494af;*/
	line-height: 37px;
	text-decoration: none;
	padding: 0 20px;
}

#mainNav label {
    font-size: 12px;
	font-weight: bold;
	color: #5494af;
    float:left;
    margin:5px 0 5px 5px;
    
}

#mainNav li.logout {
	float: right;
	border-left: 1px solid #ddd;
	border-right: none;
}

#mainNav li a:hover { background: #fdfcf6; }

#mainNav li a.active, #mainNav li a.active {
	background: #f0f0f0 url(/food/images/system/top-menu-item-bg.gif) repeat-x left top;
	color: #454545;
}

#search a {
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	padding: 0 20px;
    color: #5494af;
    font-weight:bold;
}


#search a:hover { background: #fdfcf6; }

#search a.active, #mainNav li a.active {
	background: #f0f0f0 url(/food/images/system/top-menu-item-bg.gif) repeat-x left top;
	color: #454545;
}

#Product_Intro{
    width:680px;
    height:600px;
}

#Product_Intro_Left{
    width:380px;
    height:280px;
    float:left;
}

#Product_BigImage{
    width:350px;
    height:250px;
    border:1px solid #ddd;
    margin:2px 10px 10px 10px;
}

#Product_LittleImage{
    width:350px;
    height:70px;
    border:0;
    margin:0 10px 10px 10px;
}

#Product_Intro_Right{
    width:300px;
    float:right;
}

#Product_Intro_Right ul{
    list-style-type:none;
}

#Product_Intro_Right ul li{
   list-style-type:none;
    margin:5px 0 5px 10px;
}

#Product_Intro_Right a{
    text-decoration:none;
    color:white;
}

#Product_Info{
    float:left;
    width:680px;
    padding:20px;
    margin:20px;
}

#main{
    width:680px;

}
#main div{
    float:left;
    height:190px;
    width:155px;
    margin:2px 8px 2px 4px;
}



#main fieldset {
    border:0;
     width:155px;
    height:200px;
    float:left;
}

#main fieldset ul{
    list-style-type:none;
    padding:0 2px 2px 2px;
    margin:0 1px 0 2px;
  
}

#main fieldset ul li{
    list-style-type:none;
    margin:2px 0 0 0;
    line-height:16px;
}

#main li del{
    font-size:14px;
    font-weight:500;
    color:gray;
    margin:0 2px 0 2px;
}

#main li ins{
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    color:red;
    margin:0 2px 0 2px;
}

#main fieldset legend{
    font-size:12px;
    font-weight:bold;
    color:#948651;
    padding:0
}
.text-long {
	border: 1px solid #ddd;
	background: #fff url(/food/images/system/input-shaddow.gif) no-repeat left top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #646464;
	padding: 5px 7px 3px 3px;
	width: 320px;
	margin:8px 10px 10px 0;
}
.text-small {
	border: 1px solid #ddd;
    background: #fff url(/food/images/system/input-shaddow.gif) no-repeat left top;
	font: 14px Arial, Helvetica, sans-serif;
	color: #646464;
    margin:2px 5px 2px 10px;
	width: 35px;
    line-height:14px;
}

.button-get{
    font: 13px Arial, Helvetica, sans-serif;
	color: #646464;
	width: 80px;
	height: 29px;
	cursor: pointer;
	border: none;
	background: url(/food/images/system/button-get.gif) no-repeat left top ;
}
.cart-add{
	width: 133px;
	height: 33px;
	cursor: pointer;
	border: none;
	background: url(/food/images/system/cart.jpg) no-repeat left top ;
}

#form{
    width:650px;
}
#form table {
	border-top: 1px solid #ddd;
    margin:10px 0 5px 10px;
	width: 650px;

}

#form table tr td {

	padding: 0px 20px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #ddd;
}

#form table tr.odd td {
	background: #fbfbfb;
}

#form table .action {
	text-align: center;
	padding: 0 20px 0 10px;
}

#form table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
#form table tr:hover .action .edit { color: #c5a059; }
#form table tr:hover .action .delete { color: #a02b2b; }
#form table tr:hover .action .view { color: #55a34a; }

#form table tr:hover .action a:hover { text-decoration: underline; }

#form fieldset {
	border:0;
margin:10px 0 5px 10px;
   width:650px;
}

#form fieldset p { float: left;margin: 4px 0 4px 20px;  width: 580px; border-bottom: 1px solid #ddd; }


#form fieldset label {
    font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #5494af;
    float:left;
	width:160px;
    padding:5px 0 0 0;
	margin: 0 0 7px 20px;
}

#form fieldset .text-medium {
	border: 1px solid #ddd;
	background: #fff url(/food/images/system/input-shaddow.gif) no-repeat left top;
	font: 14px Arial, Helvetica, sans-serif;
	color: #646464;
	padding:5px 7px 3px 3px;
	width: 120px;
    float:left;
	margin: 0 2px 10px 10px;
}

#main table {
	border-top: 1px solid #ddd;
    margin:10px 0 5px 0;
	width: 700px;
}

#main table tr td {
	background: #f6f6f6;
	padding: 0 20px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #ddd;
}

#main table tr.odd td {
	background: #fbfbfb;
}

#main table tr:hover td { background: #fdfcf6; }

#main table .action {
	text-align: center;
	padding: 0 20px 0 10px;
}

#main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
#main table tr:hover .action .edit { color: #c5a059; }
#main table tr:hover .action .delete { color: #a02b2b; }
#main table tr:hover .action .view { color: #55a34a; }