/*********************************** Top Navigation bar ********************************/

TABLE.navigationBar			{text-align:left; height:40px; margin-right:30px;}
TD.first_navigationImage	{display:none; width:0px; background-image:none;}
TD.mid_navigationImage		{width:4px; background-image:url('../sepTopBar.gif'); background-repeat:no-repeat; background-position:top;}
TD.last_navigationImage		{display:none; width:0px; background-image:none;}

/* First Level */
TD.navigation				{text-align:center; color:#000000; font-weight:bold; font-size:14px; cursor:pointer; padding:0px;}
TD.navigationOver			{text-align:center; color:#ffffff; font-weight:bold; font-size:14px; cursor:pointer; padding:0px;}
TD.navigationOn				{text-align:center; color:#7a8687; font-weight:bold; font-size:14px; cursor:pointer; padding:0px;}
TD.navigationOnOver			{text-align:center; color:#ffffff; font-weight:bold; font-size:14px; cursor:pointer; padding:0px;}

TD.navigation			A.navigation,
TD.navigation			A.navigation:hover	{height:100%; color:#000000; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOver		A.navigation,
TD.navigationOver		A.navigation:hover	{height:100%; color:#ffffff; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOn			A.navigation, 
TD.navigationOn			A.navigation:hover	{height:100%; color:#7a8687; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOnOver		A.navigation, 
TD.navigationOnOver		A.navigation:hover	{height:100%; color:#ffffff; font-weight:bold; text-decoration:none; display:block;}

SPAN.CategoryText			{display:none;}
/* home */
TD.navigationByID158				{width:72px; background:url('../home.gif') no-repeat left top;}
TD.navigationOverByID158			{width:72px; background:url('../home_over.gif') no-repeat left top;}
TD.navigationOnByID158				{width:72px; background:url('../home_on.gif') no-repeat left top;}
TD.navigationOnOverByID158			{width:72px; background:url('../home_over.gif') no-repeat left top;}

/* products */
TD.navigationByID155				{width:90px; background:url('../products.gif') no-repeat left top;}
TD.navigationOverByID155			{width:90px; background:url('../products_over.gif') no-repeat left top;}
TD.navigationOnByID155				{width:90px; background:url('../products_on.gif') no-repeat left top;}
TD.navigationOnOverByID155			{width:90px; background:url('../products_over.gif') no-repeat left top;}

/* how does it work */
TD.navigationByID159				{width:152px; background:url('../how.gif') no-repeat left top;}
TD.navigationOverByID159			{width:152px; background:url('../how_over.gif') no-repeat left top;}
TD.navigationOnByID159				{width:152px; background:url('../how_on.gif') no-repeat left top;}
TD.navigationOnOverByID159			{width:152px; background:url('../how_over.gif') no-repeat left top;}

/* support */
TD.navigationByID160				{width:84px; background:url('../support.gif') no-repeat left top;}
TD.navigationOverByID160			{width:84px; background:url('../support_over.gif') no-repeat left top;}
TD.navigationOnByID160				{width:84px; background:url('../support_on.gif') no-repeat left top;}
TD.navigationOnOverByID160			{width:84px; background:url('../support_over.gif') no-repeat left top;}

/* overview */
TD.navigationByID161				{width:92px; background:url('../overview.gif') no-repeat left top;}
TD.navigationOverByID161			{width:92px; background:url('../overview_over.gif') no-repeat left top;}
TD.navigationOnByID161				{width:92px; background:url('../overview_on.gif') no-repeat left top;}
TD.navigationOnOverByID161			{width:92px; background:url('../overview_over.gif') no-repeat left top;}

/* contact */
TD.navigationByID162				{width:82px; background:url('../contact.gif') no-repeat left top;}
TD.navigationOverByID162			{width:82px; background:url('../contact_over.gif') no-repeat left top;}
TD.navigationOnByID162				{width:82px; background:url('../contact_on.gif') no-repeat left top;}
TD.navigationOnOverByID162			{width:82px; background:url('../contact_over.gif') no-repeat left top;}


/* Second Level */
DIV.navigationSubContainer	{border-top:1px solid #ffffff; border-bottom:#92979b 2px solid;}

DIV.navigationSub			{background-color:#dbdfe1; color:#000000; border-right:2px solid #92979b; border-left:2px solid #92979b; border-top:2px solid #92979b; font-weight:normal; font-size:90%; width:230px; padding:7px 12px 7px 18px; background-image:url('../strip_SubTopBar.gif'); background-repeat:repeat-x; background-position:top;}
DIV.navigationSubOver		{background-color:#a6aaac; color:#ffffff; border-right:2px solid #92979b; border-left:2px solid #92979b; border-top:2px solid #92979b; font-weight:normal; font-size:90%; width:230px; padding:7px 12px 7px 18px; background-image:url('../strip_subtopbar_on.gif'); background-repeat:repeat-x; background-position:top;}

DIV.navigationSub			A.navigationSub,
DIV.navigationSub			A.navigationSub:hover	{color:#000000; text-decoration:none; display:block; width:100%; height:100%;}
DIV.navigationSubOver		A.navigationSub,
DIV.navigationSubOver		A.navigationSub:hover	{color:#ffffff; text-decoration:none; display:block; width:100%; height:100%;}

						
/* Sepecific CSS exapmle // BY ORDER - ONLY FRO FIRST LEVEL
First Level		
A.navigation1				{}
A.navigation1:hover		{}
A.navigationOn1			{}
A.navigationOn1:hover		{}

TD.navigation1				{}
TD.navigationOver1			{}
TD.navigationOn1			{}
TD.navigationOnOver1		{}
 */
 
 /* Sepecific CSS exapmle // BY CATEGORY ID
First Level		
A.navigationByID1				{}
A.navigationByID1:hover		{}
A.navigationOnByID1			{}
A.navigationOnByID1:hover		{}

TD.navigationByID1				{}
TD.navigationOverByID1			{}
TD.navigationOnByID1			{}
TD.navigationOnOverByID1		{}


Second Level
DIV.navigationSubContainerByID1	{}
A.navigationSubByID1			{}
A.navigationSubByID1:HOVER		{}

DIV.navigationSubByID1			{}
DIV.navigationSubOverByID1		{}
 */