@import url("links.css");			  
@import url("forms.css");     
@import url("headings.css");        
@import url("modules.css");       
@import url("deco.css");         
@import url("extensions.css");
@import url("cpanel.css");
@import url("CUSTOMER.css");    
/*=========================================*/


/*==========general==========*/
body 				{font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;}
body#bd				{}
#ja-wrapper			{color:#292929;background:#fff;width:1014px;margin:8px auto;}
#ja-inwrapper		{}


/*==========header==========*/
#ja-header .main 			{padding:25px 0;}
h1.logo, div.logo-text h1 	{font-size: 250%; line-height: 1; margin-left: 15px;}

/*logo image*/
h1.logo					{}
h1.logo a,
h1.logo-offline 		{background: url(../images/logo.png) no-repeat left;display: block;}
h1.logo-offline			{margin:0 auto 25px auto;text-indent:-2000px; overflow:hidden;}

/*logo text*/
div.logo-text h1 		{font-size: 200%;font-family: Arial, sans-serif;font-weight: bold;}
div.logo-text h1 a 		{text-decoration: none;}
p.site-slogan 			{color: #ccc;display: block;font-size: 85%;margin: 3px 0 0;padding: 0 10px;text-transform: uppercase;}

/*header tools*/
#ja-tools 						{position:absolute;right:15px;bottom:35px;text-align:right;}
#ja-tools ul.tool-list 			{float:right;text-align:right;}
#ja-tools > ul.tool-list > li 	{float:right;margin-left:20px;}
.topnav		 					{margin-top:5px;}	
.topnav ul 						{text-align:right;}
.topnav ul li					{
								display:inline; 
								padding: 0 10px 1px 9px;
								background:url(../images/border-top-menu.png) no-repeat right center;
								}
.topnav ul li:last-child		{background:0;}
.topnav ul li a					{font-size:10px;text-transform:uppercase;}


/*==========navigation==========*/
#ja-mainnav 					{}
#ja-mainnav .main 				{}
#ja-mainnav .main .main-inner1 	{} 
.menu-desc 						{font-size:11px!important;}

/*mega-menu*/
#ja-megamenu,
ul#ja-cssmenu,
#jasdl-mainnav > ul,
#ja-splitmenu > ul				{float:left;}

#menu-bg						{
								background-image:url(../images/nav-bg.png);
								background-repeat:repeat-x;
								background-position:left top;
								margin:0 15px!important;
								width:950px;
								display:block;
								height:100%;
								float:left;
								}
#ja-subnav						{margin:0 15px!important;background:url(../images/dropline-split-bg.png) no-repeat center bottom;}

/*==========main container==========*/
#ja-container .main 			{ padding: 15px 0 0; }
.main .main-inner1 				{ margin-left: 0; margin-right: 0; }

/*columns*/
#ja-right						{background:url(../images/grad-rb.png) no-repeat 3% bottom;}
#ja-right > .ja-colswrap		{background:url(../images/grad-rt.png) no-repeat 3% top;padding-left:20px;}

#ja-left						{background:url(../images/grad-lb.png) no-repeat 97% bottom;}
#ja-left > .ja-colswrap			{background:url(../images/grad-lt.png) no-repeat 97% top;padding-right:20px;}



/*==========slider==========*/
#ja-slider						{padding:15px 0 0 0;}	


/*==========spotlights==========*/
#ja-topsl-a,
#ja-topsl-b,  
#ja-botsl-a,
#ja-botsl-b						{padding:10px 0!important;}

#ja-topsl-a .ja-box,
#ja-topsl-b .ja-box,  
#ja-botsl-a .ja-box				{ background:0;}

#ja-botsl-b .ja-box 			{ background:url(../images/botsl-border.png) repeat-y right;}

#ja-topsl-a .ja-box-right,
#ja-topsl-b .ja-box-right, 
#ja-botsl-a .ja-box-right,
#ja-botsl-b .ja-box-right 		{ background: 0;}

#ja-topsl-a .ja-moduletable,
#ja-topsl-b .ja-moduletable, 
#ja-botsl-a .ja-moduletable,
#ja-botsl-b .ja-moduletable 	{margin-top: 10px;margin-bottom:0!important;padding-bottom:0!important;}

/*top spotlights*/
#ja-topsl-a .main,
#ja-topsl-b .main  				{ padding: 0; }
#ja-topsl-a .main-inner1,
#ja-topsl-b .main-inner1 		{ }

/*bottom spotlights*/
#ja-botsl-a .main,
#ja-botsl-b .main,
#ja-news .main 					{ padding: 0; }
#ja-botsl-a .main-inner1			{}
#ja-botsl-b .main-inner1 			{}
#ja-botsl-b 						{ 
									background-image:url(../images/botsl-bg.png);
									background-repeat:repeat-x;
									background-position:left top;
									}


/*==========footer==========*/
#ja-footer 				{ 
clear: both; 
padding: 20px 0 15px 0;
background-image:url(../images/footer-bg.png);
background-repeat:repeat-x;
background-position:top left; 
}
#ja-footer .main 		{ padding: 0; position: relative; text-align: left; }
#ja-footer .inner 		{ padding: 0; }
#ja-footer small 		{ font-size: 100%; }

/*footnav*/
#ja-footer .ja-footnav 	{ font-size: 100%; margin: 0; overflow: hidden; position: relative; }
.ja-footnav ul 			{ line-height: normal;text-align:right;float:right;margin-right:15px; }
.ja-footnav li 			{ display: inline; padding: 0 5px; }
.ja-footnav li a 		{ }
.ja-footnav li a:hover, 
.ja-footnav li a:active, 
.ja-footnav li a:focus 	{ }

/*copyright*/
.ja-copyright 			{ float:left;width:48%; }
.ja-copyright small 	{ display: block;padding-left:15px; }


/*==========miscellanous==========*/

#ja-poweredby 					{position:absolute;left:450px;top:0; }
.t3-logo-dark-sm a 				{background-image: url(../images/t3-logo.png) !important;}
#ja-top-panel .main-inner1 		{border: 2px dotted #e2e2b5;padding: 5px 10px;text-align: center;margin-top: 15px;background: #ffffcc;position: relative;}

#ja-banner 						{border-top: 1px solid #ccc; }

div.ja-innerdiv 				{border-bottom: 1px dotted #ccc; }
div.ja-innerdiv h4 				{font-family: Helvetica, Arial, sans-serif;font-size: 92%;font-weight: normal;text-transform: uppercase;}
a.ja-icon-video 				{background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;border: 1px solid #ccc;color: #666;display: block;font-weight: bold;position: absolute;padding: 5px 5px 5px 43px;right: 10px;top: 8px;text-decoration: none;width: 35px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 0 0 3px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);}
a.ja-icon-video span 			{ color: #666; }
a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active 			{ border-color: #ddd; text-decoration: none; }
a.ja-icon-video:hover span		{ color: #0F85D8; }

#ja-absolute .main 				{position: fixed;width: auto;height: auto;z-index: 99999;top: 1px;left: 1px;}
#ja-absolute .main a 			{width: 91px;height: 99px;overflow: hidden;display: block;background: url(../images/joomla15.png) no-repeat left top #fff;text-indent: -9999px;}
#ja-absolute .main a:hover,
#ja-absolute .main a:focus 		{background-position: left bottom;text-decoration: none;}