* {padding:0; margin:0;}

@font-face {font-family: 'BigNoodleTitling';src: url('fonts/big_noodle_titling.ttf');}
body {font-family:'Lucida Sans Unicode','Trebuchet MS', Arial;font-size:80%;color:#444;background:url("../images/bg_red_shadow.jpg") top left repeat-x;background-position-y:-20px;background-position-y:-21px\9;background-position:0 -20px;}
a {color:#D6781A;}
a:hover {color:#a11d13;}
h1 {color:#a11d13;margin:10px 0 20px;font-family:'Lucida Sans Unicode','Trebuchet MS';font-size:2em;}
h2{color:#D6781A;margin:10px 0;font-family:'Lucida Sans Unicode','Trebuchet MS';font-size:1.6em;}
h3{color:#D6781A;margin:10px 0;font-family:'Lucida Sans Unicode','Trebuchet MS';font-size:1.4em;font-weight:normal;}
h4{color:#111;margin:10px 0;font-family:'Lucida Sans Unicode','Trebuchet MS';font-size:1.1em;font-weight:normal;border-bottom:1px solid #ccc;padding-bottom:6px;}
p {margin:10px 0;}
.clear {clear:both;}
noscript {font-weight:bold;color:#a11d13;display:block;padding:5px;margin-top:6px;border:1px solid #a11d13;}

.disabled {background:none !important;border:none !important;}

#wrapper {width:960px;margin:0 auto;background:none;min-height:630px;_min-height:630px;}
#logo {font-family:'BigNoodleTitling',Calibri;font-size:2.6em;color:#fdfdfd;font-weight:normal;margin:7px 0 14px;text-transform:uppercase;text-shadow:1px 1px 6px #000;}
#header {padding:5px;}
#header ul {list-style:none;border:0;}
#header ul li {float:left;}
#header ul li a {display:block;color:#fff;text-decoration:none;font-size:.9em;padding:10px 9px;border-top-left-radius:6px;border-top-right-radius:6px;-ms-border-top-left-radius:6px;-ms-border-top-right-radius:6px;}
#header ul li a:hover {background:#cc4b41;color:#eee;}
#header ul li a.active {background:#fff;color:#a11d13;}
#header ul li a.logout {color:#C79D12;}
#header ul li a.logout:hover {background:none;color:#FFD445;}

#banner {width:942px;height:226px;padding:6px;border:1px solid #ccc;background:#fff;margin:0 auto;}
#banner img {width:938px;margin:6px 0 0 0;display:none;}
#banner_shadow {background: url("../images/preview_shadow.png") bottom right no-repeat;padding:1px 0 15px;margin:10px auto;}

#inner_content {width:700px;padding:5px;float:left;text-align:justify;padding-bottom:30px;}
#content {padding-bottom:30px;}
#sidebar {width:200px;padding:5px;float:right;}

#ann {margin-bottom:50px;}
.ann_list {list-style:square;padding-left:15px;}
.ann_list li {padding:4px 0;}
.ann_list li a{text-decoration:none;color:#444;}
.ann_list li a:hover{text-decoration:underline;color:#222;}
.ann_list_main {margin:8px 0;margin-left:16px;}
.ann_list_main li {padding:5px 0;}
.ann_list_main li a{text-decoration:none;color:#444;font-size:1.1em;}
.ann_list_main li a:hover{text-decoration:underline;color:#222;}
.ann_title {font-size:1.4em;color:#000;font-weight:bold;margin:5px 0;}
.date_posted {font-size:.85em;color:#999;}
.content {margin:20px 0;text-align:justify;}

#login .label {color:#666;font-size:.9em;}
#login input.textbox {width:190px;padding:3px;margin:5px 0 17px;border:1px solid #ccc;background:#f4f4f4;font-size:.9em;}
/*.error {color:#a11d13;font-weight:bold;padding:5px;background:#E8BDBA;margin:10px 0;border:1px solid #DB928C;}*/
.error {color:#a11d13;font-weight:bold;padding:5px 0;margin:10px 0;}
.info {color:green;font-weight:bold;}
#forgot_pwd {font-size:.9em;margin-bottom:23px;}

#footer {background:url("../images/bg_red_shadow_rotated.jpg") top left repeat-x;height:50px;border-top:6px solid #ddd;margin-top:10px;}
#inner_footer {width:950px;margin:0 auto;color:#fff;padding:10px 0;font-size:.9em;color:#ddd;}
#current_user {float:right;}

#toolbar {padding:9px 0;}
#toolbar .formatted {padding:4px;background:#f4f4f4;margin:0;border:1px solid #ccc;}
.colored_toolbar {padding:9px;background:#D3FFC4;border:1px solid #87E866;margin:20px 0;}

.right{text-align:right !important;}
.data {width:100%;margin-top:10px;}
.data th {background:#eee url("../images/stripe.png") top left;padding:8px 5px;font-weight:normal;text-align:left;color:#000;}
.data td {padding:5px;text-align:left;border-bottom:1px solid #eee;}
.data td a, .data td img {border:0;}
.data tfoot td {border-top:1px solid #ccc;padding:9px 0;}
.data tfoot img {position:relative;top:3px;}
.data tbody tr:hover {background:#F7FFAD;}
.blue  {color:#646EF5;font-weight:bold;}
.grayed {color:#bbb;}

#tbl_rep {border-collapse:collapse;width:100%;border:1px solid #000;}
#tbl_rep th {font-weight:bold;padding:2px;border:1px solid #000;}
#tbl_rep tbody td {padding:4px;border-left:1px solid #000;border-right:1px solid #000;vertical-align:center;}
#tbl_rep tbody td div.product {text-decoration:underline;text-transform:uppercase;color:#333;font-size:1.1em;}
#tbl_rep tbody td div.category {font-weight:bold;}
#tbl_rep tbody td div.material {margin-left:20px;}
#tbl_rep tbody td div a.delete {position:relative;top:3px;margin-right:6px;}
#tbl_rep tbody td div a.add {font-size:.8em;padding:2px 5px;text-transform:none;margin-left:10px;}
#tbl_rep tfoot td {padding:2px 4px;border-top:1px solid #000;border-bottom:1px solid #000;vertical-align:top;}
#tbl_rep tfoot td.border-right {border-right:1px solid #000 !important;}
#tbl_rep tbody tr.editable,#tbl_rep tbody tr.no_hover {border:1px dashed #ddd;background:#f7f7f7;}
#tbl_rep tbody tr.editable_darker {background:#E8EAED;border:1px solid #ddd;}
#tbl_rep tbody tr.editable:hover {background:#EFFA8E;}
#tbl_rep tbody td input {width:90%;margin:0 auto;padding:2px;}
#total {font-weight:bold;text-align:right;font-size:1.1em;}
#tbl_rep tbody td span.new_mat {margin-left:20px;color:#646EF5;}
#tbl_rep td.lightblue {background:#E6F0FF;border:1px dashed #ddd;}
#tbl_rep th.lightblue {background:#E6F0FF;}
#tbl_rep td.divider, #tbl_rep th.divider{border-left:3px double #4792DE !important;}
#tbl_rep td img.thumbnail {width:90px;height:90px;margin:4px 7px 4px 4px;border:1px solid #ccc;}
#tbl_rep tr.align_top  td{vertical-align:top;}

#inputbox h3 {margin:0 0 14px;}
#inputbox {
	border:1px solid #ccc;margin:40px auto;padding:10px;width:440px;
	-moz-box-shadow:0px 0px 9px #ccc;
	-webkit-box-shadow: 0px 0px 9px #ccc;
	box-shadow:0px 0px 9px #ccc;
	overflow:auto;
}

.form_input {width:420px;margin:5px auto;border-collapse:collapse;}
.form_input td{padding:7px;}
.form_input td.req{font-weight:bold;color:#a11d13;font-size:1.1em;padding:7px 1px;}
.form_input td .textbox,.textbox{padding:4px;background:#f4f4f4;margin:0;border:1px solid #ccc;width:280px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.form_input td select.select{padding:4px;background:#f4f4f4;margin:0;border:1px solid #ccc;width:280px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.top_buttons {margin:10px 0 20px;border-bottom:3px ridge #ccc;padding-bottom:5px;}
#bottom_buttons {margin:30px 0 10px;}

.image_box {background:#eee;width:250px;height:250px;margin:10px 0;}
.image_box img {width:100%;height:100%;}

.form_input_min {margin:2px 0;border-collapse:collapse;}
.form_input_min td{padding:4px;}
.form_input_min td.req{font-weight:bold;color:#a11d13;font-size:1em;padding:4px 1px;}
.form_input_min td input.textbox {padding:2px;background:#f4f4f4;margin:0;border:1px solid #ccc;width:200px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.form_input_min td select.select, .select{padding:2px;background:#f4f4f4;margin:0;border:1px solid #ccc;width:200px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.div_scroll {height:350px;overflow:auto;}
.highlighted {background:#EFFA8E !important;}
.hide_this {visibility:hidden;}
.new_data {font-weight:bold;}

#toggle {float:right;padding:3px;background:#fff;border:1px solid #ddd;text-align:center;font-size:.8em;color:#999;}
#toggle img {border:0;}
#toggle:hover {background:#eee;color:#666;}

.report_list {list-style:none;}
.report_list li {padding:5px 0 5px 20px;background:url("../images/bullet_red.png") center left no-repeat;}
.report_list li a {color:#444;font-size:1.1em;}
.report_list li a:hover {color:#D6781A}
.to {margin:0 10px;}

#tbl_chart {margin:20px 0 50px;border-collapse:collapse;width:100%;}
#tbl_chart th {padding:5px;border:1px solid #000;}
#tbl_chart td {padding:5px;border:1px solid #000;}

#div_gallery {margin-top:10px;}
.gallery {width:100%;margin-top:30px;}
.gallery td {padding:10px;text-align:center;}
.gallery td  img{width:130px;height:130px;border:3px solid #ccc;margin:1px;padding:0;}
.gallery td  img:hover {border:1px solid #D6781A;padding:3px;margin:0;}
.gallery td div.desc {padding:5px;}
.gallery td div.add_cart {margin:3px 0 20px;font-size:.9em;}
.gallery td input.qty {width:20px;text-align:right;margin-right:5px;}
.gallery td input.button {padding:2px 5px;}

#notifications {padding:10px;margin-bottom:35px;border:1px dotted #ccc;color:#000;background:#C5F79C;border:1px solid #9BC47A;color:#424D39;border-radius:6px;-ms-border-radius:6px;-ms-border-radius:6px;-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .3);box-shadow: 1px 2px 5px rgba(0, 0, 0, .3);}
#notifications img {position:relative;top:3px;margin-right:8px;}

#steps{list-style:none;}
#steps li {float:left;}
#steps li span.step_container {display:block;background:#d8d8d8;padding:10px 29px 7px 15px;margin-right:2px;color:#fff;font-size:1em;text-align:left;}
#steps li span.step_container img {margin:0 8px 0 1px;}
#steps li span.active {background:#DEAE10;}
#steps li span.number {font-size:2em;}
#steps li span.desc {position:relative;top:-5px;}

input.qty {width:40px;text-align:right;}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #c9c3c9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #c9c3c9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#c9c3c9');
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c2c0c2;
	display:inline-block;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-family:'Lucida Sans Unicode','Trebuchet MS', Arial;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c9c3c9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #c9c3c9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c3c9', endColorstr='#f9f9f9');
	background-color:#c9c3c9;
	cursor:hand;
	cursor:pointer;
	color:#666666;
}
.button:active {
	position:relative;
	top:1px;
}

.button_em {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
	font-family:'Lucida Sans Unicode','Trebuchet MS', Arial;
}.button_em:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
	cursor:hand;
	cursor:pointer;
	color:#ffffff;
}.button_em:active {
	position:relative;
	top:1px;
}