/*/////////////////////////////////////////////////////////////////////
	Global Stuff
/////////////////////////////////////////////////////////////////////*/

	div hr, .hide { 
		height: 0; width: 0;
		font: 1px/1px sans-serif; text-indent:-9999px;
		position: absolute; top:0; left: -9999px;
		overflow:hidden; background:none;
	}
	/*This is commented for making Menu spacing*/
	/*
	*, span {
		padding:0;
		margin:0;
	}*/


	br.clearall {
		height:0em;
		font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	fieldset, legend {
		border:0;
		margin:0; padding:0;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Initial Fontage
/////////////////////////////////////////////////////////////////////*/

	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family:"Tahoma", Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	p {
		line-height:1.7em;
	}
	div.colR ul {
		margin:0 0 20px 0;
	}
	div.colR ol {
		margin:0 0 20px 40px;
	}
	div.colR ul ul, ol ol, ul ol, ol ul {
		margin-bottom:0;
	}
	div.colR ul ul li {
		font-style:italic;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/
	
	body {
		font-size:0.7em; color:#4C4E4F;
		text-align:center;
		background:#fff url(../../images/misc/bg-grow.gif) repeat-x;
		margin:0; padding:0;
	}
	#container {
		width:757px;
		text-align:left;
		margin: 0 auto 0 auto; padding:0;
	}
	div.spect-clr-line {
		height:3px; width:757px;
		background:#fff url(../../images/misc/spect-clr-line.gif) no-repeat;
	}
	#head {
		text-align:center;
	}
	h1, h1 a{
		height:100px; width:160px;
	}
	h1 {
		padding-top: 30px;
		text-align: center;
		margin: 0 auto;
	}
	h1 a{
		display:block;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Navigation
/////////////////////////////////////////////////////////////////////*/

	#nav {
		height:30px; width:757px;
		text-align:left;
		background-color:#484848;
		margin:1px 0 0 0;
	}
	/* 
		top level 
	*/
	#nav li {
		display:inline; float:left;
		margin:1px 0 0 1px;
	}
	#nav li, #nav li a {
		background-repeat:no-repeat;
	}
	#nav a {
		text-indent:-9999px; line-height:0.01em; font-size: 0;
	}
	#nav li a{
		height:29px; width:83px;
		color:#fff;
		display:block;
	}
	#nav li a:hover {
		background-image:none !important;
	}
	/* 
		specific top level 
	*/
	#n-1 {
		background-image:url(../../images/nav/home-2.gif);
	}
	#n-1 a{
		background-image:url(../../images/nav/home-1.gif);
	}
	
	#n-2 {
		background-image:url(../../images/nav/about-2.gif);
	}
	#n-2 a{
		background-image:url(../../images/nav/about-1.gif);
	}
	
	#n-3 {
		background-image:url(../../images/nav/products-2.gif);
	}
	#n-3 a{
		background-image:url(../../images/nav/products-1.gif);
	}
	
	#n-4 {
		background-image:url(../../images/nav/testi-2.gif);
	}
	#n-4 a{
		background-image:url(../../images/nav/testi-1.gif);
	}
	
	#n-5 {
		background-image:url(../../images/nav/useful-2.gif);
	}
	#n-5 a{
		background-image:url(../../images/nav/useful-1.gif);
	}
	
	#n-6 {
		background-image:url(../../images/nav/dloads-2.gif);
	}
	#n-6 a{
		background-image:url(../../images/nav/dloads-1.gif);
	}
	
	#n-7 {
		background-image:url(../../images/nav/buy-2.gif);
	}
	#n-7 a{
		background-image:url(../../images/nav/buy-1.gif);
	}
	
	#n-8 {
		background-image:url(../../images/nav/export-2.gif);
	}
	#n-8 a{
		background-image:url(../../images/nav/export-1.gif);
	}
	
	#n-9 {
		background-image:url(../../images/nav/contact-2.gif);
	}
	#n-9 a{
		background-image:url(../../images/nav/contact-1.gif);
	}
	
	/* 
		sub levels 
	*/
	#nav li ul, #nav li ul ul {
		width:167px;
	}
	#nav ul a, #nav ul ul a{
		height:auto; width:147px;
		background-image:none !important;	
		text-indent:0; line-height: 1.6em; font-size: 1em;
		display:block;
		padding:3px 10px 3px 10px;
	}
	#nav ul {
		margin:0 0 0 -1px !important; padding:1px;
	}
	#nav ul li {
		margin:0;
	}
	
	#nav li ul li {
		background:none !important;
		float:left;
		clear:both;
	}
	#nav li ul {
		position: absolute;
		left: -999em;
		z-index: auto;
		height: auto;
		background-color:#484848;
		list-style-type:none;
	}
	#nav li ul li ul {
		margin:-25px 0 0 167px !important;
	}
	
	/* hide unwanted */
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	/* show wanted */
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
	}

/*/////////////////////////////////////////////////////////////////////
	Search
/////////////////////////////////////////////////////////////////////*/
	
	#search {
		height:24px; 
		background:#fff url(../../images/misc/search-grow.gif) repeat-x;
	}
	#searchLabel {
		height:24px; width:37px;
		background:#fff url(../../images/headings/labels/search.gif) no-repeat;
		text-indent:-9999px; line-height:0.01em; font-size: 0; 
		display:inline; float:left;
		margin:0 5px 0 438px;
	}
	#search input {
		height:18px; width:227px;
		background:#fff url(../../images/misc/login-inputs.gif) repeat-x;
		border:1px solid #9B9B9B;
		margin:2px 4px 0 0;
		display:inline; float:left;
	}
	#search button {
		height:16px; width:39px;
		text-indent:-9999px; font: 1px/1px sans-serif;
		background:transparent url(../../images/buttons/find.gif) no-repeat;
		display:inline; float:left;
		border:0; margin:4px 0 0 0;
	}

/*/////////////////////////////////////////////////////////////////////
	Search bar
/////////////////////////////////////////////////////////////////////*/

	#search input {
		height:18px; width:227px;
		background:#fff url(../../images/misc/login-inputs.gif) repeat-x;
		border:1px solid #9B9B9B;
		margin:2px 4px 0 0;
		display:inline; float:left;
	}

/*/////////////////////////////////////////////////////////////////////
	Intro / Content  - 2 main cols
/////////////////////////////////////////////////////////////////////*/
    .livechatLink 
    {
        color: #317F4B;
    }

	div.cols, #intro {
		width:757px;
	}
	div.cols, #introL2 {
		width:757px;
	}
	#intro {
		background-image:url(../../images/bg-grows/login.gif);
		background-repeat:repeat-y;
	}
	#introL2 {
		background-image:url(../../images/bg-grows/login2.gif);
		background-repeat:repeat-y;
	}
	div.colL, div.colR {
		float:left; display:inline;
	}
	div.colL {
		width:191px;
	}
	div.colR {
		width:526px;
		margin:0 0 0 20px;
	}
	div.colL2, div.colR2 {
		float:left; display:inline;
	}
	div.colL2 {
		width:246px;
	}
	div.colR2 {
		width:470px;
		margin:0 0 0 20px;
	}
	div.colR h2 {
		height:14px; width:100%; color:#fff !important;
		background-repeat:no-repeat;
		text-indent:-9999px; font: 1px/1px sans-serif;
		margin:20px 0 15px 0; padding:0;
	}
	div.colR h3, div.colR h4  {
		text-transform:capitalize;
	}
	div.colR h3, div.colR h4, div.colR p {
		margin:0 0 15px 0;
	}
	div.colR h3 {
		font-size:1.1em;
	}
	div.colR p, div.colR h4 {
		font-size:1em;
	}
	div.colR p {
		text-align:justify;
	}
	/* 
		content formatting
	*/
	div.colR ul, div.colR ol {
		line-height:1.7em;
	}
	div.colR ul {
		list-style-type:none;
	}
	div.colR ul li {
		background:transparent url(../../images/misc/pos-bullet.gif) 20px 9px no-repeat;
		padding:0 0 0 30px;
	}
	div.colR a:hover, #introR a:hover {
		text-decoration:underline;
	}
	#contentL h3, #txt-page-nav h3 {
		height:12px; width:151px;
		background-repeat:no-repeat;
		text-indent:-9999px; line-height:0.01em; font-size: 0;
	}
	#contentL h3 {
		margin:20px 0 32px 20px;
	}
	#contentL ul li a, #txt-page-nav ul li a {
		height:12px; width:151px;
	}
	#contentL ul li, #contentL ul li a, #txt-page-nav ul li, #txt-page-nav ul li a {
		background-repeat:no-repeat;
	}
	#contentL ul li a, #txt-page-nav ul li a {
		text-indent:-9999px; line-height:0.01em; font-size: 0;
		display:block;
	}
	#contentL ul li a:hover, #txt-page-nav ul li a:hover {
		background-image:none !important;
	}
	/* 
		sub level of sub nav 
	*/
	#contentL ul li ul, #txt-page-nav ul li ul {
		margin:5px 0 0 0;
	}
	#contentL ul li ul li, #txt-page-nav ul li ul li {
		padding:3px 0 3px 0;
		margin:0 0 0 10px;
	}
	#contentL ul li ul li a, #txt-page-nav ul li ul li a {
		height:auto; width:auto;
		color:#4C4E4F;
		text-indent:0; line-height: normal; font-size: 1em;
		display:inline;
	}
	#contentL ul li ul li a:hover, #txt-page-nav ul li ul li a:hover {
		text-decoration:underline;
	}
	#contentL ul li ul, #txt-page-nav ul li ul {
		display:none;
	}
	
	#txt-page-nav {
		background-repeat:repeat-x; 
		padding:21px 20px 0 20px;
	}
	#txt-page-nav h3 {
		margin:0 0 20px 0;
	}

/*/////////////////////////////////////////////////////////////////////
	Login
/////////////////////////////////////////////////////////////////////*/

	#frmLogin {
		background-color:#F5F5F5;
		padding:20px;
	}
	#frmLogin h2 {
		height:14px; width:92px;
		text-indent:-9999px; line-height:0.01em; font-size: 0;
		background:#fff url(../../images/headings/left-panel/login.gif) no-repeat;
		margin:0 0 15px 0;
	}
	#newAccount {
		margin:0 0 20px 0;
	}
	#frmLogin a {
		color:#00AAD0;
		text-decoration:underline;
	}
	#frmLogin label {
		height:10px; width:50px;
		text-indent:-9999px; line-height:0.01em; font-size: 0;
		background-repeat:no-repeat;
		display:block;
		margin:0;
	}
	
	#usernameLabel {
		background-image:url(../../images/headings/left-panel/username.gif);
	}
	#pwordLabel {
		background-image:url(../../images/headings/left-panel/pword.gif);
	}
	
	#frmLogin input {
		height:17px; width:149px;
		/*font-size:0.9em;*/
		background:#fff url(../../images/misc/login-inputs.gif) repeat-x;
		border:1px solid #9B9B9B; margin:5px 0 16px 0;
	}
	#passwordRemind {
		height:16px; width:112px;
		margin:6px 0 0 0;
		display:inline; float:left;
	}
	#frmLogin button {
		height:16px; width:39px;
		text-indent:-9999px; font: 1px/1px sans-serif;color: #D90029;
		background:transparent url(../../images/buttons/login.gif) no-repeat;
		display:inline; float:left;
		border:0; margin:6px 0 0 0;
	}
	
	#footer {
		margin:19px 5px 20px 5px;
	}
	#footer, #footer a {
		color:#737373;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer a.iweb span{
		color:#00AAD0;
	}
	#footL, #footR {
		line-height:1.6em;
		float:left;
	}
	#footL {
		width:387px;
	}
	#footR {
		width:360px;
		text-align:right;
	}
	
	#bookmark {
		width:107px;
		background:transparent url(../../images/misc/book-star.gif) 0 4px no-repeat;
		float:right;
	}
	
	div.floatL, div.floatLR {
		width:247px;
		float:left;
	}
	
	div.floatLR {
		margin-left:30px !important;
	}
	
	img.imgR {
		float:right;
		margin:0 0 10px 20px;
	}

/* CSS Classes added by Jegan on 02/09/2008 */
	.LabelStockRef
	{
		color:Gray;
		font-size:14px;   
	}
	.StockRefCont
	{
		color:Gray;   
		font-weight:bold;
		font-size:10px;   	
	}
	.LabelDesc
	{
		Color:Gray; 
		font-size:14px;    
	}
	.DescCont
	{
		color:Gray;  
		font-weight:bold;
		font-size:10px;   	
	}
	.LabelPrice
	{
		color:Gray;  
	}
	.PriceCont
	{
		color:Gray;  
	}
	#frmLogin input.CheckboxStyle{
		width:20px;  
		background-image:none; 
		border:0px solid white; margin:0px 0 0px 0;
		background-color:#F5F5F5;  
	}