BODY {
  background: #FFFFFF;
/*  background-image: url(images/backtile.jpg); */
  color: #000000;
	text-align: -moz-center;
#	text-align: center;
  font-family: Tahoma, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
  margin: 0 auto;
}


.page_header {
	text-align:center;
	width: 1000px;
	height: 120px;
	background: #000000;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #ffffff;
}

.custname {
	float: left;
	width: 242px;
	margin-top: 50px;
	color: #ffffff;
  font-size: 11px;
}

.page_logo {
/*	border: 1px solid red;  */
	float: left;
	width: 175px;
	margin-left: 150px;
}

.logo {
	height: 100px;
}

.logout {
	float: right;
	width: 100px;
	margin-right: 20px;
	text-align: right;
	margin-top: 80px;
	color: #000000;
/*	border: 1px solid red; */
}

.logout a:link, .logout a:visited, .logout a:active, .logout a:focus {
	text-decoration:none;
	color: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
}

.viewarea {
  background-image: url(images/backtile.jpg);
	width: 1000px;
	height: 475px;
	overflow: hidden;
	clear: both;
}

.leftcol {
	width: 300px;
	height: 470px;
	float: left;
	margin-top: 10px;
}

div > div[class=leftcol] {
	width: 290px;
	height: 470px;
	float: left;
	margin-top: 10px;
}


.webnews {
	width: 300px;
	height: 150px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
	padding: 5px;
	margin-left: 10px;
}

div > div[class=webnews] {
	width: 285px;
	height: 135px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
	margin-left: 10px;

}

H1.title {
/*	background-color: #5E2D0A; */
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  text-decoration: none;
  font-weight : bold;
/*	color: #ffffff;	*/
	color: #5E2D0A; /* color of tile background design */
	text-align: center;
}

div > h1[class=title] {
/*	background-color: #5E2D0A; */
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  text-decoration: none;
  font-weight : bold;
/*	color: #ffffff;	*/
	color: #5E2D0A; /* color of tile background design */
	text-align: center;
	margin-top: -2px;
	margin-bottom: 20px;
}


H3.title {
/*	background-color: #5E2D0A; */
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
  font-weight : bold;
/*	color: #ffffff;	*/
	color: #000000;
	text-align: center;
}


H4.title {
/*	background-color: #5E2D0A; */
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight : bold;
/*	color: #ffffff;	*/
	color: #000000;
	text-align: center;
}

H4.instruct {
/*	background-color: #5E2D0A; */
	margin-top: -15px;
	margin-bottom: 5px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 9px;
  text-decoration: italic;
  font-weight : bold;
/*	color: #ffffff;	*/
	color: #000000;
	text-align: center;
	padding-bottom: 0px;
}


.results {
	width: 965px;
	height: 460px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
	padding: 5px;
	overflow: hidden;
}

div > div[class=results] {
	width: 950px;
	height: 450px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: -5px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
	overflow: hidden;

}
.specials {
	width: 300px;
	height: 300px;
	margin-top: 10px;
	margin-left: 10px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
	padding: 5px;
}

div > div[class=specials]{
	width: 285px;
	height: 285px;
	margin-top: 10px;
	margin-left: 10px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
}
.pricer {
	width: 665px;
	height: 460px;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
	padding: 5px;
	overflow: hidden;
}

div > div[class=pricer] {
	width: 650px;
	height: 445px;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	border: 2px solid #5E2D0A;
	overflow: hidden;
}


.login {
	width: 600px;
	height: 450px;
	overflow: hidden;
	margin: 10px;
	background: #ffffff;
  font-size: 10px;
  text-decoration: none;
  font-weight : normal;
	color: #000000;
	border: 2px solid #5E2D0A;
	padding: 5px;
	text-align: center;
}

div > div[class=login] {
	width: 600px;
	height: 435px;
	overflow: hidden;
	margin: 10px;
	background: #ffffff;
  font-size: 10px;
  text-decoration: none;
  font-weight : normal;
	color: #000000;
	border: 2px solid #5E2D0A;
	padding: 5px;
	text-align: center;
}

table.login_form {
	width: 100%;
	text-align: center;
}

TR {
	text-align: center;

}

TD {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
}

TD.login_form_left {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	padding-right: 5px;
	text-align: right;
/*	border: 1px solid; */
	width: 43%;
}

TD.login_form_right {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
	padding-left: 5px;
	color: #000000;
	text-align: left;
/*	border: 1px solid; */
}

.login_request {
	text-align: center;
	margin-top: 200px;
}

div.price_form {
	margin-top: -20px;
}

TD.price_form {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	padding-right: 5px;
	text-align: center;
	vertical-align: middle;
	width: 200px;
	height: 65px;
}


.savefile {
	visibility:hidden;
	position:relative;
	z-index:2;height:40px;
}

.selectrows {
	position:relative;
	z-index:3;
	margin-top:-40px
}



.price_form_title {
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
	color: #5E2D0A;
	text-align: center;
}
.price_form_field {
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
	color: #5E2D0A;
	text-align: center;
	margin-top: 5px;
}

.price_part-no {
	background-color: #3EFF1A;
  font-size: 11px;
  font-weight : normal;
	color: #000000;

}

.price_form_field select {
  font-size: 10px;
  font-weight : normal;
	color: #000000;

}

.instructions {
  font-size: 11px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

.instructions h1 {
  font-size: 12px;
  text-decoration: underline;
  font-weight : bold;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.instructions ol {
  font-size: 10px;
  text-decoration: none;
  font-weight : normal;
	color: #000000;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
}

.instructions ol li {
	margin-bottom: 10px;
}

div.item_count {
	font-size: 10px;
	float: left;
	text-align: left;
	padding-top: 15px;
	padding-left: 30px;
	width: 300px;
}

div > div[class=item_count] {
	font-size: 10px;
	float: left;
	text-align: left;
	padding-top: 15px;
	padding-left: 30px;
	width: 280px;
}

div.note {
	margin-top: 10px;
	background: yellow;
	text-align: center;
	color: #000000;
	font-weight: bold;
}
div.return {
	float: left;
	width: 355px;
	padding: 10px;
}

div > div[class="return"] {
	float: left;
	width: 330px;
	padding: 5px;
	padding-top: 15px;
}

div.paged {
	float: left;
	width: 300px;
	padding: 10px;
	padding-right: 30px;
	text-align: right;
}

div > div[class=paged] {
	float: left;
	width: 270px;
	padding: 10px;
	padding-right: 20px;
	padding-top: 15px;
	text-align: right;
}



.pageselect {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.arrow {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;

}
.arrow a:link, .arrow a:visited, .arrow a:visited, .arrow a:focus {
	font-size: 12px;
	color: #5E2D0A;
	text-decoration: none;
	font-weight: bold;
}

.arrow a:hover {
	font-size: 12px;
	color: #D70000;
	text-decoration: none;
	font-weight: bold;
}

div.basic {
	width: 945px;
	height: 410px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight : bold;
	color: #5E2D0A;
/*	border: 1px solid #5E2D0A; */
	overflow: hidden;
}

div > div[class=basic] {
	width: 930px;
	height: 410px;
	background: #ffffff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight : bold;
	color: #5E2D0A;
/*	border: 1px solid #5E2D0A; */
	overflow: hidden;
}


div.basic_header {
	height: 55px;
/*	border: 1px solid red; */
	overflow: hidden;
	margin-top: -10px;
	text-align: left;
}

div.basic_results {
	height: 345px;
/*	border: 1px solid blue; */
	overflow: scroll;
	margin-top: 0px;
}


table.basic {
  font-size: 11px;
  text-decoration: none;
  font-weight : normal;
  width: 925px;
}

div > table[class=basic] {
  font-size: 11px;
  text-decoration: none;
  font-weight : normal;
  width: 910px;

}

table.basic th {
  font-weight : bold;
  text-align: center;
/*  border-right: 1px solid #5E2D0A; */
/*  border-top: 1px solid #5E2D0A; */
  border-bottom: 1px solid #5E2D0A;
  vertical-align: bottom;
	padding: 1px;
/*	border: 1px solid green; */
}

table.basic td {
  font-weight : bold;
  text-align: center;
	border: 0px;
  vertical-align: top;
	padding: 1px;
  padding-bottom: 5px;
/*	border: 1px solid red; */

}

/* col1 */

table.basic th.productno {
  text-align: left;
  width: 120px;
}

tr > th[class=productno] {
  text-align: left;
  width: 115px;
}

table.basic td.productno {
  text-align: left;
  width: 120px;
}

tr > td[class=productno] {
  text-align: left;
  width: 115px;
}

div.product {
  text-align: left;
  width: 120px;
}


th > div[class=product] {
  text-align: left;
  width: 115px;
}

td > div[class=product] {
  text-align: left;
  width: 115px;
}


/* col2 */

th.description, td.description{
  text-align: left;
  width: 190px;
}

tr > th[class=description]{
  text-align: left;
  width: 180px;
}

tr > td[class=description]{
  text-align: left;
  width: 180px;
}

div.descript{
  text-align: left;
  width: 190px;
}

th > div[class=descript]{
  text-align: left;
  width: 180px;
}

td > div[class=descript]{
  text-align: left;
  width: 180px;
}



/* col3 */
th.price, td.price {
  text-align: right;
  width: 55px;
}

div.price{
  text-align: right;
  width: 55px;
  padding-right: 8px;
}

td > div[class=price] {
  text-align: right;
  width: 50px;
  padding-right: 8px;
}

/* col4 */
.qtys{
  text-align: center;
  width: 40px;
}

/* col5 */
th.weight, td.weight {
  text-align: center;
  width: 65px;
}

div.weight {
  text-align: center;
  width: 65px;
}

/* col6 */
.umeas {
  text-align: center;
  width: 35px;
}

/* col7 */
th.upack, td.upack {
  text-align: center;
  width: 55px;
}

div.upack_head {
  text-align: center;
  width: 55px;
}


div.upack {
  text-align: right;
  width: 55px;
  padding-right: 10px;
}

td > div[class=upack] {
  text-align: right;
  width: 50px;
  padding-right: 10px;

}

/* col8 */
.uname{
  text-align: center;
  width: 37px;
}

/* col9 */
th.munits, td.munits{
  text-align: center;
  width: 65px;
}
div.munits_header{
	text-align: center;
  width: 65px;
}

div.munits{
	text-align: right;
  width: 65px;
  padding-right: 10px;
}

td > div[class=munits]{
	text-align: right;
  width: 55px;
  padding-right: 10px;
}

/* col10 */

.mname{
  text-align: center;
  width: 4%;
  width: 45px;
}

tr > td[class=mname]{
  text-align: center;
  width: 35px;

}

/* col11 */
.avail{
  text-align: center;
  width: 8%;
  width: 74px;
}

/* col12 */
.cartons{
  text-align: center;
  width: 5%;
  width: 46px;
}
/* col13 */

.board{
  text-align: center;
  width: 5%;
  width: 46px;
}

H1.qty_title {
/*	background-color: #5E2D0A; */
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  font-weight : bold;
/*	color: #ffffff;	*/
	color: #5E2D0A; /* color of tile background design */
	text-align: center;
	margin-top: 20px;
}

th.qty_header {
	font-size: 12px;
  font-weight : bold;
  text-align: center;
/*  border-right: 1px solid #5E2D0A; */
/*  border-top: 1px solid #5E2D0A; */
  border-bottom: 1px solid #5E2D0A;
  vertical-align: bottom;
  width: 150px;
	padding: 1px;
/*	border: 1px solid green; */
}

td.qty_line {
	font-size: 12px;
  font-weight : bold;
  text-align: center;
/*  border-right: 1px solid #5E2D0A; */
/*  border-top: 1px solid #5E2D0A; */
/*  border-bottom: 1px solid #5E2D0A; */
  vertical-align: bottom;
  width: 150px;
	padding: 1px;
	padding-bottom: 5px;

}

td.qty_sep {
	font-size: 5px;
  font-weight : bold;
  text-align: center;
  vertical-align: bottom;
  width: 150px;
	padding: 1px;
}


TD.admin_form {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	padding-right: 5px;
	text-align: center;
	vertical-align: middle;
	width: 290px;
	height: 70px;
}

.admin_form_title {
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
	color: #5E2D0A;
	text-align: center;
}
.admin_form_field {
  font-size: 11px;
  text-decoration: none;
  font-weight : bold;
	color: #5E2D0A;
	text-align: center;
	margin-top: 5px;
}

TD.admin_login_form {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	padding-right: 5px;
	text-align: center;
	vertical-align: middle;
}


.news_header {
	text-align: center;
	padding: 5px;
	font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	text-align: center;
	border: 0px;
}

.news_header a:link, .news_header a:visited, .news_header a:active, .news_header a:focus {
	color: #000000;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
}

.specials_header {
	text-align: center;
	padding: 5px;
	font-size: 12px;
  text-decoration: none;
  font-weight : bold;
	color: #000000;
	text-align: center;
	border: 0px;
}

.specials_header a:link, .specials_header a:visited, .specials_header a:active, .specials_header a:focus {
	color: red;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : bold;
}


.popup {
	overflow: hidden;
	text-align: center;
	width: 380px;
	height: 380px;
	padding: 0px;
	margin: 10px;
}

.popup_header {
	color: #5E2D0A;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  text-decoration: none;
  font-weight : bold;
  text-align: center;
}

.popup_body {
	height: 320px;
	overflow: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	color: #5E2D0A;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight : normal;
  text-align: left;
}

.popup_body a:link, .popup_body a:visited, .popup_body a:active, .popup_body a:focus {
	color: blue;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  font-weight : bold;
}