/*--------------------------------------------------------------------------Universal-----------------------------------------------------------------------------*/
/*{ outline: 1px solid red;}*/
* { font-family: Arial; }
.s06 { font-size: 0.6em; }
.s07 { font-size: 0.7em; }
.s08 { font-size: 0.8em; }
.s09 { font-size: 0.9em; }
.s15 { font-size: 1.5em; }
.txl { text-align: left; }
.txm { text-align: center; }
.txr { text-align: right; padding-right: 0.2em; }
.bdn { border: none; }
.txr2 { text-align: right; } 
.txl2 { text-align: left; padding-left: 0.2em;  }
.w005 { width: 5%; }
.w010 { width: 10%; }
.w020 { width: 20%; }
.w030 { width: 30%; }
.w040 { width: 40%; }
.w050 { width: 50%; }
.w060 { width: 60%; }
.w070 { width: 70%; }
.w080 { width: 80%; }
.w090 { width: 90%; }
.w100 { width: 100%; }
.h020 { height: 20%; }
.h030 { height: 30%; }
.h040 { height: 40%; }
.h050 { height: 50%; }
.h060 { height: 60%; }
.h070 { height: 70%; }
.h080 { height: 80%; }
.h100 { height: 100%; }
.h10e { height: 1.0em; }
.h15e { height: 1.5em; }
.bccc { background-color: #CCC; }
.bfff { background-color: #fff; }
.b999 { background-color: #999; }
.cfff { color: #FFF; }
.cf00 { color: #F00; }
.c00f { color: #00f; } /* Blue */
.bold { font-weight: bold; }
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


body { 	/*background: #CCC;*/
		width: 99%;
		height: 100%;
		margin: auto;}
/*--------------------------------------------------------------------------Header--------------------------------------------------------------------------------*/
header {
	width: 100%;
	height: 5.2em;}
#home {
	text-decoration: none;
	font-size: 2em;		
	color: #00F;
	font-weight:bold;
	letter-spacing: -0.1em;}	

/*-----------------------------Search Bar For Labware--------------------------------*/
#sbr {
	display: table-cell;
	width: 92%;
	height: 2.2em;
	font-size: 1em;}
#seg {
	width: 90%;
	height: 1.8em;
	text-align: center;
	font-size: 1em;}
#dsr {
	position: absolute;
	width: 65%;
	max-height: 50%;
	/*overflow-x: hidden;*/
	overflow-y: auto;
	z-index: 1000;
	background-color:#FFF;}
/*-----------------------------Search Bar For Reagent--------------------------------*/
#sbr2 {
	display: table-cell;
	width: 92%;
	height: 2.2em;}
#seg2 {
	width: 90%;
	height: 1.8em;
	text-align: center;}

#dsr2 {
	position: absolute;
	right: 1%;
	width: 75%;
	max-height: 50%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	background-color:#FFF;}
.scr, .nor {
	padding: 0.5em 0 0.5em 0;
	position: relative;
	background-color: rgba(102,102,102,0.95);
	color: #FFF;
	width: 100%;
	text-indent: 0.3em;
	text-align: left;
	font-size: 0.7em;
	z-index: 1000;}	
.scr {	cursor: pointer;}
.nor {	cursor: default;}
.scr:hover {
	background-color: #CCC;
	color: #000;}
/*-------------------------------Cart------------------------------------*/
#cart_sign {
	vertical-align: middle;
	background: #FFF;
	/*float: right;*/}
#cart_sign:hover {cursor: pointer;}
#cart_bttn{
	display: table-cell;
	color: #00F;
	margin: 0; 
	padding: 0;
	height: 1.2em;
	width: 1.2em;
	font-size:1.5em;
	font-weight: bolder;
	text-align: center;
	border: 1px solid #000;}
#hover_cart {

	left: 0.5%;
	width: 99%;
	outline: 5px solid #666;
	background-color: #FFF;
	z-index: 2000;
	position: absolute;
	visibility: hidden;
}
#hover_cart:hover {cursor: default;}
/*-------------------------------------------------------------------------Container------------------------------------------------------------------------------*/
/*#container {
	background: #060;
	width: 100%;}	*/

#ajax {
	/*background: #060;*/
	margin: auto;
	width: 100%; }

/*--------------------------------------Browse Left Column-----------------------------------------------------------------*/
#l_col {
	width: 100%;}
#r_col {
	margin: 0.4em 0 0 0;
	float: right; 
	width: 100%;
	border-top: 1px solid #000;
	margin-right: 0%;}
#m_col{
	float: right;
	width: 100%;
	border-bottom: 1px solid #000;
	/*border: 1px solid #000;*/
	/*outline: 1px solid #000; */
	margin-bottom: 0.5em;
	overflow-y: auto;}
#image {
	width: 4.8em;
	height: 7.2em;
	float:none;}




#image_chemical {
	width: 12em;
	height: 2.82em;
	float:none;}
h3 {
	margin: 0;
	padding: 0;}

/*--------------------------------------Browse Middle Column-----------------------------------------------------------------*/

#reagent_name_div {
	width: 100%;}

#regent_table_div {
	width: 100%;
	overflow-y: auto;}	

#m_col2{
	float: right;
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 0.5em;
	overflow-y: auto;}
#browse_tbl{
	margin: 0 0 0 0;
	width: 100%;

	background: #CCC;
	position: -webkit-sticky;
  	position: sticky;
  	top: 0;
 	z-index: 1;}
#browse_tbl2{
	margin: 0 0 0 0;
	width: 100%;

	background: #CCC;
	position: -webkit-sticky;
  	position: sticky;
  	top: 0;
 	z-index: 1;}




#scr_tbl {
	width: 100%;

	z-index: -1;}
table, th, td {
	border-collapse: collapse;
	border: 1px solid black;}	
	
/*-------------------------------Table For Browse Content---------------------------------*/

	
	
.t-no {	width: 6%;
		font-size: 0.8em;}
.t-ty {	width: 72%;
		font-size: 0.8em;}
.t-ut { width: 10%;
		font-size: 0.8em;}
.t-ac {	width: 12%;
		font-size: 0.8em;}


.reagent_table_no {
	width: 6%;
	font-size: 0.8em;}
.reagent_table_spec {
	width: 54%;
	font-size: 0.8em;}
.reagent_table_unit {
	width: 10%;
	font-size: 0.8em;}
.reagent_table_brand {
	width: 18%;
	font-size: 0.8em;}
.reagent_table_action {
	width: 12%;
	font-size: 0.8em;}







.t-promono { width: 5%;}
.t-promoty { width: 27%;}
.t-promorg { width: 23%;}
.t-promont { width: 15%;}
.t-promout { width: 5%;}
.t-promorm { width: 10%;}
.t-promodt { width: 5%; vertical-align: middle}
.t-promoac { width: 10%;}

#rtd { /*<td>*/
	border-right: none;
	text-align: right;}
#mtd { /*<th>*/
	border-left: none;
	text-align: left;}
.price {
	text-align: right;
	padding-right: 8px;}	
#stock {
	font-weight: bold;
	padding-right: 8px;}
.qty0{
	color: #CCC;}
.gth {
	background-color: #CCC;
	height: 1.8em;}


/*--------------------------------------------------------------------- (m1cart.php)-----------------------------------------------------------------------------*/
#cart_div {
	margin: 0;
	padding: 0;
	outline: 1px solid #000;}	
.cart_table {
	background-color: #FFF;
	width: 100%;}
.input_qty {
	font-size: 1em;
	text-align: right;
	width: 2em;
	height: 2em;
	color: #00F;
	border: none;
	padding-right: 0.3em;}
#remove_item_td {
	width: 1.9em;
	height: 1.9em;	}
.remove_item_button {
	padding: 0;
	font-size: 1em;
	width: 1.8em;
	height: 1.8em;
	background-color: #CCC; }	
#empty_cart_button {
	padding: 0;
	background-color: #CCC; 
	font-size: 1em;
	width: 1.8em;
	height: 1.8em;
	color: #F00; 
	font-weight: bold; }
.cart_table_header {
	font-size: 0.8em;	
	background-color: #CCC;
	height: 1.8em;}
.cart_item_row {
	font-size: 0.8em;}	
.cart_item_row:hover{
	background-color: #CCC;}
/*--------------------------------------------------------------------- (m1form.php)-----------------------------------------------------------------------------*/
#form_div {
	width:100%; 
	background:#CCC;
	outline: 1px solid #000;
	/*font-size: 0.8em;*/ }	
/*-------------------------------------------------------------------- (1st Row)----*/
#first_row_table {
	height: 1.2em;
	border-bottom: none;
	width: 100%; }	
#first_row_td {
	width: 100%;
	font-weight: bold;
	font-size: 0.8em; }
/*-------------------------------------------------------------------- (2nd Row)----*/
#second_row_table {
	border-bottom: none;
	border-top: none;
	width: 100%;}	
#rfqemail {
	width: 90%;
	height:1.6em;
	font-size: 0.8em; }
#rfqpssw {
	width: 90%;
	height:1.6em;
	font-size: 0.8em; }
#rfq_send_button {
	padding: 0;
	width: 3em;
	height: 2em;
	background: #CCC;
	text-align: center;
	color: #000;
	font-size: 0.8em; }
#rfq_send_button_readonly {
	padding: 0;
	width: 3em;
	height: 2em;
	background: #CCC;
	text-align: center;
	color: #FFF;
	font-size: 0.8em; }
/*-------------------------------------------------------------------- (3rd Row)----*/
#third_row_table { 
	width:100%;
	height: 1em;
	border-top: none; }	
/*--------------------------------------------------------------------- (m1login.php)----------------------------------------------------------------------------*/
#m1login_div {
	width: 100%;
	background: #CCC; }
#login_table {
	background-color: #CCC;
	width: 100%;
	height: 1.6em;}
.login_td {
	width: 100%;
	font-weight: bold;
	border: hidden;
	height: 1.6em; }
#user_login_email {
	height: 1.5em;
	width: 18em;
	font-size: 1em; }
#user_login_password {
	height: 1.5em;
	width: 18em;
	font-size: 1em; }
.log_button {
	padding: 0;
	width: 5em;
	height: 1.5em;
	font-size: 1em;
	background-color: #999; }
/*--------------------------------------------------------------------- (m1reg.php)------------------------------------------------------------------------------*/
#m1reg_div {
	width: 100%;
	background: #CCC; }
.reg_table {
	background-color: #CCC;
	width: 100%;
	height: 1.6em;
	border: none; }
.reg_table_empty {
	background-color: #CCC;
	width: 100%;
	height: 0.3em;
	border: none; }
.reg_td_60 {
	padding-left: 0.2em;
	width: 65%; }
.reg_td_40 { 
	width: 35%; }
.reg_inp_code {
	text-indent: 0.2em;
	font-size: 0.8em;
	height: 1.5em;
	width: 4em; }
.reg_inp_user {
	text-indent: 0.2em;
	font-size: 0.8em;
	height: 1.5em;
	width: 93%; }
.reg_inp_pssw {
	text-indent: 0.2em;
	font-size: 0.8em;
	height: 1.5em;
	width: 86%; }
.reg_inp_address {	
	text-indent: 0.2em;
	font-size: 0.8em;
	height: 1.5em;
	width: 96%; }
.reg_inp_postcode {
	text-indent: 0.2em;
	font-size: 0.8em;
	height: 1.5em;
	width: 8em; }	
#bds { /*email test Button*/
	font-size: 0.8em;
	padding: 0;
	width: 4em;
	height: 1.8em;
	background-color: #999; }
.reg_button {
	font-size: 0.8em;
	padding: 0;
	width: 4em;
	height: 1.8em;
	background-color: #999; }	
#reg_submit_button {
	font-size: 0.8em;
	padding: 0;
	width: 4em;
	height: 1.8em; }
	

/*--------------------------------------------------------------------- (m1update.php)---------------------------------------------------------------------------*/
#m1update_div {
	width: 100%;
	background: #CCC; }
.update_table {
	width: 100%;
	height: 1.6em;
	border: none; }
.update_td {
	width: 98%;
	border: none;
	height: 1.6em; }

/*--------------------------------------------------------------------- (m1info.php)-----------------------------------------------------------------------------*/
.info_td {
	width: 50%;
	height: 1.6em;
	font-size: 1em;
	text-align: center; }	
.info_td_1 {
	background: linear-gradient(#CCC,#333);
	cursor:pointer;
	color:#FFF; }
.info_td_2 {	
	font-weight:bold;
	background:#CCC; }



/*-------------------------------Table For  Register Form Content---------------------------------*/
#dif {				/*<div*/
	float: left;
	width: 60%;
	margin: 0;
	padding: 0;
	background: #FFF;}
.fom {					/*<table>*/
	table-layout: fixed;
	background-color: #CCC;
	width: 100%;
	height: 1.6em;}
.xbo {					/*<tr>*/
	width: 100%;
	height: 1.6em;
	border: hidden;}
.ftd {					/*<td>*/
	width: 6em;
	font-weight: bold;
	border: hidden;
	padding-left: 1em;}
.ser, .spn {			/*<Span>*/
	margin-left: 0.5em;
	vertical-align: middle;}	
.ser { font-size: 0.8em}
.spn { font-size: 1em; color:#0F0; }
.inp {					/*<input>*/
	float: left;
	height: 1.5em;
	width: 18em;
	font-size: 1em;}
.inp_address {			/*<input>*/
	float: left;
	height: 1.5em;
	width: 24em;
	font-size: 1em;}
.inp_state {			/*<input>*/
	float: left;
	height: 1.5em;
	width: 10em;
	font-size: 1em;}
.inp_postcode {			/*<input>*/
	height: 1.5em;
	width: 6em;
	font-size: 1em;
	text-align: center;}
.inp2 {					/*<input>*/
	height: 1.5em;
	width: 6em; }
.bur, .bul { 			/*<button>*/
	width: 5em;
	height: 1.5em;
	font-size: 1em;
	background-color: #999;
	vertical-align: middle;}
.bur { float: right; margin-right: 0.9em;}
.bul { float: left;}