/***************************************
** Utility..........: style.css
** Description......: Style sheet for website
** Copyright........: Cite DMS Ltd
** Original Author..: Wing Kuet
** Email............: wing@cite.co.uk
** Cur.Status.......: Amber
** Sign Off.........: No
** Last Changed.....: 18/11/2002 14:17
** Last Author......: Wing Kuet
** Email............: wing@cite.co.uk
** Note.............: None
***************************************/
/*****************************
* Front-end section
*****************************/
	body {
		margin: 0;
		padding: 0;
		background: #c7a6a6 url(../mainimages/kopex_bg.gif) repeat-y top left;
	}
	
	body#bodyadmin {
		background: #c7a6a6 url(../mainimages/kopex_bg_admin.gif) repeat-y top left;
	}
	/*****************************
	* Body, paragraphs, bold and table columns
	*****************************/
	body, p, b, br, td, tr{
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;
	   line-height: 13px;  
	   color: #FFFFFF;
	}
	/*****************************
	* Forms, input, select and textarea
	*****************************/	
	.form, input, select, textarea {      
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;                   
	   color: #000000;
	}


	/*****************************
	* Link
	*****************************/		
	a:link, a:active, a:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;
	   color: #333366; 	   
	   font-weight: bold;
	   text-decoration: none;
	}
	a:hover {
	   text-decoration: underline;
	}		
	
	/*****************************
	* whitetext
	*****************************/	
	.whitetext, a.whitetext:link, a.whitetext:active, a.whitetext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #ffffff;	   
	   
	   text-decoration: none;
	}
	a.whitetext:hover {	   
	   text-decoration: underline;
	}
	
	/*****************************
	* Whitebackground
	*****************************/		
	.whitebackground{
	   color: #ffffff;	   
	   background = #FFFFFF;
	}
	/*****************************
	* whitetext2
	*****************************/	
	.whitetext2, a.whitetext2:link, a.whitetext2:active, a.whitetext2:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;
	   color: #ffffff;	   
	   
	   text-decoration: none;
	}
	a.whitetext2:hover {	   
	   text-decoration: underline;
	}	
	
	/*****************************
	* redtext
	*****************************/	
	.redtext, a.redtext:link, a.redtext:active, a.redtext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #FF0000;	   
	   
	   text-decoration: none;
	}
	a.redtext:hover {	   
	   text-decoration: underline;
	}	
	
	/*****************************
	* Products
	*****************************/		
	a.prodtext, a.prodtext:link, a.prodtext:active, a.prodtext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #ffffff;	   
	   font-weight: bold;
	   text-decoration: none;
	}
	a.prodtext:hover {
	   text-decoration: underline;
	}	
	
	/*****************************
	* whitetext11
	*****************************/	
	.whitetext11, a.whitetext11:link, a.whitetext11:active, a.whitetext11:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;
	   font-weight: bold;
	   color: #ffffff;
	   text-decoration: none;
	}
	a.whitetext11:hover {
	   text-decoration: underline;
	}
	

	/*****************************
	* bolddisclaimertext
	*****************************/	
	.bolddisclaimertext, a.bolddisclaimertext:link, a.bolddisclaimertext:active, a.bolddisclaimertext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   font-weight: bold;
	   color: #ECD9D9;
	   text-decoration: none;
	}
	a.bolddisclaimertext:hover {
	   text-decoration: underline;
	}
	

	/*****************************
	* disclaimertext
	*****************************/	
	.disclaimertext, a.disclaimertext:link, a.disclaimertext:active, a.disclaimertext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   font-weight: normal;
	   color: #ECD9D9;
	   text-decoration: none;
	}
	a.disclaimertext:hover {
	   text-decoration: underline;
	}	
	
	
	/*****************************
	* .pipetools-home
	*****************************/
	.pipetoolsHome
	{
		padding-bottom:7px;
		padding-top:3px;
		border-bottom:1px solid #FFFFFF;
		margin-bottom:7px;
	}

	/*****************************
	* blacktext
	*****************************/	
	.blacktext, a.blacktext:link, a.blacktext:active, a.blacktext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #000000;
	   font-weight: normal;
	   text-decoration: none;
	}
	a.blacktext:hover {
	   text-decoration: underline;
	}
	
	/*****************************
	* yellowtext
	*****************************/	
	.yellowtext, a.yellowtext:link, a.yellowtext:active, a.yellowtext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #FFFF00;
	   font-weight: normal;
	   text-decoration: none;
	}
	a.yellowtext:hover {
	   text-decoration: underline;
	}		
	
	/*****************************
	* image border
	*****************************/		
	.imageborder{
		color: #000D61;
		border:1px black solid;
	}
	
	.imageborderw{
		color: #000D61;
		border:1px white solid;
	}		

	.whiteimageborder{
		color: #000000;
		border:1px white solid;
	}		

	/*****************************
	* blackborderline	
	*****************************/		
	.blackborderline{
		background: #000000;		
	}					
	/*****************************
	* credit
	*****************************/	
	.credit, a.credit:link, a.credit:active, a.credit:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 8px;	   
	   color: #999999;
	   font-weight: normal;
	   text-decoration: none;
	}
	a.credit:hover {
	   font-weight: normal;	   
	   color: #FFFF66;
	   text-decoration: underline;
	}
	
	/*****************************
	* data protection
	*****************************/	
	.data {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 9px;	   
	   color: #FFFFFF;
	   font-weight: normal;
	   text-decoration: none;
	   font-style: italic;
	}
	

	
	/*****************************
	* coloured search box 
	*****************************/
	.srchbox {
		background-color: #FFCFCF;
	}
	
	.srchtable {
		border: 1px solid #990000;
	}
	
	.bluetxt {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;	   
	   color: #333366;
	   font-weight: bold;
	   text-decoration: none;
	}
	
	.redtxt {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;	   
	   color: #990000;
	   font-weight: bold;
	   text-decoration: none;
	}
	
	/*****************************
	* 2nd navigation structure
	*****************************/
	.nav2 {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;	   
	   color: #FFFFFF;
	   font-weight: bold;
	   text-decoration: none;
	}
	
	/*****************************
	* coloured highlight bars
	*****************************/
	.colbars{
		border: 1px solid #FFFFFF;
	}
	
	.bluetext {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #333366;
	   font-weight: bold;
	   text-decoration: none;
	}
	
	/*****************************
	* Products
	*****************************/		
	a.bluetext2, a.bluetext2:link, a.bluetext2:active, a.bluetext2:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 11px;
	   color: #333366;	   
	   font-weight: bold;
	   text-decoration: none;
	}
	a.bluetext2:hover {
	   text-decoration: underline;
	}		
	/*****************************
	* listbox dropdown bold
	*****************************/
	.bolddrop {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 9px;
	   color: #000000;
	   background-color: #F0E3E3;
	   font-weight: bold;
	   text-decoration: none;
	}
	/*****************************
	* contact required asterix
	*****************************/
	.required {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #CE0101;
	   font-weight: bold;
	   text-decoration: none;
	}
/*****************************
* Pop up section
*****************************/		
	/*****************************
	* Body, paragraphs, bold and table columns
	*****************************/
	td {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 9px;
		line-height: 13px;  
		color: #000000;
	}
	
	.tablestyle {
		width: 750px;
	}

	.bordercol {
		background-color: #9A6565;
	}

	.techpopbold {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		line-height: 11px;  
		color: #000000;
		font-weight: bold;
	}
	
	/*****************************
	* popupmasthead
	*****************************/	
	.popupmasthead {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 12px;
	   color: #FFFFFF;
	   background: #9A6565;
	   font-weight: bold;
	   text-decoration: none;
	}
	
	/*****************************
	* popupmasthead
	*****************************/	
	.popupmasthead2 {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #FFFFFF;
	   background: #9A6565;
	   font-weight: normal;
	   text-decoration: none;
	}	
	
	.closewindow, a.closewindow:link, a.closewindow:active, a.closewindow:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #FFFF30;
	   background: #9A6565;
	   text-decoration: none;
	}
	
	a.closewindow:hover {
	   text-decoration: underline;
	}			
		
			
			
/*****************************
* Admin section
*****************************/		
	/*****************************
	* adminborder
	*****************************/	
	.adminborder{
		background: #000000;
	}
	/*****************************
	* adminback
	*****************************/		
	.adminback{
		background: #BDBDBD;
	}		
	/*****************************
	* white
	*****************************/	
	.white, a.white:link, a.white:active, a.white:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #ffffff;
	   text-decoration: none;
	}
	a.white:hover {
	   text-decoration: underline;
	}
	/*****************************
	* black
	*****************************/		
	.black, a.black:link, a.black:active, a.black:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   color: #000000;
	   text-decoration: none;
	}
	a.black:hover {
	   text-decoration: underline;
	}	
	/*****************************
	* smalltext
	*****************************/		
	.smalltext, a.smalltext:link, a.smalltext:active, a.smalltext:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 9px;
	   font-weight: normal;
	   color: #000000;
	   text-decoration: none;
	}		
	
	/*****************************
	* button
	*****************************/		
	.button, a.button:link, a.button:active, a.button:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   font-weight: bold;
	   color: #FFFFFF;
	   background-color: #990000;
	   text-decoration: none;
	}	

	/*****************************
	* adminbutton
	*****************************/		
	.adminbutton, a.adminbutton:link, a.adminbutton:active, a.adminbutton:visited {
	   font-family: Verdana, Arial, Helvetica, Sans-Serif;
	   font-size: 10px;
	   font-weight: bold;
	   color: #000000;
	   background-color: #CCCCCC;
	   text-decoration: none;
	}				
			
			
			
	/*****************************
	* menu
	*****************************/			
	.menu, a.menu:link, a.menu:active, a.menu:visited{ 
		font-family: Verdana, Arial, Helvetica, Sans-Serif; 
		font-size: 10px; 
		color: #000000; 
		line-height: 140%;
	}
	/*****************************
	* menu select
	*****************************/			
	.menuselect, a.menuselect:link, a.menuselect:active, a.menuselect:visited{ 
		font-family: Verdana, Arial, Helvetica, Sans-Serif; 
		font-size: 10px; 
		color: white; 
		line-height: 140%; 
		font-weight: bold;
	}

	a.menuselect:hover{       
		text-decoration: underline;
	}	
	/*****************************
	* blackborderline	
	*****************************/		
	.blackborderline{
		background: #000000;		
	}
	
	td.newcredit, td.newcredit a {
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 9px;
		padding: 4px;
		color: #666;
	}
	
	td.newcredit a {
		padding: 0;
		color: #336;
	}
	
	td.newcredit a.link {
		font-size: 10px;
		font-weight: bold;
	}
	/*****************************
	* newsletter image map
	*****************************/
	#h_right {
		border: none;
	}
	
	#h_news_link {
		position: absolute;
		left: 600px;
		top: 90px;
		width: 250px;
		height: 20px;
	}