html, body, table, td, ul, li, br, h1, h2, h3, h4, h5, input, textarea {
	margin:0;
	padding:0;
	list-style:none;
	font-family: 'Century Gothic', 'Arial', helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	color:#454545;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
input[type='text'], input[type='password'], select, textarea { letter-spacing:normal; padding: 3px 6px; border-radius: 5px; border:1px solid #ccc; }
input[type='submit'], input[type='button'] { padding:3px 6px; cursor: pointer; }
h1 { font-size:28px; line-height: 28px; }
h2 { font-size:22px; line-height: 22px; }
h3 { font-size:18px; line-height: 18px; }
h4 { font-size:16px; line-height: 16px; }
h5 { font-size:14px; line-height: 14px; }
a { text-decoration: none; color:#454545; }
.cb { clear:both;}
.fleft { float: left; }
.fright { float: right; }

th { padding:6px 10px; font-size:14px; }
td { padding:6px 10px; font-size:10px; }
th {  background-color: #333; color:#fff; }
td.highlight { background-color: #eee; vertical-align: middle; padding: 5px; }

table.list td, table.list th { border:1px solid #ccc; }
table.list tr.white td, table.list tr.white th { background-color: #fff; }
table.list tr.gray td, table.list tr.gray th { background-color: #eee; }

table.list tr:nth-child(even) {background: #eee; }
table.list tr:nth-child(odd) {background: #fff; }

#mybody {
	width:1366px;
	padding-bottom: 8px;
	margin: 0 auto;
	/*background-color: #efefef;*/
	background-image: url(../images/hoffman.png);
	min-height: 600px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#menu-top {
	line-height: 50px;
	width: 100%;
	height: 50px;
	font-size: 11px;
	border-bottom: 1px dotted #999;
	box-shadow: 0px 2px 3px #ccc;
}

#menu-top .header { font-size: 200%; font-weight: bold; margin-left: 10px; float: left; color: #000; text-shadow:0px 0px 4px #ccc; }

#menu-top .unsigned, #menu-top .signed { float: right; margin-right: 5px; }
#menu-top .unsigned a div { background-color:green; border:2px solid #fff; box-shadow: 0px 0px 7px #000; color: #ddd; border-radius: 5px; padding: 5px 10px; margin-right: 10px; }
#menu-top .unsigned a:hover div { color: #fff; box-shadow: 0px 0px 10px #000;  }


#menu-left {
	float: left;
	width: 250px;
	padding: 6px;
	margin: 0px 30px 30px 0;
	/*border-top-right-radius: 6px;*/
	border-bottom-right-radius: 10px;
	background-color: rgba(255,255,255, 0.6);
	border:1px solid #ccc;
	box-shadow: 0px 2px 2px #ccc;
}

#menu-left .header { font-size: 150%; font-weight: bold; margin-top: 10px; }
#menu-left .menu-group { margin-bottom: 10px; }
#menu-left .section-body { margin: 10px 0; padding: 4px; }
#menu-left .menu-group-header { font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 3px; padding-bottom: 3px; }
#menu-left .menu-item { padding: 3px; }

#container { float: left; width: 1055px; min-height: 500px; padding: 5px; background-color: rgba(255,255,255,0.6); }
#container .header { font-size: 200%; font-weight: bold; margin-top: 10px; }

.back a { box-shadow: 0px 0px 4px; padding:2px 8px; }
.back a:hover { background-color: yellow; }


.menu-group-header { cursor: pointer; padding:2px 4px; }
.menu-group-header:hover { background-color: #eee; }

.menu-group-body { padding:2px 4px; display: none; }
.menu-group-body.selected { background-color: #dde6ea; }


input[type='button'] { font-size: 11px; padding:3px 5px; cursor: pointer; }
input[type='button']:hover { box-shadow: 0px 0px 2px #000; }

.delete-enquiry-detail { background-image: url('../images/delete.png'); width: 16px; height: 16px; cursor:pointer; }

.product_qty { width: 30px; }
.product_description { width: 200px; }
.product_brand, .product_brand_new { width: 100px; }

button { cursor: pointer; font-size:10px; margin:1px; }
button.edit { width: 60px; }
button.delete { width: 60px; }

a:hover button { box-shadow: 0 0 4px #999; }