body { 
		margin: 0pt;
	  	background-image:url(images/bg1.jpg); /* the green stuff in the left upper corner */
		background-position:top left;
		background-attachment:fixed;	
		background-color: #ffffff;
		padding: 0pt;
		
		font-family: Tahoma,Arial,sans-serif;
		font-size: 11px;
		line-height: 1.2em; /* good spacing for most of the fonts */
		display: block;     /* ie uses it as inline-block. i want it to be block! */
    		}
	
	
	* { 
	  	background-repeat:no-repeat;
		background-position:top left;
	  	padding: 0;
		margin: 0;
/* these setups removes any unwanted images and spaces from any components that inherits it from body */
		}

  
	.arrow_header {  
/* use it for the image only tag */
	  	background-image: url('images/arrow_boxed_right.png');
		background-repeat: no-repeat;
		background-position: left;
		width: 100%;
		height: 1.5em;
		padding-left: 30px;
		margin-bottom: 25px;
		}

/* definitions for inputs in the site.... the first one is for the search box only. for any forms, use the .taoform class */
	 

	.searchbox { 
		position: relative;
		left: 185px;
		display: block;
		float: right;	
		top: 30px;
		height: 100%;
		width: 192px;
		font-size: 1em;
		} 

	.taosearch { 
		border-style: solid;
		height: 16px; 
		width: 140px;
		font-size: 1em;
		} 
				
	.taoform {
		border-style: solid;
		position: relative;
		padding-left: 4px;
		display: block;
		padding-right: 4px;
		padding-top: 2px;
		height: 13px; 
		width: 140px;
		font-size: 1em;  
		}

	select.taoform {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		right: 0px;
		bottom: -5px;
		height: 20px;
		width: 140px;
		}

	
	.logo { 
		float: left;
		display: block;
		padding: 0pt;

		}

	.gfx {  
/* used for graphics and visual place in general text */
		border-style: none;
		margin: 0pt;
		padding: 0pt;
		display: inline;
		position: relative;
		top: 6px;
		}

	#header { 
  		border-style: none;
		display: block;
		height: 90px;
		margin-bottom: 0px;
		margin-top: 5px;
		padding-bottom: 0px;
		}
	
	.container { 
		border-top: 3px solid #009E28;
		}	



/* HOME PAGE DEFINITIONS ONLY  */



	#flashcontainer { 
/* this is used only in the home page */
		background-image:url('images/sidemenu_shine.jpg');
		background-repeat:no-repeat;
		background-position:top right;
		border-bottom:solid 20px #3F3F3F;
		overflow:hidden;
		}
		  
	#flashcontainer object {
		position:relative;
		left: 50px;
		}
		  
	.flash { 
		float: left;
		width: 550px;
		height: 480px;
		background-color: #3F3F3F;
		color: #ffffff;
		clear: none;
		}
		
	.flash_divider { 
		height: 100%;
		clear: none;
		float: left;
		background-color: #3F3F3F;
		opacity: 1;
		}  
			
	
	#newsblock { 
  		clear: both;
    		display: block;
   		}
		  
	#newsblock h2 { 
		color: #3F3F3F;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		margin-left: 40px;
		display: block;
		float: left;
		}		
			
	.newsitem { 
		display: block;
		font-family: Tahoma, sans-serif;
		width: 410px;
		color: #3F3F3F;
		font-size: 1.2em;
		line-height: 1.5em;
		padding-bottom: 25px;
		background-image:url(images/bottomizer.jpg);
		background-position:bottom left;
		}
		
	#newsblock h2 img { 
		margin-right: 5px;
		}
		
	.newsitem h3 { 
		color: #8B8B8B;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1.6em;
		margin-top: 0px;
		padding-top: 2px;
		position: relative;
		padding-bottom: 5px;
		}	

	.newsitem a { 
		font-family: Tahoma, sans-serif;
		color: #000000;
		}


/* HOME PAGE DEFINITIONS ONLY ENDS HERE */  
  
  

/* SIDE NAVIGATION MENU HERE */


	#sidemenu {
		font-family: verdana, Arial, sans-serif;
		font-size: 1.2em;
		display: block;
		}  

	#sidemenu ul {
		list-style-type: none;
		clear: both;
		margin-bottom: 8px;
		line-height: 2em;
		font-size: 1.05em;
		width: 100%;
		}
			
	#sidemenu ul li { 
		color:#FFFFFF;		
		margin-bottom: 4px;
		line-height: 2.2em;
		padding-top: 12px;
		margin-top: 5px;
		}
			
	#sidemenu ul ul { 
		display: block;
		margin-top: 0px;
		position:relative;
		left: 15px;
		font-size: 1.0em;
		}
			
	#sidemenu ul ul li {
		background-image: url('images/sidemenu_rnd.png');
		background-repeat: none;
		display: block;
		height: 23px;
		width: 192px;
		line-height: 1.5em;
		padding-top: 0px;
		padding-right: 0px;
		margin-bottom: 0;
		margin-top: 1px;
		padding-left: 10px;
		clear: both;
		}

	#sidemenu ul ul li:hover {
		background-image: url('images/sidemenu_hover_rnd.png');
		}
			  
			  
			  
/* GENERAL TEXTS IN SITE - CONTENT */
	
	h1 { 
		color: #3F3F3F; /* for headers outside the taotext class */
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.4em;
		}	
	
	h2 { 
		color: #3F3F3F; /* for headers outside the taotext class */
		font-weight: bold;
		font-size: 1.3em;
		line-height: 1.4em;
		}	

	h2 { 
		color: #3F3F3F; /* for headers outside the taotext class */
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.4em;
		}
	
/* links in list-items */

	li a:link { 
		color: #ffffff;
		text-decoration: none ! important;
		width: 100%;
		height: 23px;
		}
		
	li a:visited { 
		color: #ffffff;
		text-decoration: none ! important;
		}
			
	li a:hover { 
		border-style: none solid none none;
		text-decoration: none ! important;
		background-repeat: none;
		border-width: 0;
		opacity: 1;
		color: #ffffff;
		padding-left: 5px;
		height: 23px;
		margin-left: -5px;
		font-weight: inherit;
		margin-top: 0px;
		margin-bottom: 0px;
		}

/* tao_text class and releavants */

	.tao_text p { 
		font-style: normal;
		font-family: Tahoma, sans-serif;
		color: #3F3F3F;
		font-weight: inherit;
		font-size: 1.2em;
		margin-bottom: 25px;
		line-height: 1.4em;
		margin-left: 40px;
		text-align: justify;
    		}

	.tao_text p img { 
		float: left;
		margin-left: -40px;
		}	

	.tao_text h1 { 
		font-size: 1.5em;
		font-weight: bold;
		}
			
	.tao_text h2 { 
		font-size: 1.3em;
		font-weight: bold;
		}
		
	.tao_text h3 { 
		font-size: 1.2em;
		font-weight: bold;
		margin-left: 70px;
		}
		
	.tao_text strong { 
		color: #000000;
		font-weight: bold;
		}
		
	.tao_text a:link { 
		color: #3F3F3F;
		text-decoration: underline !important;
		font-weight: bold;
		}

	.tao_text a:visited { 
		color: #3F3F3F;
		text-decoration: underline !important;
		font-weight: bold;
		}

	.tao_text a:hover {
		text-decoration: none !important;
		color: #3F3F3F;
		font-weight: bold;
		}

	.tao_text li {
		font-style: normal;
		font-family: Tahoma, sans-serif;
		color: #3F3F3F;
		font-size: 1.2em;
		margin-bottom: 0px;
		line-height: 1.4em;
		margin-left: 80px;
    		}
		
  
/* this is the bullets for product information - instead of bullets there are the arrows */


	.product li {
		list-style-type: none;
		min-height: 35px;
		background: url("/shared/images/arrow_boxed_right.png") left top no-repeat;   
		list-style-position: outside;
		font-size: 1em;
		}
  
	.product li a {
		display: inline;
		font-size: 1em;
		}


  /* internal navigational menu, inside the main content texts */


	.internal * {
		background-image:none !important; /* disable the green bg visual */
		}

	.internal {
		padding-left: 40px;
		list-style-type: none;
		}
		
	.internal li {
		height: 22px;
		font-size: 1.2em;
		}
		
	.internal a:link {
		text-decoration: underline !important;
		color: #3F3F3F;
		}

	.internal a:visited {
		text-decoration: underline  !important;
		color: #3F3F3F;
		}

	.internal a:hover {
		text-decoration: none !important;
		}
		  

/* USED FOR THE SITE MAP IN THE BOTTOM PART OF THE PAGES */


	#sitemap { 
		color: #666666;
		border-top: 3px solid #009E28;
		line-height: 1.3em;
		font-size: 1em;
		}

	#sitemap a { 
		color: #333333;
		text-decoration:none;
		}


/* PAGE BOTTOM - FOOTER */


	#footer { 
		border-style: solid none none;
		border-top: 3px solid #009E28;
		padding-top: 5px;
		display: block;
		clear: both;
		}

	.footer { 
		clear: both;
		position: relative;
		left: -30px;
		padding: 0 30px;
		max-width: 960px;
		display: block;
		}


/* other general stuff */

	
	.green_hrz_line {  /* <HR> TAG - IF U WANT IT TO BE GREEN */
		border-style: none none solid;
		border-color: #009E28;
		border-width: 0pt 0pt 4px;
		clear: both;
		width: 100%;
		margin-bottom: 0pt;
		margin-top: 15px;
		position: relative;
		display: block;
		height: 5px;
		}

	#sardine {
		text-align: right;
		float: right;
		}

	#copyrights { 
		text-align: left;
		}
	
	#sardine a:link {  	
		color: #000000;
		text-decoration: none;
		}
  
	#sardine a:hover {
		background-color:#33CCFF;
		color: #FFFFFF;
		}

	#sidemnu {
		position: relative;
		left: -20px;
		}  


/* USED FOR ROUND CORNERS, LIKE IN THE HOMEPAGE. CHECK THE JAVASCRIPT */

	table.order {
		border-width: 0px 0px 0px 0px;
		border-spacing: 2px;
		border-style: solid solid solid solid;
		border-color: #808080 #808080 #808080 #808080;
		border-collapse: collapse;
		background-color: transparent;
		font-size: 12px;
		}

	table.order th {
		border-width: 1px 1px 1px 1px;
		padding: 1px 1px 1px 1px;
		border-style: inset inset inset inset;
		border-color: #808080 #808080 #808080 #808080;
		background-color: transparent;
		-moz-border-radius: 0px 0px 0px 0px;
		}

	table.order td {
		border-width: 1px 1px 1px 1px;
		padding: 1px 1px 1px 1px;
		border-style: inset inset inset inset;
		border-color: #808080 #808080 #808080 #808080;
		background-color: transparent;
		-moz-border-radius: 0px 0px 0px 0px;
		}

	table.grid {
		border-width: 0px 0px 0px 0px;
		border-spacing: 2px;
		border-style: solid solid solid solid;
		border-color: #808080 #808080 #808080 #808080;
		border-collapse: separate;
		background-color: transparent;
		font-size: 12px;
		}

	table.grid th {
		border-width: 0px 0px 0px 0px;
		padding: 1px 1px 1px 1px;
		border-style: inset inset inset inset;
		border-color: #808080 #808080 #808080 #808080;
		background-color: transparent;
		-moz-border-radius: 0px 0px 0px 0px;
	}

	table.grid td {
		border-width: 0px 0px 0px 0px;
		padding: 1px 1px 1px 1px;
		border-style: inset inset inset inset;
		border-color: #808080 #808080 #808080 #808080;
		background-color: transparent;
		-moz-border-radius: 0px 0px 0px 0px;
		}