/* CSS Document */

/*## CSS for Tag ###
=========================*/

a{
outline:none;
}
body{
font-family:"Tahoma", sans-serif, Lucida Sans;
font-size:12px;
color:#3399cc;
background:#F3F3F3 url(../images/bodyColor.gif) repeat-x center top; margin:0px;
}
p{
margin:0px;
padding:0px;
}
ul{
margin-left:0px;
padding-left:0px;
margin:0px;
list-style:none;
}
img{border:0;}

/*## CSS for index.php layout flashbox product123###
=========================*/

.subNav{
clear:left;width:100%;  
}
.subBox{
margin:0px;
padding:0px;
}
.subBox .sub li{
width:138px;
margin:0px;
padding:0px;
color:#FFFFFF;
padding:5px 5px 8px 5px ;
background-image:url(../images/sub_bg.gif);
background-position:bottom;
background-repeat:repeat-x;
background-color:#3399CC;
height:auto;
}
.subBox .sub .firstDrop{
padding:0px 5px;
height:9px; background:url(../images/sub_lli1.gif) no-repeat bottom left; 
}
.subBox .sub .last{
margin:0px;
padding:0px 5px;
height:4px;
background:url(../images/sub_liLast.gif) no-repeat top left; 
}
.boxMain{
padding-left:35px;width:966px; margin:0 auto; background:url(../images/bodyLoop.gif) repeat-y;
}
.headBanner{
float:right; text-align:right;padding:0px 8px 0 0;
}
.contentMain{
margin-top:64px;width:931px; overflow:hidden;  height:auto; 
}
.contentMain .headBanner{
float:left;width:931px;height:auto; background:url(../images/navLeftBg.gif) repeat-y;
}
.headd{
width:720px;height:auto; background-color:#FFFFFF;float:right;
}
.topContent{
width:931px; height:238px; 
}
.flashMain{
float:left;width:521px; border:0px solid #000; height:238px; margin-left:0px; background:url(../images/bgFlash.jpg) no-repeat;
}
.flashBox{
width:499px;height:221px; border:1px solid #CCCCCC; background:#000000;margin:8px 0 0 10px;
}
.navRight{
width:228px;height:274px; float:left; position:relative; z-index:1;
}
.navLeftMainPage{
width:182px; height:238px;  float:left;border:0px solid #000;
}
.bottomContent{
width:931px; height:227px; background-color:#FFFFFF; position:relative; float:left; margin-top:-36px; z-index:0;
}
.bottomContent h2{
margin:0px;
}
.bottomContent .contentBox{
padding:0 5px;
}
.productContent{
color:#666666; height:58px; overflow:hidden;
}
.proW1{
width:120px; 
}
.proW2{
width:120px; 
}
.proW3{
width:120px;
}
.space{
margin:4px 0 0 6px;
}
.space2{
margin-left:10px;
}
.bestSellerBox{
margin-top:4px;
margin-left:4px;
width:224px; height:185px; float:left; background:url(../images/bgBestSeller.gif) no-repeat;
}
.promotionBox{
width:224px; height:185px; float:left; background:url(../images/bgHighlight.gif) no-repeat; overflow:hidden;
}
.premiumBox{
width:224px; height:185px; float:left; background:url(../images/bgPromotion.gif) no-repeat; overflow:hidden;
}
.partnerBox{
width:211px; height:185px; float:left; overflow:hidden; text-align:right;
}
.marginPartner{
margin-top:33px;
} 

/*## CSS for index.php Mainmenu Searchfield LanguageBar###
=========================*/

.underNav{
position:absolute;clear:left; width:913px; height:18px;color:#ffffff;; background:url(../images/bgMenu.gif) ; margin-top:132px; padding:2px 5px 0 13px;
}
.underNav a{
font-weight:bold;
padding:0 7px;
color:#FFFFFF;
text-decoration:none;
}
.underNav a:hover{
text-decoration:underline;
}
.navBox{
 position:absolute; float:left; margin-top:99px;
}
.lastNav{
background:url(../images/navMainLoop.gif) top left; height:33px;padding:0px 38px 0 0px; width:378px; text-align:right;margin-left:10px;
}
.lastNav a:link,.lastNav a:visited{
color:#FFFFFF;
}
.lastNav a:active,.lastNav a:hover{
color:#FFFFFF;
text-decoration:none;
}
.searchStyle{
margin-top:0px;
vertical-align:baseline;
margin-left:0px;padding:10px 0px 9px 28px;font-weight:bold;background:url(../images/iconSearch.gif) no-repeat; color:#FFFFFF;
}
.searchTxt{
position:absolute;
margin:6px 0 0 -317px; padding:0px;padding-top:2px; vertical-align:top;
color:#999999;height:16px;width:140px;font-size:12px; border:1px solid #CCCCCC;margin-right:4px;
}
.searchBtn{
position:absolute;font-size:12px; margin:6px 0 0 -175px;  
}
.headBox{
width:931px; height:89px; background:url(../images/logo.gif) no-repeat; text-align:left;
}
.headBox .menuLang img{
vertical-align:middle;
}
.menuLang{
width:245px;
margin-left:696px;
top:75px;
position:absolute;
float:right;
}
.menuLang img{
border:0px;
}
.menuLang a:link, .menuLang a:visited{
color:#3399cc;
text-decoration:none;
}
.menuLang a:hover,  .menuLang a:active{
color:#3399cc;
text-decoration:underline;
}
.mainNav{
float:left;
padding:0px;
margin:0;
list-style:none;
}
.mainNav li{
float:left;
padding-top:5px;
}
.mainNav li img{
border:0px;
}


/*## CSS for index.php & footer ###
=========================*/

.quick-left{
position:absolute;
list-style:none;
margin:0px;
padding:0px;
}
.quick-left li{
margin-top:-2px;
padding:0px;
}
.footerBox{
padding:10px 0 0 35px;width:966px;margin:0 auto; background:url(../images/footerBg.gif) no-repeat; height:30px; color:#FFFFFF; font-size:11px;
}
.footerNav{
margin:0px;
list-style:none;
padding:0px;
}
.footerNav li{
float:left;
}
.footerNav li a{
margin:0 8px;
color:#FFFFFF;
text-decoration:none;
}
.footerNav li a:link,.footerNav li a:visited{
text-decoration:none;
}
.footerNav li a:hover,.footerNav li a:active{
text-decoration:underline;
}
.copyRight{
float:right; margin-right:39px; display:inline;
}
.productRow{
margin-top:5px;
float:left;
}
.productRow .productName{
color:#3399cc;
font-weight:bold;
font-size:12px;
}
.productRow p{
float:left;
}

/*## CSS for Inner page ###
=========================*/

.expandFloat{
height:auto; overflow:hidden;
}

.navLeft{
float:left;width:931px;height:auto; background:url(../images/navLeftBg.gif) repeat-y;
}
.headName{
width:720px;height:auto; background-color:#FFFFFF;float:right;
}
.headNameLoop{
overflow:hidden;
width:100%; height:66px; background:url(../images/headnew.gif) no-repeat; margin:0px;
}
.headNameLoop img{
margin-left:9px;
}
.box100Per{
width:100%; 
}
.contentBody{
padding:0px  0px 0 0px;  
width:100%;line-height:17px; 
color:#666666; 
float:left;
height:auto !important;
height:300px;
min-height:300px !important;  
}

/*## CSS for profile.php ###
=========================*/

.contentBody p{
text-indent:35px;
margin-bottom:15px;
}
.ulProfile{
list-style:none;margin-left:0px;padding-left:0px;margin-bottom:15px;
}
.ulProfile strong{
color:#3399cc;
}
.ulProfile li{
text-indent:35px;
margin-bottom:5px;
}


/*## CSS for contact.php ###
=========================*/


#contact{
background:url(../images/picContact.jpg) no-repeat;
}
.contactContent1{
width:460px; margin-left:150px; background:url(../images/iconLetter.gif) no-repeat; padding:8px 0 0 45px;text-align:left;
}
.contactContent1 .bold1{
font-size:120%;font-weight:bold; color:#3399cc; margin-bottom:5px;
}
.contactContent1 p{
margin:0 0 5px 0;
text-indent:0;
}
.contactFormBox{
padding:2px; background:url(../images/color1.gif); border:1px solid #66CCCC; margin:20px 0 20px 0;
}
.contactForm{
border:0px solid #66CCCC;
background:url(../images/colorGradient1.gif) bottom repeat-x;
padding:20px 0px 0 60px;
margin-top:20px;
overflow:hidden;
height:260px;
margin:00px 0 00px 0;
}
.contactForm p{
margin-bottom:8px;
text-align:right;
width:30%;
margin-left:-50px;
color:#3399cc;
font-weight:bold;
}
.contactForm input, .contactForm select ,.contactForm textarea{
margin-left:80px; position:absolute;width:250px;
}

/*## CSS for faq.php ###
=========================*/

#faq{
background:url(../images/picFaq.jpg) no-repeat;
}
.faqContent1{
width:440px; margin-left:150px; padding:0px 0 0 45px;text-align:left;
}
.faqUL li{
padding-bottom:8px;
margin-left:5px;
margin-bottom:5px;
color:#3399CC;
padding-left:16px;
background:url(../images/iconFaq.gif) no-repeat;
border-bottom:1px dotted #CCCCCC;
}
.faqUL .h1{
border:0px;
color:#0099CC;
margin:0 0 7px -10px;
background:none;
font-family:"Lucida Sans";
font-size:16px;
font-weight:bold;
}
.faqUL li a:link,.faqUL li a:visited{
color:#666666;
text-decoration:underline;
}
.faqUL li a:hover,.faqUL li a:active{
color:#FF9900;
text-decoration:none;
}
.iconQ{
width:474px; background:url(../images/iconQ.gif) no-repeat top left; margin-bottom:2px;

}
.iconQ .pQ{
font-weight:bold;
line-height:20px;color:#666666; margin-left:23px; padding:0 6px 0px 6px; color:#3399CC;
}
.iconA{
width:474px; background:url(../images/iconA.gif) no-repeat top left; margin-bottom:10px;  
}
.iconA .pA{
line-height:20px;color:#333; margin-left:23px; background:url(../images/bgA.gif); padding-left:6px; padding:0 6px 0px 6px; 
}
.iconQ .pQ div,.iconA .pA div{
text-align:center;
}
.Q-Aset{
padding-bottom:5px;  margin-top:15px;width:474px;
}
.faqBox{
padding-bottom:10px;margin:20px 0 0 0;
}


/*## CSS for event.php and event_detail.php ###
=========================*/

.event{
width:530px; margin:0 0 0 15px;
}
.eventBox{
width:132%; background:url(../images/bgEvent1.gif) no-repeat;  overflow:hidden; height:auto; border-bottom:1px dotted #FF3300;padding-bottom:5px;margin-bottom:10px;
}
.eventBox .pic{
 float:left;margin:19px 0 0 19px;padding:1px; border:1px solid #CCCCCC;
}
.eventContent{
width:370px;margin:20px 0 0 20px; float:left;display:inline;
}
.eventContent .title{
color:#3399cc;padding-left:29px;background:url(../images/iconEvent.gif) no-repeat; font-size:14px ; font-weight:bold; padding-bottom:5px;
}
.eventContent .content{
text-indent:30px;padding-left:6px; margin-bottom:8px; text-align:justify; padding-right:18px;
}
.btnReadmore{
float:right;
}
.title a:link,.title a:visited{
color:#3399cc;
text-decoration:underline;
}
.title a:hover,.title a:active{
color:#3399cc;
text-decoration:none;
}
.noBorder{
border:0px;
}
.picThum{
width:470px; padding:8px 5px 8px 14px; text-align:justify; 
}
.picThum p img{
padding:2px; border:1px solid #ccc; margin:0 3px;
margin-bottom:8px;
}
.picThum p{
width:100%;
text-align:center;
}

/*## CSS for product.php and product_read.php ###
=========================*/

.productContent1{
display:inline;
height:100px;width:534px; margin:0px  11px 0 0px;  padding:8px 0 0 0px;
overflow:hidden; height:auto;
}
#sideBg{
background:url(../images/bgProduct.jpg) no-repeat;
}
.bgProduct .name a:link , .bgProduct .name a:visited{
color:#FF0000;
text-decoration:none;
}
.bgProduct .name a:hover , .bgProduct .name a:active{
color:#FF0000;
text-decoration:underline;
}
.productContent1 .productIntro{
text-indent:30px; padding:0 20px; margin-top:20px; font-weight:bold;
padding-bottom:20px; font-size:15px;
}
.productContent1 .productIntro a{color:#666;}
.bgProduct{
width:494px; background:url(../images/bgDeitalSD.jpg) no-repeat; margin:0 auto; height:auto;
overflow:hidden;margin-top:0px;  border:0px solid #000;padding-bottom:20px;
}
.productBox{
padding:15px 0 0 15px;  
}
.productPic{float:left; margin-right:3px;}
.productBox .name{
text-indent:0px; color:#FF0000 ; font-weight:bold; margin-bottom:0px; padding-bottom:0px; margin-left:105px;
}
.productBox .content{
padding:0 10px 0 0; width:360px; margin-top:10px;  margin-left:105px;
}
.productBox .readmore{
padding:0px; margin:0px;
float:right; margin:0 15px 0 0; display:inline; font-weight:bold; color:#666;padding-right:14px ; background:url(../images/iconReadmore.gif) no-repeat right top;
}
.productBox .readmore a:link , .productBox .readmore a:visited{
color:#666666;
text-decoration:none;
}
.productBox .readmore a:hover , .productBox .readmore a:active{
color:#FF0000;
text-decoration:underline;
}

/*## CSS for product_read.php ###
=========================*/

#read{
background:url(../images/ProductDetail_BG.gif) no-repeat center top;
margin-top:00px;padding-top:10px;
}
.productRead-box{
width:643px;
float:left;
padding:0 34px 0 36px; 
overflow:hidden;
}
.productRead-box .content{
float:left;width:404px; margin:25px 0 0 12px;
}
.productRead-box a:link , .productRead-box a:visited {
color:#FF0000;
text-decoration:underline;
}
.productRead-box a:hover , .productRead-box a:active {
color:#FF0000;
text-decoration:none;
}
.productRead-box .content ul, .contentCareer ul{
list-style:none; margin:auto; padding-left:30px;
padding-bottom:8px;
}
.productRead-box .content ul li , .contentCareer  li{
padding-left:22px;
margin-bottom:5px;
background:url(../images/action_check.gif) no-repeat;
}
.productRead-box .name{
font-size:14px ; color:#FF0000; font-weight:bold;margin:7px 0 20px 0 ; padding:0px;
}
.productRead-box .left-box{
float:left;width:226px;
}
.left-box .top{
width:100%; text-align:center;padding-top:10px; margin-top:18px;
}
.top .zoom{
position:absolute;margin-top:13px; margin-left:-5px;
}
.top .zoom img{
border:0px;
}
.left-box .feature{
margin-top:20px;padding:0 10px; margin-bottom:10px; background:url(../images/ProductDetail_SD_Feature.jpg) no-repeat; padding-top:40px;
}
.left-box .feature img{
margin:5px 4px 5px 6px;
border:1px solid #CCCCCC;
}

/*## CSS for career.php ###
=========================*/

#career{
height:auto;padding-bottom:20px;
background:url(../images/picCareers.jpg) no-repeat;
}
.careerBox{
width:460px; margin-left:150px; padding:8px 0 0 12px;text-align:left
}
.careerName li{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:21px;
padding:0px;
padding-top:3px;
margin:0px;
float:left;
background:url(../images/careerBg.gif);
}
.careerName .firstLi{
height:24px;
width:8px;
background:url(../images/careerName1.gif) no-repeat;
}
.careerName .lastLi{
height:24px;
width:8px;
background:url(../images/careerName2.gif) no-repeat;
}
.contentCareer{
margin:10px 0 0 30px;
}
.contentCareer p{
text-align:justify;
padding-right:24px;
}
.contentCareer .btnApp{
width:163px; height:46px;margin-left:330px; display:inline; 
}
.careerRow{
width:542px;background:url(../images/careerRectan.gif) no-repeat; height:auto; overflow:hidden;
padding-bottom:20px;
}
.careerRow .appName{
height:24px; width:auto;margin:0 0 0 25px; 
}

/*## CSS for Download###
=========================*/

.download{
border:1px solid #99cc00;
padding-bottom:5px;
margin-bottom:15px;
}
.download h2,.download h3{
padding-top:3px;
font-size:12px;
margin:0px;
padding-left:5px;
}
.download h2{
font-size:12px;
color:#FFFFFF;
height:24px;
background:repeat-x url(../images/downloadTopic.gif);
}
.download h3{
height:22px;
background:url(../images/downloadBg.gif);
}
.downloadDrop{
padding:7px 8px 8px 8px;
height:20px;
text-align:right; background:url(../images/downloadBar.gif) no-repeat right top;
}
.downloadLi li  .date{
color:#999999;
display:block;width:99%;text-align:right; margin-top:-18px;
}
dd a{
	color:#F60;
	text-decoration:none;
}

/*calendar*/
table#calendar{
	width:700px;;
	font-size:1.2em;
	font-weight:bold;
}
table#calendar th{
	background-color:#6F9;
	padding:5px;
	width:100px;
	text-align:center;
	font-weight:bold;
}
table#calendar caption a{margin:0 10px;}
table#calendar td{
	text-align:center;
	padding:10px 0;
}
table#calendar td a{color:#000; display:block;}
table#calendar td.bg-red a, table#calendar td.bg-gray a{color:#FFF;}

div#tooltip{
	position:absolute;
	display:none;
	width:300px;
	background-color:#FFF;
	border:#00F solid 1px;
	padding:3px;
}
table.prd-list{
	width:400px;
	border-collapse:collapse;
	border:#666 solid 1px;
}
table.prd-list th, table.prd-list td{border:#666 solid 1px; padding:3px;}
table.prd-list th{
	background-color:#CCC;
	text-align:center;
	color:#000;
}

.product{
	width:95%;
	margin:10px;
	padding-bottom:5px;
}
.product td{
	padding:5px;
	border-right:#CCC dashed 1px;
	border-bottom:#CCC dashed 1px;
}
.product h2{
	height:32px;
	overflow:hidden;
	padding-bottom:5px;
	margin:0px; margin-bottom:5px;
	font-size:12px; color:#CC0000; font-weight:bold;
}

.product img{	
	float:left;
	width:100px;
	height:100px;
	border:#000 solid 0px;
}
.product .detail{
	margin-left:105px;
	padding-top:5px;
	margin-top:-5px;
	font-size:11px;
	text-indent:0;
}
.product .readmore{
	width:auto;font-size:11px;
	text-indent:0px; padding-left:14px;
	float:right; margin-top:-10px;
	background:url(../images/productH_iconRead.gif) no-repeat;
}
.readmore a{
	color:#000;
	text-decoration:underline;
}
.readmore a:hover{
	color:#666;
	text-decoration:none;
}

.strike{text-decoration:line-through;}
.center{text-align:center;}
.bg-red{background-color:#F00;}
.bg-gray{background-color:#999;}
.bg-blue{background-color:#CFF;}
.bg-light{background-color:#FFC;}

.navLeft .menuList{
margin-top:2px;
float:left; 
}
.navLeft .menuList a{
color:#3388c0;
text-decoration:none;
}
.navLeft .menuList a:hover{
text-decoration:underline;
}
.navLeft .main li{
font-weight:normal;
font-size:14px;
width:174px; font-weight:bold;
padding:0px 0 13px 26px; background:url(../images/lineNavLeft.gif) bottom left no-repeat;
}
.navLeft .main .subLeft{
display:none;
}
.navLeft .main .subLeft li{
	width:auto;
	background:none; font-weight: normal;
	font-size:12px;line-height:20px;
	margin:0px;padding:0px 0 0 10px;
}
.linkTop{text-align:right;}

.productContent1 .productIntro a{
color:#fff; font-weight:bold;
}
.productContent1 .productIntro a:hover{
text-decoration:none;
}
.productContent1 .productIntro{
font-weight:bolder; color:#FFF;
font-size:13px;background:url(../images/bgIntro.gif) repeat-x; width:auto; padding:3px 8px;
border-bottom:#900 1px solid;
}