/*****************************************************/
/* Factroncis Systems Engineering Pte Ltd stylesheet */
/*             Designed by ninetrogen.com            */
/*            Contact: info@ninetrogen.com           */
/*                   29 September 2004               */
/*****************************************************/

/* general */
body  {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	line-height: 1.166;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/bkgnd.gif);
	}
	
html {
	  scrollbar-highlight-color:#FFFFFF;
      scrollbar-shadow-color:#D4ECFF;
      scrollbar-track-color: #E8F3FF;
      scrollbar-face-color: #D4ECFF;
      scrollbar-arrow-color: #ABD1FF;
      scrollbar-darkshadow-color: #99CCFF;
      scrollbar-3dlight-color: #99CCFF;
      }

#mainbody {
	width: 780px;
	border-right-color: #C4E8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #C4E8FF;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #C4E8FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #FFFFFF;
}
/* general text all use verdana */
td, p, .textbold, .textsmall, .texttitle, .textwarning, .textfooter, .datatitle, .formtext, .formtextsmall, .formfield, .date
	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; } 

/* links also use verdana */
a.textlink, a.textsmall_link, a.textfooterlink, .breadcrumb, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, 
	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; } 
	
td,p /* general text */
    { font-size: small; color: #333333; } 

td.textjustify
    { font-size: small; color: #333333; text-align: justify;} 	  
	
.textbold
	{ font-size: small; color: #999999; font-weight: bold; }

.prod_title
	{ font-size: small; color: #0099FF; font-weight: bold; }
	
.textsmall
    { font-size: x-small; color: #333333; } 

.texttitle
    { font-size: medium; font-weight: bold; color: #6F6F6F;}

.textwarning
    { font-size: 12px; color: #FF0000; font-weight: bold; }

.textfooter
    {
	font-size: x-small;
	color: #666666;
	padding-left: 3px;
	padding-bottom: 5px;
	text-align: center;
}

.texthilite
	{ font-size: small; color: #0099CC; font-weight: bold; }
	
td.date
	{
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 5px;
	padding-bottom: 4px;
	text-align: right;
	}

.textclients
    {
	font-size:10px;
	color: #666666;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* Latest News area in Homepage */
#newstitle
	{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	padding-top: 5px;
}

#newstext
	{
	font-size: 11px;
	color: #666666;
	text-align: justify;
	}

#newstext a
	{ 	font-size: 11px;
		color: #0066CC;
		text-decoration: none;
	}

#newstext a:hover
	{ 	font-size: 11px;
		color: #0066CC;
	text-decoration: none;
	background-color: #EDECEC;
	}
/* ------------------------------------------------------ */
/* Enquiry Form */

td.enquiry
{ font: small Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; padding: 3px; background-color: #F2F9FF; }

td.enquiry2
{ font: small Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; padding: 3px; background-color: #EBFBFC; }

.enquiry input 
	{ font: small Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #333333; border: 1px solid #edecec; margin: 3px 3px 3px 3px; width: 220px}

.enquiry select 
	{ font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #FFFFFF; color:  #333333; border: 1px solid #284279; margin: 3px; width: 220px }

.enquiry textarea 
	{ font: small Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #FFFFFF; color:  #333333; border: 1px solid #edecec; margin: 3px; width: 300px}

.button
	{ font-size: xx-small; font-weight: bold; color: #006666; border: 1px solid #666666; line-height: 1.5; background-color: #BBF1F4; margin-left: 8px; margin-top: 10px; margin-bottom: 5px; }

/* ------------------------------------------------------ */
/* Top Navigation Links */
#navtop {
	height: 22px;
	text-align: left;
	padding-top: 2px;
	padding-left: 8px;
	background-image: url(../images/navtop_bkgnd.jpg);
	
}

a.glink, a.glink:visited{
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, ;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	/*border-right: 1px solid #996666;*/
	color: #333399;
	text-decoration: none;
}

a.glink:hover{
  	background-image: url(../images/navtop_bkgnd_ro.jpg);
	text-decoration: none;
	color: #CC3300;
}
/* -------------------------------------------------------- */
/* Blue divider lines */
#horzbar {
	background-color: #C4E8FF;
	height: 1px;
	width: 100%;
	}
	
#hometext {
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;
	text-align: justify;
}

#hometext a.hometextlink {
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

#hometext a.hometextlink:hover {
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	background-color: #DDF2FF;
}
/************* breadCrumb styles ***************/

#breadcrumb{
	padding: 5px 0px 5px 15px;
	font-size: 10px; color: #6699CC;;
	}

#breadcrumb a{
	font-size: 10px; color: #6699CC;text-decoration: none
}

#breadcrumb a:visited{
	font-size: 10px; color: #6699CC; text-decoration: none
	}
	
#breadcrumb a:hover{
	font-size: 10px; color: #FF9999; text-decoration: underline
}
/*********************************************/

a.textlink {
	font-size: small; color: #0066CC;text-decoration: none
}
a.textlink:hover {
	font-size: small;
	text-decoration: none;
	color: #0066CC;
	background-color: #EDECEC;
}

/* -------------------------------------------- */
/* Left Navigation */

#nav { width: 180px }

#nav .navlefttext {
	padding: 5px 8px;
	font-family:  Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
	font-weight: bold;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#nav li {
	margin: 0 0 1px 0;
}

#nav a {
	display: block;
	text-align: right;
	width: 164px;
	padding: 3px;
	color: #0066CC;
	background-color: #EEEEEE;
	padding: 5px 8px;
	text-decoration: none;
	/*height: 1.6em; this properties don't work well in Mozilla and Opera*/
}

#nav a:link, #navlist a:visited
{
color: #0066CC;
text-decoration: none;
}

#nav a:hover
{
background-color: #F8F8F8;
color: #999999;

}
#active a {
	display: block;
	background-color: #f2f9ff;
	padding: 5px 8px;
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #1BB2B7; 
	font-weight: bold;
	text-decoration: none;
}
/* --------------------------------------------------- */
/* Right Navigation */

#navright {
	
}
#navright .navrighttext {
	padding: .4em .8em;
	font-family:  Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}
	
#navright ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navright li {
	margin: 0 0 1px 0;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom-color: #c4e8ff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
		
}

#navright a {
	display: block;
	color: #FF6600;
	background-color: #FFFFFF;
	padding: .4em .8em;
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
	font-weight: normal;
	text-decoration: none;
	
}

#navright a:hover {
	color: #FF9999;
}

#navrightactive a {
	display: block;
	background-color: #f2f9ff;
	padding: .2em .8em;
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #1BB2B7; 
	font-weight: bold;
	text-decoration: none;
}

/* Bulltes under Products & Services Main page */
/* ------------------------------------------------ */

ul.products {
	/*list-style-image: url(../images/bullet1.gif);*/
	list-style-type: square;
	font-family:  Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	list-style-type: square;
	}

ul.products a{
	color:#0066CC;text-decoration: none
	}
	
ul.products a:hover{
text-decoration: none;
	color: #0066CC;
	background-color: #EDECEC;
	}
	

/* Bullets in each Products & Services Sub Pages */
/* ------------------------------------------------ */
ul.prod_points {
	list-style-type: square;
	font-family:  Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	list-style-type: square;
	}
	
ul.prod_points li{
	padding: 5px 0 0 0;
	}
/* ---------------------------------------------- */
/* Tables in Product Sub Pages */
	
table.spec {
	table-layout:fixed;
	empty-cells:show;
	border-collapse:collapse;
	}
	
th.spec {
	border: 1px solid #edecec; 
	background-color:#FFFFFF;
	padding: 1px 5px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
td.spec {
	border: 1px solid #edecec; 
	background-color:#FFFFFF;
	padding: 1px 5px;vertical-align:top;
}

.superscript {
	vertical-align: super;
	font-family: Arial, Tahomal, Verdana;
	font-size: 9px;
	}