@charset "UTF-8";
/* CSS Document */

	*{
	box-sizing: border-box;
		}
		
.tasman {
/*	font-family:Verdana,sans-serif,Helvetica;
	font-size: 14px;	*/
	color: #003366;
		}
.tasman-sub {
/*	font-size: 16px;	*/
	color: #003366;
	/*text-decoration: underline;*/
	letter-spacing:-1px;
	font-weight: bold;
		}

.tasmanCopy {
	font-family:Verdana,sans-serif,Helvetica;
/*&	font-size: 14px;	*/
	color: #003366;
		}

.f_text {
	font-family:Verdana,sans-serif,Helvetica;
/*	font-size: 12px;	*/
	font-style: normal;
/*	line-height: normal;	*/
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #003366
}
.f_text_1 {
font-family: Verdana,sans-serif,Helvetica;
/*	font-size: 14px;	*/
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #999999;
}
.f_text_1_red {
 font-family:Verdana,sans-serif,Helvetica;
/*	font-size: 14px;	*/
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FF0033
}

.f_text_2 {
	font-family: Verdana,sans-serif,Helvetica;;
	/*	font-size: 11px;	*/
	font-style: normal;
/*	line-height: normal;	*/
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	}
	
	.f_text_3 {
	font-family: Verdana,sans-serif,Helvetica;
	/*	font-size: 1.5em;	*/
	font-style: normal;
	line-height: 2;	
	font-weight: normal;
	font-variant: normal;
	color: #7D7DA5;
	}
	
	.f_text_4 {
	vertical-align: text-top;
	font-family: Verdana,sans-serif,Helvetica;
	/*	font-size: 14px;	*/
	font-style: normal;
/*	line-height: 2;	*/
	font-weight: bold;
	color: #160242;
	}
	
 
.table1 {
font-style: normal;
/*line-height: normal;	*/
font-weight: normal;
font-variant: normal;
text-transform: none;
background-color: #FFFFF0;
}
   
.red_head {
	color:#CC0066;
/*	font-size:14px;	*/
	text-decoration:none;
	font-weight:bold;
}

.red_head2 {
font-family:Verdana,sans-serif,Helvetica;
/*	font-size: 9px;	*/
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform:uppercase;
color: #FF0033;
}
.mini-text {
font-family:Verdana,sans-serif,Helvetica;
/*	font-size: 9px;	*/
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: red;
}

.mc_head {
font-family:Verdana,sans-serif,Helvetica;
/*	font-size: 14px;	*/
font-weight: bold;
text-decoration:none;
color:#CC0066;
}
.heading {
	margin-bottom: 20px;
	text-align: center;
/*	line-height: 20px;	*/
	font-weight: bold;
	/*	font-size: 16px;	*/
	color: #160242;
	}

.maindot {
	margin: 5px 0 0 0;
	padding: 0;
	float:left;
	width:100%;
	height:2px;
	background: url('images/category_dotline.gif') repeat-x;
	}

.ident {
	position: relative;
	margin: 10px;
	padding: 10px;
/*	border-style:solid;
	border-width:1px;	*/
	}
	
.subhead	{
		font-size: 100%;	
	text-align:left;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:10px;
		}

.subhead	dt{
	font-size:1.6em;
		}
		
h4	{
	display: block;
	width:75%;
	line-height:40px;
	padding-left: 10px;
	font-size:120%;
	font-weight: normal;
	background-color:grey;
/*	width:25%;	*/
	color:#ffffff;
	}
	
h6	{
/*	font-size:18px;	*/
	margin-left: 5%;
	width:30%;
	font-weight: normal;
	letter-spacing:-2px;
	font-size:150%;
/*	border: 3px solid red;	*/
	}

	h1, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #ffffff;
		} 

	h1 {
		font-size: 120%;	
		}

h2 {
	/*	font-size: 28px;	*/
	font-size:150%;
	color: #003366;
	text-decoration: none;
	font-weight: normal;
	letter-spacing:-1px;
	margin-left:10px;
		}

h5 {
	font-size: 150%;
	letter-spacing: -2px;
	text-decoration: none;
		}

p, ul, ol {
	margin-top: 20px;
/*	line-height: 180%;	*/
}

ul, ol {
}

.head-sp {
	font-size:150%;
	color: #003366;
	text-decoration: none;
	font-weight: normal;
	letter-spacing:-1px;
		}

.reverse-box	{
	width:75%;
	line-height:50px;
	margin-bottom:20px;
	margin-top:20px;
/*	width:100%;	*/
	font-weight: bold;
	background-color:#808080;
	color:#ffffff;
	font-size:150%;
	text-align: center; 
		}
		

/*	a:hover {
	text-decoration: underline;	*/
}

img.border {
	border: 6px solid #E1F1F6;
}

img.alignleft {
	float: left;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

.aligncenter {
	margin-left: 30px;
	}
	
.clear {
	clear: both;
	}
	
	p .space	{
		white-space: pre-wrap;
	}

	.meta3	{
		margin-left:0;
		border-bottom: 4px solid #5CCCFA;
		padding-top: 20px;
		width: 150px;
		}

html	{
			width:100%;
	}	
		
body {
	scroll-behavior: smooth;
	font-size:100%;
	line-height:1.5em;
/*	font-size: 18px;	*/
	font-family:Verdana,sans-serif,Helvetica;
	margin: 0px;
	padding: 0;
	color:white;
	}
	
#index-page {
/*		background: url("images/test3/epoxy_4.jpg") no-repeat;	*/
		position: relative;
		float: left;
		z-index:-1;
/*		border: 2px solid green;	*/
			}

	#page	{
		position:relative;
		float:left;
		width:100%;
		z-index: -1;
/*	border: 2px solid cyan;			*/
		}	
		 		
	#page .pix-box	{
		background: url("images/test3/epoxy_4.jpg") no-repeat; 
		position:relative;
		width:100%;
		float:left;
		padding: 0;
		margin-top: 0;
		z-index: -1;
/*	border: 2px solid cyan;			*/
		}

	/* .border-left	{
	border-right: 1px solid;
	padding: 0px;
	height: 90%;
	color: #808080;
	position: relative;
	}
	*/

.tas-products {			/* text position*/
/*	width: 250px;	`*/
/*	float: center;		this is bs */
	padding-left: 0px;
	padding-top:5px;
	margin: 0px;
	}

.thead {
	background: #E7B1B1;
	text-align: center;
/*	line-height: 25px;	*/
	width: 100%;
	height:25px;
	}

.column-head { /* column content heading*/
		text-decoration: none;
		text-transform: none;
		text-align: left;
			font-size: 14px;
		font-weight: bold;
		}
		
/* Header */

#header {
	  position: -webkit-sticky; /* Safari */
		width:100%;
		padding-top:5px;
	 	display:inline-block;
		position: sticky;
		top: 0;
			}
		
/*	#header	.logo-pix {
		background: url('images/tas_4a_sm.png") top no-repeat; image position
		float:left;
	 	height: 75px; 
	 	width:138px;
	 	display:inline-block;
	 	position:relative;
	 	margin-left:0px;	
			}	*/
		
/*#taslogo { 
	width: 100%; 
	height: 75px; 
	margin: 0px auto;
	}

	#taslogo .ts_name { 
	 	position: relative; height: 75px; 
		background: url('images/ts_namea.jpg') no-repeat right top;	
		}*/

/* Menu */
#mc-menu {	
	position:relative;
	/*--height:250px;--*/
	height:600px;
	}

	#mc-menu .table2 {
		float:left;
		text-align: left;
		}

	#ddmenu {
		float:left;
		background-color:#808080;
		position:relative;
		margin-left:0;
/*		margin-top:30px;	*/
		top:0px;
		height:30px;
		padding-top:0px;
	 	display:inline-block;
		z-index: 1;
/*		font-size:100%;	*/
		font-size:90%;
		letter-spacing:-1px;
		text-decoration:none;
		text-transform: uppercase;
		text-align: center; 
/*	font-weight:bold;	*/
		opacity:0.9;
			}
	
	#ddmenu	.current_page_item	{
		float:	left;
		display: inline-block;
		height:	30px;
		padding-top:	0px;
		margin:	0px;
		color:	#5CCCFA;
		width: 25%;
			}
		
	#ddmenu .current_page_item a { /* for drop down menu */
		float:	left;
		display: inline-block;
		height:	30px;
		padding-top:	0px;
		margin:	0px;
		color:	#5CCCFA;
			}

	#ddmenu .menu_page_item {
		line-height: 1;
		text-align:	center;
		width:100%;
		float:	left;
		height: 70px;
		padding-top:	25px;
		color:	#5CCCFA;
		background-color: white;
	/*	border: 2px solid #5CCCFA;	/* keep!	*/
			}
		
		#ddmenu .topitem {
			color: white;
			width: 25%;
	/*	 border: 2px solid yellow; */
			}
	
	#ddmenu .topitem a	{
		text-decoration:none;
		display: inline-block;
		height:30px;
		padding-top:0px;
		margin:0px;
		color:white;
		z-index:1;
		width: 100%;
			}
		
	#ddmenu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		line-height: 30px; /*bar thinkness*/
		width: 100%;
			}

	#ddmenu ul ul {			/*hide menu*/
		position: absolute;
		left: -9999px;
			}

	#ddmenu ul li {			/*top tab*/
		float: left;
		vertical-align: bottom; /* This fixes the IE5 Win gap! */
		height:70px;
		width: 100%;
			}
		
	#ddmenu .submenu li a:hover {		/*menu under the current selected tab*/
		text-align: center;
		background-color: #5CCCFA;
		height: 67px;
		padding-top: 25px;	
		width: 100%;
			}

	#ddmenu .submenu li a {			/*submenu*/
		line-height:1;
		position: relative;
		display: inline-block;
		font-weight: normal;
		color: white;
		background-color: #808080;
		background-position: left bottom;
		width: 100%;
		float: left;	
		height: 67px;
		padding-top: 25px;
		}
		
	#ddmenu .submenu li  {			/*submenu*/
		border-bottom: 3px solid #5CCCFA;
	/*		 border: 2px solid yellow; */
			}

	#ddmenu ul li:hover {		/*menu under the current selected tab*/
		text-align: center;
		position: relative;
		float: left;
		font-weight: bold;
		vertical-align: bottom; /* This fixes the IE5 Win gap! */
			}

	#ddmenu ul li a:hover {
		text-align: center;
		position: relative;
		float: left;
		color: black;	/*hover text colour*/
		font-weight: bold;
		vertical-align: bottom; /* This fixes the IE5 Win gap! */
			}

	#ddmenu ul :hover ul {		/*top of drop menu*/
		text-align: center;
		left: 0px; 
		top: 30px; /* drop down distance*/
		Padding-top: 40px; /*text seperation distance*/
	/*	color:yellow;			hover text colour	*/
	/*	font-weight: bold;*/
		vertical-align: bottom; /* This fixes the IE5 Win gap! */
			}

	.w3-table tr th {
		font-weight:normal;
			}
		
#tasmenu {
	background: url('images/nav_bg00.gif') repeat-x left top;
	width: 1000px;
	height: 24px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
		}

	#tasmenu ul {
		background: url('images/nav_bg00.gif') repeat-x left top;
		margin: 0;
		padding: 0px 0px 0px 0px;
		list-style: none;
		/*	line-height: normal;	*/
			}

	#tasmenu li {
		float: left;
		}

	#tasmenu li a {
		display: inline-block;
		float: left;
		height: 24px;
		padding: 6px 30px 0px 30px;
		background: url('images/tas02.jpg') no-repeat left top;
		text-decoration: none;
		text-transform: uppercase;
	/*	font-size: 11px;	*/
		font-weight: normal;
		color: #FFFFFF;
		border: none;
		}

	#tasmenu li {
		display: block;
		float: left;
		height: 24px;
		padding: 6px 30px 0px 30px;
		text-decoration: none;
		text-transform: uppercase;
	/*		font-size: 11px;	*/	
		font-weight: normal;
		color: #FFFFFF;
		border: none;
/*		background: url('images/img09.jpg') no-repeat left top;	*/
		}

	#tasmenu  a {
		background: url() no-repeat right top;
		}

	#tasmenu a:hover {
		text-decoration:underline;
		}

/* Page */ 

#tas-content	{
	float:left;
	position:relative;
	width: 100%;	
	padding-top: 10px;
	text-align: left;
	float:left;
	color:black;
	z-index: -1;
/*	font-size: 14px;	*/
	font-style: normal;
/*	line-height: 2;	*/
	font-weight: normal;
	color: #160242;
/*	border: 2px solid green;		*/
		}

 #taspage	{
	float:left;
	position:relative;
	width: 90%;
	margin-left:10%;
	height:700px;		/*center page height*/
	padding-top: 10px;
	border: none;
	text-align: left;
	float:left;
	color:#ffffff;	/* white writing on colour background	*/
	z-index: -1;
	/*	border: 3px solid blue;		*/
		}


	#taspage .bgbtm {		/* inner box margin */
/*	font-size: 11px;	*/
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003366;		
		}
		
		#taspage .splash-left{
			line-height:2em;
			float:left;
			position: relative;
	/*		width: 850px;	*/
			height: 250px;		
			margin-top:30px;
	/*		margin-left:10%;	*/
			padding:0px;
			text-align:left;
			text-decoration: none;
	/*		font-size: 150%;	*/
			font-weight: normal;
			color: #FFFFFF;
				}
	
			.splash-left ul { 
			list-style-position: outside;
			list-style-image:  url('images/category_bullet_20.gif');	
				}
					
	#ttable	{	
		width:100%;
		position:relative;
		float:left;
		color: black;
/*		border: 2px solid cyan;	*/
			}
			
	#ttable .slox td img	{
		float:none;	
	/* 	width:50px;	*/
	 	margin-left: 2px;
		padding-left: 5px;	 	
		background-color: #cef0fe;
			}	
			
	/* #ttable tr td img 	{
	 	float:left;
	 	width:60px;
	 	margin:0;
	 	padding:0;
		width:60%;
		height: 100%;	*/
			}
	
/* #ttable .tlable, ttypea  {
	 	float:left;
		background-color: red;
		border-style: solid;
		border-width:1px;	
			}	*/
		
	/*#ttable .ttypeb td img	{
	 	float:left;
		background-color: #cef0fe;
		border-style: solid;
		border-width:1px;	*/
			}

		
/*	 #ttable table	{ 
		position:relative;
	 	float:left;
	 	width:100%;	
	 	margin:0; 
	 	padding:0;						 
	 	padding-bottom: 10px;
	 	padding-top: 10px;
		border: 1px solid orange;
			}	*/
		
	.plox2 { 
	 	margin-left: 55px;
		padding: 15px;	 	
		background-color: #cef0fe;
	 	float:left;
	 	margin:20px;  
/*		border: 1px solid orange;	*/		
			}

			#ttable .tlableA	{		/* with graphics row	*/
		/*		width:600px;	*/
			padding-left:2px;			
			text-align:center;
			font-size:90%;
			}

		#ttable .tlableA td	{ /* plain slide row	*/
		width: 9%;
		height: 20px;
	 	margin: 0px;  
	 	padding: 0px;
	/* 	font-size:12px;	*/
	/*	border-style: solid;
		border-width:1px;	*/
			}
				
		#ttable td {
			padding-left:2px;
			text-align:center;
			font-size:75%;
				}		

		#ttable .ttypea {
		background-color: #cef0fe;
			}
				
		#ttable .tlable td	{
		width: 100px;	
		height: 20px;
	 	margin: 0px;  
	 	padding: 0px;
/*	 	font-size:12px;	
		border-style: solid;
		border-width:1px;	*/
			}
	
	 .pcat	{
		text-align:center;
		float:left;
		width:160px;
		height:40px;
	 	margin:0px;  
	 	padding: 0px;
	/*	font-size:12px;	*/

/*		border-style: solid;
		border-width:1px		*/
			}
			
	#ttable .specwd	{
		width: 15%;
		margin-bottom: 10px;
		
		text-align: center;
		font-size:75%;
		font-weight: normal;
		background-color: grey;
		color: white;		
	/*	border: 1px solid red;	*/
			}
			
	#ttable .sloxn	{
		width:60%;	
		border-style: solid;
		border-width:2px		
		color:red;
			}
			
	.sloxn td img {
	 	float:left;
	 	width:75px;
	 	margin: 0px;
		padding-left: 5px;	 	
		background-color: #cef0fe;
			}

			.more_arrow	{
		margin-left:10%;
	/*	margin-top:100px;	*/
		position:relative;
		float:left;
		background: url('images/test3/nav_arrow_40_44.gif') no-repeat;
		height:50px;
		width:200px;
	/*	border-style:solid;
		border-width:1px;
		border-color: green;	*/
			}
			
		 .more_arrow h1	{
		position:relative;
		text-align:center;
/*		font-size:20px;	*/
		font-weight: normal;
		letter-spacing: -1px;
		text-decoration: none;
		color: #ffffff
	}

 .splash-right{
			float:left;
			position: relative;
			width: 100%;
			height: 300px;		
			margin-top:50px;
			text-align:left;
			text-decoration: none;
	/*		margin-left:10%;
			font-size: 1.5em;	*/
			line-height:2em;
			font-weight: normal;
			color: #FFFFFF;
	/*		border: 2px solid grey;	
					white-space: nowrap;	*/
				}

 .splash-right ul li {
			list-style-position: outside;
			list-style-image: url('images/category_bullet_20.gif');
				}

		.engbutn	{
			display:inline-block;
			background-color:green;
			text-align:center;
			padding-top:10px;
			margin-left:60px;
			margin-top: 400px;
			position:relative;
			float:left;
			width: 150px;
			height:50px;
				}

	.inlinebox	{
		float:left;
		width:100%;
			/*	height:220px;	*/
	/*	border: 2px solid grey;	*/
			}

		.inlinebox H2 a {
				text-decoration: none;
			}
			
		.inlinebox H2 {	
			float:left;
		display:inline-block;
		padding-bottom:50px;
		height:20px;
/*		border: 2px solid red;	*/
		}	

		.inbox	{
			position:relative;
			float:left;
			display:inline-block;
	/*	border: 2px solid grey;	*/
				}		
							
	.samplbtn	{
			float:left;
			text-align:center;
			background-color:grey;
			padding:10px;
			margin-left:20px;
			margin-top:20px;
			height:50px;	
				}
			

	
	/*	#test{
			background: url('images/test3/grid.jpg') bottom left ;
			background-repeat: repeat-x;
			position:relative;
			Margin-top:0px;
			margin-left:0px;
			float:left;
			height:120px;
			width:100%;	
			}*/
			
		#test .test1 {
			background: url('images/test3/micro.gif') no-repeat bottom right ;
			position:relative;
			float:right;
			height:120px;
			width:460px;
			}
			
		#rollpage {
			float:left;
			position:relative;
			display:block;
			margin-left: 10%;
	/*		padding-top:50px;	*/
			width:90%;
			color: #7D7DA5;
			z-index:-1;
				}

		#rollpage .slideinfo {
			float:left;
			position: relative;
		width:100%;
			z-index:-1;
			}
			
		#rollpage .rangetxt {
			float:left;
			width:100%;
			position:relative;
			padding-bottom:5%;
			text-align:center;
			line-height:1.5em;
			font-size:180%;	
			font-weight: normal;
			letter-spacing: -1px;
			text-decoration: none;
	/*	border: 3px solid red;	*/
				}

				.rhbutton	{	/* size of button*/
			border-radius: 15px 15px 15px 15px;
			margin-top:6%;
			margin-bottom: 5%;
			margin-left: 25%;	
			width: 50%;
				background-color:grey;	
				float:left;
				position:relative;			
				}

				.lhbutton	{	/* size of button*/
			border-radius: 15px 15px 15px 15px;
			margin-top:6%;
			margin-bottom: 5%;
			margin-left: 25%;	
			width: 50%;
				background-color:green;	
				float:left;
				position:relative;			
				}
						 
		#tableblu {
		/*		font-size:1.5em;	*/
				background-color:#013143;
				position:relative;
	/*			float:left;	*/
	/*			Width:60%;	*/
				color:white;
				margin-top: 20px;
				padding-left:10%;	
				letter-spacing: -1px;				
					}	
					
			#tableblu dd	{
				text-align: left;
					}

		#tableblu dt	{
		/*		font-size:1.8em;	*/
				font-weight: bold;
					}				
					
			.rhtable {
				position: relative;
				white-space: normal;			
				float:left;
				padding-top:8%;
		/*		Width:30%;	*/
	/*			margin-left:5%;
				border: 3px solid red;		*/
					}	
					
		.rhtable dl	{
			padding-left:25px;
			}								

		.rhlink	{
				text-align:center;
				letter-spacing: -1px;
				font-weight: bold;
				font-size: 100%;
				line-height: normal;
				text-decoration: none;
				height:50px;
				padding-top:10px;
					}
					
			.rhlink a {
				text-decoration:none;
				color:white;
				}				
			
			.rhlink a:hover {
				text-decoration: underline;
				color:white;
				}

	/*	.rhbutton 	{
				background-color:green;
				float:left;
				position:relative;	
				}	*/
								
		/*.rhrow {
				background: url('images/test3/reddot.jpg') no-repeat center;
				padding-left: 20px;
				margin:  20px;
				height: 20px;
				width: 20px;
				border-style: none;
				color:black;
				border-style:solid;
				border-width:1px;
						border-color: green;
				}*/
				
				
		.rhead	{
			width:200px;
			text-align:left;
	/*		font-size:20px;	*/
			font-weight: normal;
			letter-spacing: -1px;
			text-decoration: none;
			font-weight:bold;
			color:black;	
				}	
				
		 .rhtext	{
	/*	 	line-height: normal;	*/
			display:normal;
	/*		font-size:16px;	*/
			font-weight: normal;
			letter-spacing: -1px;
			text-decoration: none;
			color:black;			
			}
			
		.rhtext dd	{
			/*	width:350px;	*/
				Padding-left:25px;
			}
					
		.lastpage {
			margin:0;
			float:left;
			padding-left: 5%;
			background-color:#013143;
			position:relative;
			padding-bottom:40px;
			height:400px;	
	/*		width:71%;	*/
			z-index:-1;	
				}

	
/* Content */

#banner {
	position: relative;
	margin:	auto;
	padding: 0px;
	background: white;
	width:1000px;
	height:120px;
/*		border-style:solid;
		border-width:3px;	
		border-color: green;	*/
	}

	#banner .rhimg {
		margin: 0px;
		margin-bottom: 0px;
		height: 120px;
	background: url('images/grid_micro.gif') no-repeat right top;
		}

	#banner .post {
		padding-top: 55px;
		padding-bottom: 0px;
		padding-left: 0px;
		width: 450px;
		}


	#banner .post .title {
		margin: 0px;
		padding: 0px;		/* line position*/
		letter-spacing: -1px;
		text-decoration: none;
		border: none;
		color: #802E3F;
		}

	#banner .meta {
		margin: 0px;
		border-bottom: 1px solid #CCC2A9;
		padding-top: 10px;
		width: 420px;
		padding-top: 0px;
		}

	#top-box2 {
		color:#907D86;
		float: left;
		line-height: 2;
	/*	width: 800px;	*/
		padding-top: 20px;
		margin-left: 10%;
			}

	#top-box2 ul{
		list-style-image: url("images/down_arrow_sm.gif");
		/*	border: 2px solid red;	*/
			}
	
	#top-box2 ul li {
		width: 100%;
		margin:5px;
		font-weight: bold;
		padding-right:10px;
		padding-top:0px;
				}

	#top-box2 ul li a:hover {
	/*	color:#0008ff;	*/
		text-decoration: underline;
		border: 2px solid pink;	*/
			}


#top-box {
		float: left;
		height: 25px;
		margin: 0px;
		padding: 0px;
			}

/*	#top-box .ttitle {
		letter-spacing: -1px;
		padding-right: 0px;
		padding-top: 30px;
		}	*/
		
	#top-box ul{
		float:left;
		margin-top:10px;
		padding:0px;
		margin:0px;
		list-style:none;
			}

	#top-box ul li{
		float:left;
		margin:0px;
		padding:0px;
		color:#907D86;
		font-size: 70%;
	/*		font-size:11px;	*/
			}


	#top-box li a:visited,
	#top-box li a:link {
		text-decoration:none;
		color:#907D86;
	/*		font-size:11px;	*/
		}

	#top-box li a:hover,
	#top-box li a:active {
		text-decoration:underline;
		color:#907D86;
		/*	font-size:11px;	*/
			}

	#top-box .boxt1 {
		float:left;
		text-align: left;
	/*	width:600px;	*/
	/*	width: 60%;	*/
			}

	.blueslide {
	/*	background: url(images/test3/epoxy_1.jpg)no-repeat;
		background-position:right bottom;*/
		height:800px;
		margin: 0;
			}
		
	.tas-twocolumns {
		width:100%;	
		margin-top:20px;
		float: left;
		position: relative;
		z-index:-1;		
/*		border: 2px solid orange;	*/
			}
			
	.tas-twocolumns ul {	
		width:75%;
			}		
			

	.tas-twocolumns .lh-column {	
		white-space: normal;		
		margin-top: 0px;
		float: left;
		position: relative;
	/*	padding-left: 10%;	*/
		margin: 0px;
		text-align: left;
/*		border: 2px solid magenta;	*/
			}

/*			.rhbutton	{	/* size of button
			margin-top:5%;
			margin-bottom: 5%;
			margin-left: 8%;
			width: 15%;
				background-color:green;
				float:left;
				position:relative;			
				}	*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

	
	@media screen and (min-width: 450px){	/* desltop/mobile landscape view	*/
		
		.lh-column {
			white-space: nowrap;		
			width: 50%;
			padding-left: 0%;
				}
				
	 .blok {
		/*font-size:0.6em; test*/
		margin-top: 0px;
		 width:100%;	/*	width of column*/
		float: left;
		position: relative;
	/*	padding-left: 10%;	*/
		margin: 0px;
		text-align: left;
	/*		border: 3px solid magenta;	*/
			}
			
	#ddmenu {
		margin-top:30px;
		width: 60%;
/*		font-size:90%;	*/
		font-weight: bold;
			}

	#header .logo-pix {
		float:left;
	 background: url('images/tas_4a_sm.png') top no-repeat; /*image position*/
    background-size: 100% 100%;
    height: 75px; 
	 	width: 138px;
	 	display: inline-block;
	 	position: relative;
	 	margin-left: 0px;
			}
			
	#header	{
			height: 8%;
			}
			
	#tableblu	{
		width:82%;	
		float: left;
			}
			
	#postte {
		width: 40%;
			}
			

		.tas-twocolumns .lh-column ul {
			white-space: nowrap;		
			max-width:100%;	
			}


			
	.clearz	{
		clear: both;
			}		
			
	#tas-foot	{
		height: 170px;
			}	
			
 #taspage	{
	position:relative;
	width: 90%;
	margin-left:10%;	
			}		

		#taspage .splash-left{
			margin-left:10%;
			font-size: 150%;	
			width: 90%;
				}
				
		#rollpage	{
			padding-top:70px;
				}				
		
		#rollpage .slideinfo {
			width:33%;
	/*		margin-left: 10%;	
		border: 2px solid black;	*/
				}
				
			.more_arrow	{
		margin-top:150px;
			}
			
				.rhtable {
			/*	Width:30%;	*/
				margin-left:10%;
				}	
		
		#index-page {
			margin-left:10%;
			width:90%;
	/* border: 2px solid red; */
			}	
			
		.lastpage {
			margin-left:0%;
			width:80%;
				}
				
			
		.tas-twocolumns .rh-column {
		width: 45%;	
			margin-bottom:5%;
			position: relative;
			float:left;
			margin-left: 5%;
			text-align: left;  
			padding-top:0px;
/*		border:2px solid black; */
			}

	#frame {
		position: relative;
		float: left;
		margin-left: 10%;
		z-index:-1;
/*	border: 2px solid grey;	*/
				}

		.inbox	{
			position:relative;
			float:left;
			display:inline-block;
			width:30%;
	/*	border: 2px solid grey;	*/
				}
							
	}
	
	/* END desltop/mobile landscape view	*/
	
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
				
	.tas-twocolumns td img{
		border-width: 0px;
		padding: 5px;	
		}
		
	.tas-twocolumns .lh-column li, .rh-column li {	
		list-style-image: url('images/cat_bullet.gif');
		}
		
	.tas-twocolumns li{
/*		margin-left:-25px;	*/
		padding-left: 0px;	
		}
		
	.tas-twocolumns ul{		
		list-style: square inside url('images/category_bullet.gif' );
	}

	.tas-twocolumns .rh-column img {
  width: 100%;
  height: auto;
	}
		
			
		.custom	{
			position:relative;
			float:left;
			padding-bottom: 130px;
			width:100%;
			height:260px;	
	/*	border:2px solid black; */
			}
			

	 .lh-list{
		text-align: left;
/*		font-size: 12px;	*/	
				}
		
	.tas-twocolumns	.lh-list a:link{
		color: #C63939;
				}

	.tas-twocolumns	.lh-list a:visited{
		text-decoration: underline;
		color: #C63939;
		}
		
	.tas-twocolumns	.lh-list a:hover{
		text-decoration: underline;
		color: #003366;
		}

	.list2{
		text-align:left;
		line-height:2em;
		margin: 0px;
		padding:10px;
		}
	
	.list{
		position: relative;
		width: 500px;
		float: left;
		list-style: none;
		margin: 0px;
		padding:0px;
		}
		
	.tas-twocolumns .lh-column-area{
		position: relative;
		float: left;
		width: 300px;
		height: 200px;		
		margin-top:20px;	
		padding:0px;

		}
		
#tas-main{
	position: relative;
	float: left;
	height: 520px;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-left:50px;
	text-align: left;
	}

#tas-midbox {
	position: relative;
	float: left;
	height: 520px;
	width: 650px;
	background: #FFFFf0;
	padding: 10px 25px 20px 50px;
	margin-top: 0px;
	text-align: left;
	}

#tas-threecolumns {
	width: 100%;
	padding:0px;
	margin:0px;
	position: relative;
	text-align: center;
/*	display: inline;	*/
	}

	#tas-threecolumns .column {
		margin: 0px;
		width: 530px;		/* width of column*/
		float: left;
		position: relative;
		padding: 0px;
		background-color: #fffff0;
		}

	#tas-threecolumns .lh-column {
		margin: 0px;
		width: 210px;		/* width of column*/
		float: left;
		text-align: left;
		position: relative;
		padding-left: 40px;
		}

	#tas-threecolumns .rh-column	{
		margin-right: 5%;
		/*width: 200px;		 width of column*/
		float: right;
		padding: 0px;
		text-align: left;   
/*		border-style:solid;
		border-width:1px;	*/	
			}

	#tas-threecolumns .rh-column-content{
		text-align: left;
		}
		
	#tas-threecolumns ul{
		list-style-image: url('images/cat_bullet.gif');
		}
		
	#tas-threecolumns li{
		margin-left:-25px;
		padding-left: 0px;
		padding-bottom:0px;	
		}

	#tas-threecolumns .column h3 {

		height: 36px;
		margin-left:0px;

		background: url('images/nav_bg00.gif');
		background-repeat: repeat-x;
		position: relative;

/*		line-height: 36px;	*/
		text-align: center;
		text-transform: uppercase;
	/*	font-size: 14px;	*/
		}

	#tas-threecolumns .column-head { /* column content heading*/
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: left;
		}

	#tas-threecolumns .column-topic { /* column content subject*/
		margin-left: 5px;
		padding-bottom: 5px;
		text-decoration: none;
		text-transform: none;
		text-align: left;
/*			font-size: 12px;	*/
		font-weight: normal;
		}

	#tas-threecolumns .column-head{ /* link text colour */
		color: #003366;
		}
		


	#tas-threecolumns .spix img {
		float: left;
		height: 55px;
		padding: 0px 10px 15px 10px;
		margin: 0;
		}

	#tas-threecolumns .column .rh-column-content,
	#tas-threecolumns .rh-column,
	#tas-threecolumns .lh-column .lh-column-content,
	#tas-threecolumns .column .mid-column-content {
		margin-top: 0px;
		padding-top: 10px;
		padding-right: 0px;
		background-color: #fffff0;
		height: 540px;
			}

	#tas-threecolumns .column .mid-column-content {
		background: white;
		}

	#tas-threecolumns .column .mid-column-content .boxleft {
		padding-left: 35px;
		}

#tas-sales {
	width: 130px;
	float: right;
	position: relative;
	padding:10px;
	display: inline;
	}

	#tas-sales .sbutton a {
		width: 118px;
		height: 36px;
		margin-left:6px;
		background: url('images/nav_bg00.gif') no-repeat;
		background-repeat: repeat-x;
/*		line-height: 36px;	*/
		text-align: center;
		text-transform: uppercase;
	/*	font-size: 12px;	*/
		display: inline-block;
		color: white;
		}

	#tas-sales .sbutton  a:hover  {
		text-decoration: underline;
		}

	#tas-sales .lh-end {
		background: url('images/nav_endc.gif') no-repeat;
		margin-left: 0px;
		position: relative;
		}

	#tas-sales .rh-end  {
		background: url('images/nav_endd.gif') no-repeat top right;
		margin-right: 0px;
		position: relative;
		}

#tas-tble {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	/*border-style: none;
			border-style:solid;
		border-width:1px;	
		border-color:red;*/
	}
	
	#tas-tble .shead {
		margin: 0;
		padding: 0;
	/*	font-size:12px;	*/
		margin: 0px;
		width: 250px;
		border-style: none;
		text-align:left;
		}

	 .stype {
		margin: 0;
		padding-left: 40px;
		color: #CC0066;
		text-decoration: none;
		width: 50px;
			}

	.sspec {
		margin: 0;
		padding: 0;
		width:100px;
		}

	 .srow {
		margin: 0;
		padding: 0;
/*		font-size:12px;	*/
		margin: 0px;
		height: 50px;
		width: 250px;
	border-style: none;
		}

	 .drow {
		height:10px;
		margin: 0;
		padding: 0;
		float: left;
		width:600px;
	border-style: none;
		}

	 .srow img {
		padding-right:50px;
		width: 120px;
		}

	 .stype b {
		color: #666666;
		}

	 .ctrow {
		margin: 0;
		padding: 0;
		float: left;
/*		font-size:12px;	*/
		margin: 0px;
		height: 30px;
		}

	.ctrow img {
		width: 30px;
		margin: 0;
		padding: 0;
		float: left;
		}


#tasnews {
	background: url('images/nav_bg00.gif') repeat-x left top;
	width: 200px;
	height: 30px;
	margin:0px;
	padding: 0px 0px 0px 0px;
	}

	#tasnews h2 {
		background: url('images/nav_bg00.gif') repeat-x left top;
		margin: 0;
		padding: 0px;
		text-align:center;
	/*	line-height: 25px;	*/
/*		border-style:solid;
		border-width:1px;	*/
		}

#tas-foot {
		float:left;
		margin-top:5px;
		background-color:black;
		position: relative;
		width:100%;
		padding:0px;
		z-index:-1;
/*		height: 170px;	*/
		padding-top: 8px;	/* text position */
	/*	border: 3px solid purple;	*/
			}

	#tas-foot  .mini-text {
		position:relative;
		top:40%;
		color:white;
		height:40px;
		text-align: center;
		margin: auto;
		margin-left: 20px;
	/*	border: 2px solid white;	*/
		}
	
	#tas-foot	.lhaddr	{
	 		margin-left:12%;
			position: relative;
			top:25px;
	/*		width: 310px;	*/
			height:30px;
			padding-top:0px;
			text-decoration:none;
				}	
				
	#tas-foot .lhaddr ul li {
		margin-left:0px;
				}
				
	#tas-foot .lhaddr ul {		
		margin: 0px;
		padding: 0px;
		list-style: none;
			}	

	#tas-foot .lhaddr ul li :hover {
		text-decoration:underline;
		color:white;
			}				
				
	#tas-foot .footitem a	 {		/*text in tab*/
		position:relative;
		display:inline-block;
		float:left;
/*		width:	150px;	*/
/*		font-size:18px;	*/
		width: 17%;
		letter-spacing:-1px;
		text-decoration:none;
		text-transform: uppercase;
		text-align: center; 
		color:white;
		font-weight:bold;
			}
	
	.rhaddr	{
		background: url('images/test3/white_address.gif') no-repeat;
	 	float:right;
		position: relative;
		background-size: contain;
		width:25%;
		height:40%;
		margin-right:10%;
		margin-top:0px;
	/*		border: 2px solid white;	*/
		}
		
	#postt {
		padding-bottom: 0px;
	/*	width: 500px;	*/
		height: 40px;
	/*	margin-left: 10%; */
		position: relative;
		z-index: -1;
			}
		
	.ttitle {
		position:relative;
		text-align:left;
		font-size:180%;	
		font-weight: normal;
		letter-spacing: -1px;
		text-decoration: none;
	/*	color: #ffffff;	*/
		}
		
	#postte .tsitle {
		position:relative;
		text-align:left;
		font-size:180%;
		font-weight: normal;
		letter-spacing: -1px;
		text-decoration: none;
		color: #907D86;
	/*	border: 2px solid blue; */
		}

	.btitle {
		padding-top:30px;
		padding-bottom:30px;
		padding-right:30px;
		position:relative;
		text-align:left;
	/*	font-size:40px;	*/
		font-weight: normal;
		letter-spacing: -1px;
		text-decoration: none;
		color: black;
		}

 .meta {  /*title underline*/
		margin-left:0;
		border-bottom: 4px solid #ffffff;
		padding-top: 3px;
	/*	width: 600px;	*/
		width: 60%;
		}
		
	 .meta2 {  /*title underline*/
		margin-left:0;
		border-bottom: 4px solid #5CCCFA;
		padding-top: 3px;
	/*	width: 450px;	*/
		}

	#postt	{
		
	}
	
	#postt ul{
		float:left;
		margin-top:10px;
		padding:0px;
		margin:0px;
		list-style:none;
		}

	#postt li{
		float:left;
		text-align:left;
		margin:0px;
		padding:0px;
		color:#ffffff;
/*			font-size:11px;	*/
		}


	#postt li a:visited,
	#postt li a:link {
		text-decoration:none;
		color:#907D86;
	/*		font-size:11px;	*/
		}

	#postt li a:hover,
	#postt li a:active {
		text-decoration:underline;
		color:#907D86;
	/*		font-size:11px;	*/
		}

	#postt .boxt1 {
		float:left;
		text-align: left;
		width:600px;
		}



.rounded_box {
	background: url('images/test2/round_tl.png") no-repeat top left;
	position: relative;
	float: left;
/*	height:360px;		set from page */
	width: 450px;
	z-index: 1;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-right: 0px;
}

.rounded_top {
	 background: url('images/test2/round_tr.png") no-repeat top right;
	}
.rounded_bottom {
	 background: url('images/test2/round_bl.png") no-repeat bottom left;
	}
.rounded_bottom div {
	 background: url('images/test2/round_br.png") no-repeat bottom right;
	}
.rounded_content {
	 background: url('images/test2/round_r.png") top right repeat-y;
	 padding-right:0px;
	}

.rounded_top div,.rounded_top,
.rounded_bottom div, .rounded_bottom {
 	height: 50px;
	margin-bottom: 0px;
	}
.rounded_content,.rounded_bottom {
 	height: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
.rounded_content {
	padding: 0px 20px 0px 20px;
	}

/*products*/

#mc-main1box {
	position: relative;
	width:700px;
	margin: auto;
	}

	#mc-main1box SPAN {
		}

	#mc-main1box .mc-products1 {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 50px 0px 0px;
		WIDTH: 350px;
		PADDING-TOP: 0px;
		}

	#mc-main1box .mc-products1 DT {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		PADDING-TOP: 0px;
		}

	#mc-main1box .mc-ptitle1 {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 13px;
		FLOAT: right;
		PADDING-BOTTOM: 2px;
		MARGIN: 0px;
		WIDTH: 140px;
		PADDING-TOP: 0px;
		text-align:left;
		}

	#mc-main1box .mc-ptitle1 A {
		FONT-WEIGHT: bold;
/*		FONT-SIZE: 14px;	*/
		COLOR: #cc0066;
		LETTER-SPACING: -1px;
		TEXT-DECORATION: none;
		}

	#mc-main1box .mc-ptxt1 {
		FLOAT: right;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		WIDTH: 140px;
		PADDING-TOP: 0px;
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		text-align:left;
		}

	#mc-main1box .mc-ptxt1 A {
/*		FONT-SIZE: 11px;	*/
		COLOR: #485e96;
			TEXT-DECORATION: none;
		}

	#mc-main1box .mc-ptxt1 A:active {
		COLOR: #cb9454;
		TEXT-DECORATION: underline;
		}

	#mc-main1box .mc-ptxt1 A:hover {
		COLOR: #cb9454; TEXT-DECORATION: underline;
		}

	#mc-main1box .mc-pdf{
		float:right;
 		z-index: 0;
		FLOAT: right;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		WIDTH: 140px;
		PADDING-TOP: 0px;
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		text-align:left;

		}

	#mc-main1box .mc-pdf a:hover {
		background: url('images/pdf_on_off.gif') no-repeat left bottom;
		color:#907D86;
		padding: 0px 0 0 50px;
		margin:0;
		float: left;
		height: 32px;
		}

	#mc-main1box .mc-pdf a{
		background: url('images/pdf_on_off.gif') no-repeat left top;
		text-decoration:none;
		color: #003366;
		padding: 0 0 0 50px;
		margin:0;
		float: left;
		height: 32px;
		}

	#mc-main1box .table2 {
		float:left;
		text-align: left;
		}

 .thumbnail {
		z-index: 0;
		FLOAT: left; 
		MARGIN: 0px; 
		WIDTH: 140px; 
		PADDING: 0px;
		text-align: left;
	/*	font-size: 9px;	*/
		color: #003366;
		text-decoration: none;
		}
			
 .rh-column,.thumbnail:hover{
 		z-index:-1; /* hide RH column for IE*/
		}
		
 .thumbnail:hover{
		background-color: transparent;
		z-index:100;
		}
	
 .thumbnail span{ /*CSS for enlarged image*/
		position: absolute;
		top: -50px;
		left:20px;
		margin: 0px;
		float:left;
		background-color: lightyellow;
		padding: 5px;
		border: 1px dashed gray;
		color: black;
		visibility: hidden;
		}
	
 .thumbnail span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
		z-index:100;
		}
	
 .thumbnail:hover span{ /*CSS for enlarged image on hover*/ 
		visibility: visible;
		z-index:100;
		}