@charset "utf-8";

body {
	background-image: url(img/ptrn.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
h1
{
	font-size: 19px;
	color: #FFFFFF;
	font-weight: normal;
}
p
{text-align:justify;}
img
{border:0px}
figure, figcaption
{margin:0px; padding:0px;}
a:link {
	text-decoration: none;
	color:#333;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #006699;
}
.banner
{width:100%; height:300px; background-image:url(img/rept-bar.png); z-index:1; position:relative;}
.top-bar
{width:100%; background-image:url(img/top-bar.png); background-repeat:no-repeat; height:129px;}
.top-content
{width:1000px; margin:auto; height:200px;}
.top-content_i
{
	width: 480px;
	height: auto;
	float: left;
	margin-left: 40px;
	margin-top: 5px;
}

.ordf
{
	background-image:url(img/cart.png);
	width:108px;
	height:76px;
	margin:auto;
}

.multi1
{
	background-image:url(img/singalpc.png);
	width:139px;
	height:135px;
	float:left;
	margin-left:1px;
	z-index:4;
	position:relative;
	margin-right:4px;
	
	
}
.multi2
{
	background-image:url(img/2-pc.png);
	width:139px;
	height:135px;
	float:left;
	margin-left:1px;
	z-index:4;
	position:relative;
	margin-right:2px;
	
	
}
.multi3
{
	background-image:url(img/5-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;
z-index:4;
	position:relative;
	margin-right:2px;
}

.multi4
{
	background-image:url(img/10-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;
	z-index:4;
	position:relative;
	margin-right:2px;
}

.multi5
{
	background-image:url(img/15-pc.png);
	width:139px;
	height:135px;
margin-left:1px;
float:left;
z-index:4;
	position:relative;
	margin-right:2px;
}

.multi6
{
	background-image:url(img/20-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;
	z-index:4;
	position:relative;
	margin-right:2px;
}

.multi7
{
	background-image:url(img/25-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;
z-index:4;
	position:relative;
	margin-right:2px;
}

.strip1
{
	background-image:url(img/white-singal-pc.png);
	width:128px;
	height:115px;
	margin:auto;
	margin-left:2px;
	
	}
	
	.strip2
{
	background-image:url(img/2pc-offer.png);
	width:128px;
	height:115px;
	margin:auto;
	margin-left:2px;
	}
	
	.strip3
{
	background-image:url(img/5pc-offer.png);
	width:128px;
	height:115px;
	margin:auto;
	margin-left:2px;}
	
	.strip4
{
	background-image:url(img/10pc-offer.png);
	width:128px;
	height:115px;
	margin-left:2px;
	margin:auto;}
	
	.strip5
{
	background-image:url(img/15pc-offer.png);
	width:128px;
	height:115px;
	margin-left:2px;
	margin:auto;}
	
	.strip6
{
	background-image:url(img/20pc-offer.png);
	width:128px;
	height:115px;
	margin-left:2px;
	margin:auto;}
	
	.strip7
{
	background-image:url(img/25pc-offer.png);
	width:128px;
	height:115px;
	margin-left:2px;
	margin:auto;
	
	}
	
	
	
	
	.multi11
{
	background-image:url(img/singalpc.png);
	width:139px;
	height:135px;
	float:left;
	margin-left:1px;
	
	margin-right:2px;
	
}
.multi21
{
	background-image:url(img/2-pc.png);
	width:139px;
	height:135px;
	float:left;
	margin-left:1px;
	
	margin-right:2px;
}
.multi31
{
	background-image:url(img/5-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;

	margin-right:2px;
}

.multi41
{
	background-image:url(img/10-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;
	
	margin-right:2px;
}

.multi51
{
	background-image:url(img/15-pc.png);
	width:139px;
	height:135px;
margin-left:1px;
float:left;

	margin-right:2px;
}

.multi61
{
	background-image:url(img/20-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;
	
	margin-right:2px;
}

.multi71
{
	background-image:url(img/25-pc.png);
	width:139px;
	height:135px;
	margin-left:1px;
	float:left;

	margin-right:2px;
}

	
	
	
	
	
	
	.top-image
{width:460px; height:auto; float:left;}
.main-content
{width:1000px; margin:auto; height:auto; margin-top:-20px; background-color:#FFF; border:1px solid #CCC; position:relative;}
.heading
{background-image:url(img/feature-name.png); background-repeat:repeat-x; width:100%; line-height:43px; height:43px;}
.style1
{
	font-size: 28px;
	color: #454545;
}
.style2
	{
	font-size: 15px;
	color: #3C4353;
	}
	.style3
	{
	font-size: 14px;
	color: #000;
	}
	.style4
	{
	font-size: 12px;
	color: #FFF;
	}
	.style5
	{
	font-size: 18px;
	color: #006699;
	}
	.style6
	{
	font-size: 18px;
	color: #fff;
	}
	.style7
	{
	font-size: 13px;
	color:#666;
	}
	.stylefooter
	{
		color:#FFF;
	}
ul#css3menu ul{
	display:none;position:absolute;padding:0 6px 6px; top:98%;}
ul#css3menu li:hover>*{
	display:block;}
ul#css3menu li:hover{
	position:relative;}
ul#css3menu ul ul{
	position:absolute;}
ul#css3menu,ul#css3menu ul{
	margin:0;list-style:none;background-color:#000000; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(255,255,255,0.16));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;-moz-box-shadow:1.4px 1px 2px #B1B1B1;-webkit-box-shadow:1.4px 1px 2px #B1B1B1;box-shadow:1.4px 1px 2px #B1B1B1;}
ul#css3menu{
	padding:6px 6px 6px 0;display:block;font-size:0;position:absolute;}
ul#css3menu li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu>li,ul#css3menu li{
	margin:0 0 0 6px;}
ul#css3menu ul>li{
	margin:6px 0 0;}
ul#css3menu a:active, ul#css3menu a:focus{
	outline-style:none;}
ul#css3menu a{
	display:block;vertical-align:middle;border-width:0;border-style:solid;border-color:transparent;text-align:left;text-decoration:none;padding:8px 20px;font:12px Arial,sans-serif;color:#E7E5E5;cursor:pointer;}
ul#css3menu ul li{
	float:none;}
ul#css3menu ul a{
	text-align:left;}
ul#css3menu li:hover>a{
	background-color:#7ACF27;border-color:#F8F8F8;border-style:solid;font:12px Arial,sans-serif;color:#333;text-decoration:none; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu img{
	border:none;vertical-align:middle;margin-right:16px;width:16px;height:16px;}
ul#css3menu ul img{
	width:16px;height:16px;}
ul#css3menu img.over{
	display:none;}
ul#css3menu li:hover > a img.def{
	display:none;}
ul#css3menu li:hover > a img.over{
	display:inline;}
ul#css3menu ul span{
	background-image:none;padding-right:16px;}
ul#css3menu li.topitem>a{
	background-color:traspar;border-width:1px 0 0 0;border-style:solid;border-color:;border-radius:1.6em;-moz-border-radius:1.6em;-webkit-border-radius:1.6em;font:bold 13px Arial,sans-serif;color:#E7E5E5;text-decoration:none;}
ul#css3menu li.topitem:hover>a{
	background-color:#7dfa00; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.77),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;font:'bold 13px Arial,sans-serif';color:#444444;text-decoration:none;text-shadow:0 1px 0 #C5EAA1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#C6FFFFFF,endColorstr=#B355AA00)}
ul#css3menu .submenu>li{
	margin:0;}
ul#css3menu .submenu{
	background-color:#202020; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.16),rgba(255,255,255,0));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0)));border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-color:#000000;padding:0;}
ul#css3menu li.subfirst>a{
	border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px 9px 0 0;}
ul#css3menu li.sublast>a{
	border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0 0 9px 9px;}


.dwn {
	border-radius: 3px;
	width: 90%;
	height: 20px;
	box-shadow: inset 0px -12px 0px 0px #F37A09;
	background-color: #F89943;
	text-align: center;
	padding-top: 4px;
	margin: auto;

}
.home-banner
{width:auto; height:auto; float:right; background-image:url(img/business-barcode-laptop.png); background-repeat:no-repeat; width:470px; height:319px;}
.container1
{width: 450px; height: auto; margin-left: 30px; background-color: #f6f6f6; margin-right: 30px; float: left; border: 1px solid #ccc;}
.container2
{width: 450px; height: auto; background-color: #f6f6f6; margin-right: 20px; float: left; border: 1px solid #ccc;}
.partition
{background-image:url(img/divider4.png); background-repeat:repeat-x; height:9px;}
.home-tb
{border: 3px #FB8E04 solid; margin: auto; background: white; background-color: #F3F3F3; border-radius: 7px; width: 93%; height: auto; padding-bottom: 5px;}
.home-div
{width: 100%; margin: auto; height: auto; box-shadow: inset 0px 12px 19px 0px #0095DD; background-color: #006699; border-bottom: 2px solicd #FB8E04; text-align: center;}
.home-div1
{width: 100%; margin: auto; height: auto; box-shadow: inset 0px 12px 19px 0px #FCAB49; background-color: #FB8E04; border-bottom: 2px solid #FB8E04; text-align: center;}
.home-tb1
{border: 3px #006699 solid; margin: auto; background-color: #F3F3F3; border-radius: 7px; width: 93%; height: auto; padding-bottom: 5px;}
.tb
{width: 96%; border-radius: 3px; text-align: center; margin: auto; margin-bottom:2px; margin-top:2px;}
.order-text
{width: 150px; color: #FFFFFF; font-size:14px;}
.aside-cnt
{background-image:url(img/box.png); background-repeat:no-repeat; width:1000px; margin:auto; height:252px;}
.dwn1 {
	border-radius: 3px;
	width: 90%;
	height: 20px;
	box-shadow: inset 0px -12px 0px 0px #0095DD;
	background-color: #006699;
	text-align: center;
	padding-top: 4px;
	margin: auto;
}
.box-dwd
{width:300px; height:150px; margin-right:10px; margin-bottom:25px; background-color:#FFF; margin-left:20px; float:left; border:1px solid #FFF;}
.box-dwd:hover
{width:300px; height:150px; margin-right:10px; margin-bottom:25px;  margin-left:20px; float:left; border-bottom:1px solid #F89943; box-shadow: 0px 2px 0px #F89943;}
.navigation
{width:140px; height:50px; background-color:#FFF; border-top-left-radius:10px; border-top-right-radius:10px; margin-top:5px; float:left; margin-right:5px; text-align:center; line-height:50px;}

.nav-btn
{width:140px; margin:auto; box-shadow: inset 0px -18px 0px 0px #F37A09;
	background-color: #F89943; border-top-left-radius:10px; border-top-right-radius:10px; font:'bold 13px Arial,sans-serif';color:#fff;text-decoration:none; height:40px; font-size:17px; line-height:40px;}
.nav-btn a span
{color:#FFF; font-size:17px;}
.content
{width:96%; line-height:20px; margin:auto;}
.div-more1
{
	width:130px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}
.feature-main
{width:100%; height:42px; margin-bottom:5px;}
.feature-img
{width:40px; height:40px; float:left; margin-right:10px;}
.feature-desc
{width:890px; height:40px; line-height:40px; float:left; margin-right:10px;}
.down-btn1
{background-image:url(img/win-buttion.png); background-repeat:no-repeat; width:213px; height:48px;}
.down-btn2
{background-image:url(img/mac-buttion.png); background-repeat:no-repeat; width:213px; height:48px;}
.order-btn
{background-image:url(img/win-order-buttion-2.png); background-repeat:no-repeat; width:213px; height:48px;}
.order-btn1
{background-image:url(img/order-buttion-2.png); background-repeat:no-repeat; width:213px; height:48px;}
.quick-link
{background-image:url(img/quick-link.png); background-repeat:no-repeat; margin-left:-26px; width:1050px; height:155px; margin:auto; margin-top:-12px;}
.quick-link1
{
	background-image: url(img/quick-link01.png);
	background-repeat: no-repeat;
	margin-left: -26px;
	width: 1200px;
	height: 155px;
	margin: auto;
	margin-top: -12px;
}
.barcode-link
{background-image:url(img/barcode-theme.png); margin-left:90px; background-repeat:no-repeat; width:406px; height:62px; float:left; margin-right:40px; line-height:62px; text-align:center;}
.card-link
{background-image:url(img/cards-theme.png); background-repeat:no-repeat; width:406px; height:62px; float:left; margin-right:30px; line-height:62px; text-align:center;}
.footer-bg
{
	width: 100%;
	height: 100px;
	background-image: url(img/rept-bar.png);
	background-repeat: repeat-x;
	color: #2F2F29;
	float: left;
}
#featured{ 
	width:750px; 
	padding-right:250px; 
	position:relative;
	border:3px solid #FC0;
	height:250px; overflow:hidden;
	margin:auto;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:750px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; height:250px;
	overflow:auto;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; text-decoration:none;
	color:#333;  background:#fff; 
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url(img/selected-item.png) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#FBB03B;
}
#featured .ui-tabs-panel{ 
	width:750px; height:250px; 
	background:#069; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:245px; 
	width:350px;
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
.box-lang
{width:95%; margin:auto; background-color:#FFF; border:1px solid #CCC; margin-bottom:10px; height:180px;}
.box-lang:hover
{width:95%; margin:auto; background-color:#DDEEFF; border:1px solid #6CB6FF; margin-bottom:10px; height:180px;}

.table {width: 100%; margin-bottom: 40px; font-size:13px;}
.table th, .table td { padding: 8px; line-height: 20px; text-align:left; vertical-align: top; border-top: 1px solid #dddddd;}
.table th { font-weight: bold; background:#f2f2f2; vertical-align: middle; padding:15px 8px; font-size:14px;}
.table tr td.box_td { vertical-align:top;}
.table tr td.box_td img {margin-bottom:5px;}

.table_bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.table_bordered th, .table_bordered td { border-left: 1px solid #dddddd;}
.table_bordered thead:first-child tr:first-child th,
.table_bordered tbody:first-child tr:first-child th,
.table_bordered tbody:first-child tr:first-child td { border-top: 0; }

.table_striped tr:nth-child(odd) td,
.table_striped tr:nth-child(odd) th { background-color: #f9f9f9;}

.table_hover tbody tr:hover > td,
.table_hover tbody tr:hover > th { background-color: #AFD8F0; }

.table_com tr th { border-top:none; text-align:center; background:#91addd; padding:8px; color:#FFF;}
.table_com tr th a {color:#FFF;}
.table_com tr td { vertical-align:middle; text-align:center;}
.table_com tr td.txt { text-align:left;}
.table_com tr.bot_border { border-bottom:4px solid #d1d1d1;
.table_com tr td:nth-child(2), .table_com tr td:nth-child(3) { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.table_com tr th:nth-child(2), .table_com tr th:nth-child(3){ border-left:1px solid #fff; border-right:1px solid #fff;}
.table_com tr td:nth-child(3) { background:#fffbf2;}
.table_com tr td:nth-child(4){ background:#fef5e4;}

.table_prolist tr th { background:none; text-align:center; font-weight:normal;}
.table_prolist tr th.bg_blue { color:#fff;}
.table_prolist tr td { vertical-align:middle; text-align:center;}
.table_prolist tr td.txt, .table_prolist tr th.txt { text-align:left;}