@charset "utf-8";
/*======================================
				Creator: ANIS
				DATE:2011-1-13
		Project Name:Smart Client
=======================================*/
body{
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:12px;
	background:url(images/bg_body.gif) repeat;
	position:relative;
	}
/*===========@Global Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
a{text-decoration:none}

/*------logo---------*/
div.logo{
	width:320px;
	height:70px;
	overflow:hidden;
	position:absolute;
	left:7px;
	top:11px;
	padding-left:8px;
	margin:8px;
	}
	div.logoname
	{
	    width:230px;float:left;
	    padding-top:15px;
	    }
	    div.logoname a
	    {
	        font-size:28px;
	        font-weight:bold;
	        color:#2dc4fc;
	        }
	          div.logoname a span
	          {
	              color:#424242;
	              }
.pagn{
	display:none
}
/*=========================================
					Navigation
===========================================*/
/*-----alphaNav------*/


.alphaNav{
	width:151px;/*187*/
	height:22px;
	padding:0 0 0 36px;
	position:absolute;
	right:8px;
	top:0;
	background:url(images/bg_alphaNav.png) no-repeat;
	}
.alphaNav ul{
	width:151px;
	height:22px;
	list-style:none;
	}
.alphaNav ul li{
	float:left;
	line-height:22px;
	}
.alphaNav ul li.login{
	width:120px;/*68*/
	padding-left:22px;
	background:url(images/interface/btn_login.gif) no-repeat left center;
	}
	.alphaNav ul li.login2{
	width:120px;/*68*/
	padding-left:22px;
	background:url(images/interface/btn_login.gif) no-repeat left center;
	}
.alphaNav ul li.faqs{
	width:46px;/*68*/
	padding-left:22px;
	background:url(images/interface/btn_faq.gif) no-repeat left center;
	}		
.alphaNav ul li a{
	float:left;
	font-size:12px;
	line-height:22px;
	color:#cccccc;
	}
.alphaNav ul li a:hover{
	text-decoration:underline;
	}
/*------mainNav------*/
div.mainNav1{
	width:558px;/*965*/
	height:27px;/*70*/
	position:absolute;
	right:0;
	top:43px;		
	}
ul#mainNav
{
    right:0px;	
	list-style:none;
	position:absolute;	
	z-index:500;
	}
#mainNav li{
	width:75px;
	float:left;
	height:27px;
	overflow:hidden;
	padding-left:5px;
	}
#mainNav li a{
	width:100%;
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	line-height:27px;
	background:url(images/interface/bg_mainNav.png) no-repeat 0px -300px;
	}

	#mainNav li ul{
			width:750px;		
			list-style:none;
			height:auto;
			position:absolute;
			z-index:500;
			top:27px;
			left:-146px;	
			display:none;			
						}
			#mainNav li ul li{
				width:100%;/*350*/				
				list-style:none;
				float:left;		
				height:auto;	
				}
			/*	#mainNav li ul li a
				{
					width:100%;
					padding:0;
					display:block;
					line-height:30px;
					font-size:12px;
					background:none;
					}*/
                    #mainNav li a:hover{
	                    color:#fff;
	                    background-position:top center;
	                    }
	
	
	.menustep,#test_Men_1,#test_Men_2,#test_Men_3{
	width:90%;	
	border:4px solid #666681;
	background:#FFFFFF;
	}
	.menustep,#test_Men_1,#test_Men_2,#test_Men_3 a:hover
	{
	     background-image:none;
	}
	.menuin
	{
	    width:100%;	  
	    }
	    .menuin p a
	    {
	        text-align:left;
	        background:none;
	    }
	    .menuin p a:hover
	    {	        
	        background-image:none;
	        text-align:left;
	    }
	    .newlink a
	    {
	        background-image:none;
	        text-align:left;
	    }
	    .newlink a a:hover
	    {
	         background-image:none;
	         text-align:left;
	    }
.menuin h2{	
	font-size:20px;
	line-height:32px;
	color:#FFF;
	font-weight:bold;
	background:url(images/interface/h2bg.gif) repeat-x;
    height:35px;
    padding:0 5px;
	}
.menuin h4
	{
	    width:90%;
	    color:#212121;
	    padding:10px 5px 0;
	    }
.menuin h2 span{
	color:#761407;
	}
.menuin p{
	font-size:12px;	
	line-height:18px;
	text-align:justify;
	color:#333333;
	padding:10px 5px 5px;
	}			
div#innerproductlink
{
 width:90%;
 margin:10px auto;
    }
    div#innerproductlink a
    {
        width:150px;
        color:#000;
        font-size:13px;
        text-decoration:underline;
        	line-height:18px;
        	font-weight:normal;
        }
          div#innerproductlink a:hover
          {
              color:red;
              background:none;
              }
            
/***************************************End************************************************/
	
.body00{
	background:url(images/interface/bg_body_00.jpg) repeat
}
.body01{
	background:url(images/interface/bg_body_01.jpg) repeat
}
.body02{
	background:url(images/interface/bg_body_02.jpg) repeat
}
/*.body02{
	background:url(images/interface/bg_body_03.jpg) repeat
}*/

.body03{
	background:url(images/interface/bg_body_04.jpg) repeat
}

.body04{
	background:url(images/interface/bg_body_05.jpg) repeat
}

.body05{
	background:url(images/interface/bg_body_06.jpg) repeat
}

.body06{
	background:url(images/interface/bg_body_07.jpg) repeat
}



/*-------content module---------*/
.othercontent{
	width:678px;
	float:left;
	min-height:450px;	
	}
.content{
	width:678px;
	float:left;
	}
.banner{
	width:673px;
	height:199px;
	position:relative;
	}
ul.bannerMenu, .bannerMenu_01, 
.bannerMenu_02, .bannerMenu_03, 
.bannerMenu_04, .bannerMenu_05, 
.bannerMenu_06, .bannerMenu_07
{
	width:667px;
	height:193px;
	overflow:hidden;
	list-style:none;
	position:absolute;
	left:5px;
	top:6px;
	}
ul.bannerMenu li, .bannerMenu_01 li, 
.bannerMenu_02 li, .bannerMenu_03 li, 
.bannerMenu_04 li, .bannerMenu_05 li, 
.bannerMenu_06 li, .bannerMenu_07 li{
	width:100%;
	height:100%;
	float:left;
	}
/*----bannertab------*/
ul.tab, .tab_01, .tab_02, .tab_03, .tab_04, .tab_05, .tab_06, .tab_07{
	width:100px;
	height:9px;
	list-style:none;
	position:absolute;
	left:28px;
	bottom:12px;
	}

ul.tab li, .tab_01 li, .tab_02 li, .tab_03 li, .tab_04 li, .tab_05 li, .tab_06 li, .tab_07 li{
	width:12px;/*16*/
	height:12px;
	float:left;
	padding:0 4px 0 0;
	background:url(images/interface/bullet_tab.png) no-repeat left top;
	}
ul.tab li.currentTab{
	width:12px;
	height:12px;
	background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
	
	ul.tab_01 li.currentTab
	{
	    width:12px;
	height:12px;
	background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
	
	ul.tab_02 li.currentTab_02
	{
	    width:12px;
	height:12px;
	background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
	ul.tab_03 li.currentTab
	{
	    width:12px;
	height:12px;
	background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
	ul.tab_04 li.currentTab
	{
	    width:12px;
	height:12px;
	background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
	ul.tab_05 li.currentTab
	{
	    width:12px;
	    height:12px;
	    background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
	
	ul.tab_06 li.currentTab
	{
	    width:12px;
	    height:12px;
	    background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
	
	ul.tab_07 li.currentTab
	{
	    width:12px;
	    height:12px;
	    background:url(images/interface/bullet_tab_hover.png) no-repeat 2px top;
	}
.bannarTxt{
	width:236px;
	height:118px;
	position:absolute;
	left:35px;
	top:34px;
	}
.service{
	width:214px;
	height:32px;
	background:url(images/interface/service_special_effect.png) no-repeat;
	}
.bannarTxt p{
	font-size:12px;
	line-height:14px;
	color:#66ccff;
	padding:0 0 12px 0;
	}
.bannarTxt a{
	width:196px;/*214*/
	height:14px;
	font-size:12px;
	line-height:14px;
	color:#cc9900;
	text-transform:capitalize;
	padding:0 0 0 18px;
	background:url(images/interface/bullet_round.png) no-repeat;
	}
.bannarTxt a:hover{
	text-decoration:underline;
	}
	
/*-----welcome module----*/
ul.ProductContent
{
	width:98%;
	list-style:none;
	overflow:hidden;
	padding-top:10px;
	padding-left:10px;
	margin:0px auto;
}
.ProductContent li
{
	width:100%;
	overflow:hidden;
	/*float:left;*/
	margin-right:35px;
	margin-bottom:26px;
}		
.welcomeproduct{
	width:627px;/*650*/
	min-height:209px;/*266*/
	padding:15px 0 0 20px;
	margin-bottom:20px;	
	}
.welcome{
	width:627px;/*650*/
	min-height:220px;/*266*/
	padding:15px 0 0 20px;
	margin-bottom:20px;
	}
.welcome h2{
	width:641px;
	font-size:20px;
	line-height:20px;
	color:#333333;
	font-weight:normal;
	margin-top:10px;
	}
.welcome h2 span{
	color:#3e91e8;
	}
.welcome p{
	font-size:12px;
	padding-top:10px;
	line-height:18px;
	text-align:justify;
	color:#333333;
	}		
													
/*-------sidebar module---------*/
.sidebar{
	width:240px;/*262*/
	float:right;
	margin:7px 0 0 0;
	padding:0 22px 0 0;
	}
.contact{
	width:240px;
	overflow:hidden;
	}
.contact h3{
	width:178px;/*240*/
	height:52px;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:62px;
	line-height:52px;
	color:#333333;
	background:url(images/interface/email.png) no-repeat;
	}
/*------postBox module----*/
.postBox{
	width:240px;
	overflow:hidden;
	padding:7px 0 0 0;
	}
.postBox h3{
	width:178px;/*240*/
	height:40px;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:62px;
	line-height:40px;
	color:#333333;
	background:url(images/interface/bg_news_header.gif) no-repeat;
	}
.postBox h5{
	width:215px;/*240*/
	padding:8px 0 10px 0;
	margin:0 0 0 12px;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#666666;
	border-bottom:1px solid #e5e5e5;
	}
.postBox .a{
	width:59px;
	display:block;
	font-size:12px;
	line-height:16px;
	margin:5px 0 0 190px;
	color:#cc9900;
	}
.postBox a:hover{
	text-decoration:underline;
	}					
					
/*=========================================
		Form-Elements
===========================================*/
/*----formBox module---*/
.formBox{
	width:220px;/*238*/
	overflow:hidden;
	padding:7px 0 0 10px;
	}
.forminput{
	width:214px;/*174*/
	height:20px;/*20*/
	font-size:11px;
	line-height:18px;
	color:#666666;
	border:1px solid #d9d9d9;
	margin-top:5px;
	}
.message{
	width:214px;/*174*/
	height:75px;/*85*/
	padding:5px 0px;
	margin:5px 0 0 0;
	font-size:11px;
	color:#666666;
	border:1px solid #d9d9d9;
	}
.submit_btn{
	width:60px;
	height:19px;
	margin:10px 0 0 110px;
	cursor:pointer;
	display:block;
	border:none;
	background:url(images/interface/btn_submit.gif) no-repeat;
	}			

/*start------------------------------------------main page layout*/
/*===============================================
					header
================================================*/
#header{
	width:100%;
	height:99px;
	position:relative;
	background:url(images/interface/bg_header.jpg) repeat-x;
	z-index:2000;
	}
#headerwrapper{
	width:963px;
	height:99px;
	position:relative;
	margin:0 auto;
	text-align:left;
	}	

/*===============================================
					page
================================================*/
#page{
	width:965px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	background:url(images/interface/bg_page.png) no-repeat left -1px;
	}
.page{
	width:965px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	display:none;
	background:url(images/interface/page_round.png) no-repeat left -1px;
	min-height:380px;
	}
	
.loginpage{
	width:965px;
	min-height:400px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	background:#fff;
	background:url(images/interface/page_round.png) no-repeat left -1px;
	}
/*===============================================
					footerNav
================================================*/
#footerNav{
	width:965px;
	height:38px;
	margin:-1px auto 0;
	text-align:left;
	background:url(images/interface/bg_footerNav.png) no-repeat 0px 0px;
	
	}
#footerNav ul{
	width:965px;
	height:33px;
	list-style:none;
	}
#footerNav ul li{
	float:left;
	height:33px;
	margin:0 0 0 17px;
	}
#footerNav ul li a{
	float:left;
	font-size:12px;
	line-height:33px;
	color:#666666;
	}
#footerNav ul li a:hover{
	text-decoration:underline;
	}				
/*===============================================
					footer
================================================*/
#footer{
	width:965px;
	height:46px;/*52*/
	margin:0 auto;
	padding:6px 0 0 0;
	text-align:left;
	}
#footer p{
	width:100%;
	font-size:11px;
	line-height:16px;
	color:#666666;
	text-align:center;
	}				
#footer p a{
	color:#666666;
	}
#footer p a:hover{
	text-decoration:underline;
	}	
	
	
	
	/*======================================= new css =================================*/
	
	.btnCss
	{	   	   
	    color:#000;
	    font-size:15px;
	    border-bottom-color:Black;
	    border:0px;  
	    background:none;  
	    cursor:pointer;
	}
.login_box
{
    width:350px;
    height:160px;
    background:#F1F1F1;
    position:absolute;
    left:50%;
    top:50px;
    display:none;
    z-index:1200;
    border:4px solid gray
}

.loginView_box
{
    width:150px;
    height:200px;
    background:#999;
    position:absolute;
    left:50%;
    top:50px;
    display:none;
    z-index:1000;
    border:4px solid gray
}
.login_box h4
{
    font-size:20px;
    color:#58A6F5;
    text-indent:20px;
    margin-top:10px;
}
.body_dark
{
    width:100%;
    height:100%;
    background:url(images/interface/bg_transparent.png);
    position:absolute;
    display:none;
    z-index:500;    
}
a.cancel_me
{
    width:40px;
    height:40px;
    display:block;
    position:absolute;
    right:4px;
    top:5px;
    background:url(images/interface/Close00.png) no-repeat;
}

.user_regi
{
    width:700px;
    height:400px;
    background:#F1F1F1;
    position:absolute;
    display:none;
    z-index:700;
    left:20%;
    top:60%;
    border:4px solid black
}

.user_regi h2
{
    font-size:20px;
    color:#000;
    text-indent:20px;
    margin-top:20px;
    color:#58A6F5;
}

.btn_cancel_regi_box
{
    width:40px;
    height:40px;
    display:block;
    position:absolute;
    right:4px;
    top:5px;
    background:url(images/interface/Close00.png) no-repeat;
}

.faq_box
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:50%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    /*overflow:auto;*/   
}

.faq_box h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.faq_box p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}

.cancel_faq
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

.forgetlogin_box
{
    width:350px;
    height:300px;
    background:#F1F1F1;
    position:absolute;
    left:50%;
    top:50px;
    display:none;
    z-index:900;
    border:4px solid gray
}

a.cancel_forget_box
{
    width:40px;
    height:40px;
    display:block;
    position:absolute;
    right:4px;
    top:5px;
    background:url(images/interface/Close00.png) no-repeat;
}


.newsdetails
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    margin:0 auto;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_news
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/Close00.png) no-repeat;
    float:right;
}

.newsdetails h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.newsdetails p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}

.newsdetails1
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_news1
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

.newsdetails1 h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.newsdetails1 p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}


.newsdetails2
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_news2
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

.newsdetails2 h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.newsdetails2 p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}


.newsdetails3
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_news3
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

.newsdetails3 h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.newsdetails3 p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}


.newsdetails4
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_news4
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

.newsdetails4 h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.newsdetails4 p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}

.newsdetails5
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_news5
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

.newsdetails5 h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.newsdetails5 p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}

.newsdetails6
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:800;
    display:none;
    border:3px solid #ccc;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_news6
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

.newsdetails6 h2
{
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}

.newsdetails6 p
{
    padding-right:10px;
    text-align:justify;
    line-height:20px;
}

.productdetails
{
    width:680px;/*700*/   
    padding:30px 0 10px 20px; 
    background:#F1F1F1;
    position:absolute;
    left:10%;
    top:20%;
    z-index:900;
    display:none;
    border:3px solid #ccc;
    /*height:350px;*/
    /*overflow:auto;*/   
}

.cancel_product
{
    width:40px;
    height:40px;
    display:block;
    /*position:absolute;*/
    left:4px;   
    background:url(images/interface/btn_cross.png) no-repeat;
    float:right;
}

/* classes for tooltips */
/* trigger button */
/* trigger button */
#download_now {
	background:transparent url(/img/home/download.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
}

/* mouseover state */
#download_now:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#download_now:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}
.gridviewcss
{
    width:100%;
    text-align:center;
    }
    .gvheaderCss
    {
        text-transform:uppercase;
        font-weight:bold;
        color:#fff;
        height:25px;
        background:#499cf1;
        line-height:25px;
        }
        .gridviewcss a
        {
            color:#333;
            font-weight:bold;
            }
             .gridviewcss a:hover
             {
                 color:#f0330e;
                 }
                 
  .modalBackground
        {
            background-color: #1E1E1E;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
        
        .modalPopup
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: #499CF1;
            font-family: Verdana;
            width:515px;           
            text-align:justify;
        }
        .btncss
        {
            border:1px solid #CCC;
            text-transform:uppercase;
            cursor:pointer;
          
            }
            .modalPopup h4
            {
                 background-color: #499CF1;
                 color:#FFFFFF;
                 width:100%;
                 line-height:22px;
                 font-size:15px;
                }
            
 /************Footer Nav************************/
 ul#mainNavF{
	width:558px;	
	list-style:none;
	position:absolute;	
	z-index:500;
	
	}
#mainNavF li{
	width:75px;
	float:left;
	height:27px;
	padding-left:5px;
	position:relative;
	
	}
#mainNavF li a{
	width:100%;
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	line-height:27px;
/*	background:url(images/interface/bg_mainNav.png) no-repeat 0px -300px;*/
	}
	
	#mainNavF li ul{
			width:750px;		
			list-style:none;
			height:auto;
			position:absolute;
			z-index:500;
			top:27px;		
			display:none;		
						}
			#mainNavF li ul li{
				width:100%;/*350*/				
				list-style:none;
				float:left;		
				height:auto;	
				}
				#mainNavF li ul li a
				{
					width:100%;
					padding:0;
					display:block;
					line-height:30px;
					font-size:12px;
					background:none;
					}
#mainNavF li a:hover{
	text-decoration:underline;
	background-position:top center;
	}
	
	
	.menustepF{
	width:90%;	
	border:4px solid #666681;
	background:#FFFFFF;
	position:absolute;
	 top:-430px;
	 height:400px;
	}
	#test_Men_1_F{
	width:90%;	
	border:4px solid #666681;
	background:#FFFFFF;
	position:absolute;
	top:-220px;
	height:190px;
	overflow:auto;
	}
	#test_Men_2_F{
	width:90%;	
	border:4px solid #666681;
	background:#FFFFFF;
	position:absolute;
	 top:-235px;
	 overflow:auto;
	 height:200px;
	 
	}
	#test_Men_3_F{
	width:90%;	
	border:4px solid #666681;
	background:#FFFFFF;
	position:absolute;
	 top:-180px;
	 height:140px;
	}

	.menuinF
	{
	    width:100%;
	    overflow:hidden;	  
	    }
.menuinF h2{	
	font-size:20px;
	line-height:32px;
	color:#fff;
	font-weight:bold;
	background:url(images/interface/h2bg.gif) repeat-x;
    height:35px;
    padding:0 0 0 5px;
	}
.menuinF h4
	{
	    color:#212121;
	    font-size:14px;
	    }
.menuinF h2 span{
	color:#2dc4fc;
	}
.menuinF p{
	font-size:12px;	
	line-height:18px;
	text-align:justify;
	color:#333333;
	padding:0 5px 0;
	}
	.contentPan
	{
	    width:200px;
	    height:300px;
	    border:1px solid red;
	    position:absolute;
	    top:-300px;
	}
	 div#innerproductlink1
                {
                 width:90%;
                 margin:10px auto;
                 clear:both;
                    }
                    div#innerproductlink1 a
                    {
                        width:150px;
                        color:#000;
                        font-size:13px;
                        text-decoration:underline;
        	                line-height:18px;
        	                text-align:left;
        	                margin-left:15px;
                        }
                          div#innerproductlink1 a:hover
                          {
                              color:red;
                              }
	
/****************ADMIN***************/
#headerAdmin{
	width:100%;
	height:99px;
	position:relative;
	z-index:2000;
	}
#headerwrapperAdmin{
	width:963px;
	height:99px;
	position:relative;
	margin:0 auto;
	text-align:left;
	background:#FFF;
	}	

#innerAdmin
{
    width:963px;
    background:#FFF;
    clear:both;
    padding:10px; 
    min-height:400px;
    border-top:2px solid #000;
    }
    #innerAdmin h3{color:#63aaf2;}
.adminNav
{
    width:558px;/*965*/
	height:27px;/*70*/
	position:absolute;
	right:0;
	top:43px;
	}
#Nav ul{
	width:550px;
	height:27px;
	list-style:none;	
	}
#Nav ul li{
	float:left;	
	margin:0 0 0 5px;	
	border:1px solid #CCCCCC;
	padding:0 5px;
	}
#Nav ul li a{
	float:left;
	font-size:12px;
	line-height:33px;
	color:#161616;
	font-weight:bold;
	}
#Nav ul li a:hover{
	text-decoration:underline;
	color:#1263b5;
	}	
	
.txtcss
{
    border:1px solid #CCC;
    height:20px;
    line-height:18px;   
    }
    
    
    
/********************pop up****************/
  
.modalpopup
{
    width:600px;
    height:250px;
    overflow-x:hidden;   
    background:#F1F1F1;
    color:#666666;
    border:3px solid #ccc;
 text-align:left;
}
.modalpopup h2
{      
    color:#58A6F5; 
    margin:10px 0px 10px 0px;  
}
.modalBackground
{
    background:url(images/interface/bg_transparent.png);
    }