@CHARSET "UTF-8";


#topbar100		{ width:100%; height:68px; background:url(../images/bg_navbar_100.gif) left top repeat-x;}
#topbar			{ width:1002px; height:68px; margin:0 auto; background:url(../images/bg_navbar.jpg) center top no-repeat;}
#topbar2		{ width:720px; height:68px; margin:0 auto; background:url(../images/bg_navbar2.jpg) left top no-repeat;}
#logo			{ width:210px;  height:68px; float:left; margin-left:20px;}
#logo a			{ width:210px;  height:68px; background:url(../images/logo.png) left top no-repeat; display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}
*html #logo a	{ width:210px;  height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png"); background:none;}

#topnav				{ width:720px; float:right; margin-right:20px;}
#topnav ul			{ width:720px; list-style:none;}
#topnav ul li		{ float:right; height:68px;}
#topnav ul li a		{ display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}

#topnav2				{ width:300px; float:right; }
#topnav2 ul				{ width:300px; list-style:none;}
#topnav2 ul li			{ float:right; height:68px;}
#topnav2 ul li a		{ display:block; cursor:pointer; color:#000; overflow:hidden; text-indent:-1000px;}





#topnav ul li#menu1						{ width:72px;}
#topnav ul li#menu1	a					{ width:72px; height:68px; background:url(../images/nav_home.png) 0 0 no-repeat; _background:url(../images/nav_home_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu1 a				{ width:72px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_home_01.png"); background:none;}
#topnav ul li#menu1 a:hover,
#topnav ul li#menu1 a.active,
#topnav ul li#menu1 a.active:hover		{ background:url(../images/nav_home.png) 0 -68px no-repeat; _background:url(../images/nav_home_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu1 a:hover,		
*html #topnav ul li#menu1 a.active,		
*html #topnav ul li#menu1 a.active:hover{ width:72px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_home_02.png"); background:none;}		


#topnav ul li#menu2						{ width:109px;}
#topnav ul li#menu2	a					{ width:109px; height:68px; background:url(../images/nav_about_zuora.png) 0 0 no-repeat; _background:url(../images/nav_about_zuora_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu2 a				{ width:109px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_about_zuora_01.png"); background:none;}
#topnav ul li#menu2 a:hover,
#topnav ul li#menu2 a.active,
#topnav ul li#menu2 a.active:hover		{ background:url(../images/nav_about_zuora.png) 0 -68px no-repeat; _background:url(../images/nav_about_zuora_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu2 a:hover,		
*html #topnav ul li#menu2 a.active,		
*html #topnav ul li#menu2 a.active:hover{ width:109px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_about_zuora_02.png"); background:none;}		


#topnav ul li#menu3						{ width:136px;}
#topnav ul li#menu3	a					{ width:136px; height:68px; background:url(../images/nav_product.png) 0 0 no-repeat; _background:url(../images/nav_product_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu3 a				{ width:136px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_product_01.png"); background:none;}
#topnav ul li#menu3 a:hover,
#topnav ul li#menu3 a.active,
#topnav ul li#menu3 a.active:hover		{ background:url(../images/nav_product.png) 0 -68px no-repeat; _background:url(../images/nav_product_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu3 a:hover,		
*html #topnav ul li#menu3 a.active,		
*html #topnav ul li#menu3 a.active:hover{ width:136px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_product_02.png"); background:none;}		

#topnav ul li#menu31						{ width:86px;}
#topnav ul li#menu31	a					{ width:86px; height:68px; background:url(../images/nav_products.png) 0 0 no-repeat; _background:url(../images/nav_products_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu31 a				{ width:86px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_products_01.png"); background:none;}
#topnav ul li#menu31 a:hover,
#topnav ul li#menu31 a.active,
#topnav ul li#menu31 a.active:hover		{ background:url(../images/nav_products.png) 0 -68px no-repeat; _background:url(../images/nav_products_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu31 a:hover,		
*html #topnav ul li#menu31 a.active,		
*html #topnav ul li#menu31 a.active:hover{ width:86px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_products_02.png"); background:none;}		


#topnav ul li#menu4						{ width:96px;}
#topnav ul li#menu4	a					{ width:96px; height:68px; background:url(../images/nav_customers.png) 0 0 no-repeat; _background:url(../images/nav_customers_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu4 a				{ width:96px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_customers_01.png"); background:none;}
#topnav ul li#menu4 a:hover,
#topnav ul li#menu4 a.active,
#topnav ul li#menu4 a.active:hover		{ background:url(../images/nav_customers.png) 0 -68px no-repeat; _background:url(../images/nav_customers_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu4 a:hover,		
*html #topnav ul li#menu4 a.active,		
*html #topnav ul li#menu4 a.active:hover{ width:96px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_customers_02.png"); background:none;}		


#topnav ul li#menu5						{ width:83px;}
#topnav ul li#menu5	a					{ width:83px; height:68px; background:url(../images/nav_resources.png) 0 0 no-repeat; _background:url(../images/nav_resources_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu5 a				{ width:83px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_resources_01.png"); background:none;}
#topnav ul li#menu5 a:hover,
#topnav ul li#menu5 a.active,
#topnav ul li#menu5 a.active:hover		{ background:url(../images/nav_resources.png) 0 -68px no-repeat; _background:url(../images/nav_resources_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu5 a:hover,		
*html #topnav ul li#menu5 a.active,		
*html #topnav ul li#menu5 a.active:hover{ width:83px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_resources_02.png"); background:none;}		


#topnav ul li#menu6						{ width:79px;}
#topnav ul li#menu6	a					{ width:79px; height:68px; background:url(../images/nav_z_blogs.png) 0 0 no-repeat; _background:url(../images/nav_z_blogs_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu6 a				{ width:79px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_z_blogs_01.png"); background:none;}
#topnav ul li#menu6 a:hover,
#topnav ul li#menu6 a.active,
#topnav ul li#menu6 a.active:hover		{ background:url(../images/nav_z_blogs.png) 0 -68px no-repeat; _background:url(../images/nav_z_blogs_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu6 a:hover,		
*html #topnav ul li#menu6 a.active,		
*html #topnav ul li#menu6 a.active:hover{ width:79px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_z_blogs_02.png"); background:none;}		


#topnav ul li#menu7						{ width:115px;}
#topnav ul li#menu7	a					{ width:115px; height:68px; background:url(../images/nav_news.png) 0 0 no-repeat; _background:url(../images/nav_news_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu7 a				{ width:115px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_news_01.png"); background:none;}
#topnav ul li#menu7 a:hover,
#topnav ul li#menu7 a.active,
#topnav ul li#menu7 a.active:hover		{ background:url(../images/nav_news.png) 0 -68px no-repeat; _background:url(../images/nav_news_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu7 a:hover,		
*html #topnav ul li#menu7 a.active,		
*html #topnav ul li#menu7 a.active:hover{ width:115px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_news_02.png"); background:none;}		


#topnav ul li#menu8						{ width:65px;}
#topnav ul li#menu8 a					{ width:65px; height:68px; background:url(../images/nav_login.png) 0 0 no-repeat; _background:url(../images/nav_login_01.png) 0 0 no-repeat;}
*html #topnav ul li#menu8 a				{ width:65px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_login_01.png"); background:none; }
#topnav ul li#menu8 a:hover,
#topnav ul li#menu8 a.active,
#topnav ul li#menu8 a.active:hover		{ background:url(../images/nav_login.png) 0 -68px no-repeat; _background:url(../images/nav_login_02.png) 0 0 no-repeat;}
*html #topnav ul li#menu8 a:hover,		
*html #topnav ul li#menu8 a.active,		
*html #topnav ul li#menu8 a.active:hover{ width:65px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_login_02.png"); background:none; }		





#topnav2 ul li#menu8						{ width:65px;}
#topnav2 ul li#menu8 a					{ width:65px; height:68px; background:url(../images/nav_login.png) 0 0 no-repeat; _background:url(../images/nav_login_01.png) 0 0 no-repeat;}
*html #topnav2 ul li#menu8 a				{ width:65px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_login_01.png"); background:none; }
#topnav2 ul li#menu8 a:hover,
#topnav2 ul li#menu8 a.active,
#topnav2 ul li#menu8 a.active:hover		{ background:url(../images/nav_login.png) 0 -68px no-repeat; _background:url(../images/nav_login_02.png) 0 0 no-repeat;}
*html #topnav2 ul li#menu8 a:hover,		
*html #topnav2 ul li#menu8 a.active,		
*html #topnav2 ul li#menu8 a.active:hover{ width:65px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_login_02.png"); background:none; }			



#topnav2 ul li#menu9						{ width:100px;}
#topnav2 ul li#menu9 a					{ width:100px; height:68px; background:url(../images/nav_contact_us.png) 0 0 no-repeat; _background:url(../images/nav_contact_us_01.png) 0 0 no-repeat;}
*html #topnav2 ul li#menu9 a				{ width:100px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_contact_us_01.png"); background:none; }
#topnav2 ul li#menu9 a:hover,
#topnav2 ul li#menu9 a.active,
#topnav2 ul li#menu9 a.active:hover		{ background:url(../images/nav_contact_us.png) 0 -68px no-repeat; _background:url(../images/nav_contact_us_02.png) 0 0 no-repeat;}
*html #topnav2 ul li#menu9 a:hover,		
*html #topnav2 ul li#menu9 a.active,		
*html #topnav2 ul li#menu9 a.active:hover{ width:100px; height:68px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav_contact_us_02.png"); background:none; }