﻿body {
	background-image: url(images/back_rep.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
    
/* rotator in-page placement */
    div#rotator {
	float:left;
	position:relative;
	height:300px;
	margin-left: 0px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:relative;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	float:left;
	border:0px solid #ccc;
	padding: 0px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}

img.common {
	max-width:550px;
}
a 
{
    text-decoration : none;
}

a:hover
{
    text-decoration:underline;
}
a.dl_pdf {
        padding:5px 5px 5px 20px;
        background: url(images/pdf_icon.gif) no-repeat center left;
}
a.nu_comp {
        padding:5px 5px 5px 22px;
        background: url(images/comparison_icon.gif) no-repeat 1px;
}
h2 {
	TEXT-ALIGN: center; MARGIN: 0px auto; FONT-FAMILY: arial; COLOR: #222; FONT-SIZE: 16px; FONT-WEIGHT: 700
}
.top_menu {
    text-decoration:none;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#323232;
}
.khuyenmai_maquee {
    text-decoration:none;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    color:#FE0000;
    margin : 5px;
    margin-left:15px;
    text-align:right;
}
.giohang {
    text-decoration:none;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
}
.block_title {
    background-image:url(images/block_title_bg.jpg);
    height:33px;
	border-width : 1px;
	border-color : #1E5D86;
	border-style : solid;
	padding-top:3px;
}
.block_title_text {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}
.main_title_1 {
    background-image:url(images/main_title.jpg);
    height:33px;
	border-width : 0px;
	border-color : #B24703;
	border-style : solid;
	padding-top:3px;
}
.main_title_text {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}
.block_main {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
/*    background-image:url(images/block_bg.jpg);*/
    background-repeat:no-repeat;
    background-position:bottom;
/*
	padding-bottom : 7px;
    padding-top : 5px;
*/	
    padding-left : 5px;
    padding-right : 5px;
    text-align:justify;
}
.block_main {
	
}

.block_main_support {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    background-image:url(images/block_bg.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    border-width : 1px;
    border-color : #1E5D86;
    border-style : solid;
    padding-bottom : 7px;
    padding-top : 5px;
    padding-left : 5px;
    padding-right : 5px;
    text-align:center;
}
.block_table {
    width:190px;
    margin-top:4px;
}
.table_main {
    width:99%;
    margin-top:2px;
}
.search_box {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#1F638E;
    padding-top:2px;
}
.product_sub1 {
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#2b3238;
    padding-top:2px;
    text-indent:0em;
    height:18px;
}
.product_sub2 {
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#2b3238;
    padding-top:2px;
    text-indent:1em;
    height:18px;
}
.product_active {
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#FF6600;
    padding-top:2px;
    height:18px;
}
.product_thumb {
    padding-left : 5px;
    padding-right : 5px;
    background-image:url(images/product_thumb_02.jpg);
}
.product_name {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
	color:#0979f6;
/*  color:#1F638A;*/
}
.product_short_detail {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    color:#2E2E2E;
}
.red_text {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#B50000;
}
.footer_text {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:10px;
    color:#303030;
    padding-left:5px;
    padding-right:5px;
}
.product_detail {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	font-weight:bold;
}
.title3 {
	text-align:left;
	font: bold 12px tahoma, arial, verdana;
	color: #0979f6;
	text-decoration: none;
}
.title3 a:linked {
	text-align:left;
	color: #0979f6;
	text-decoration: none;
}

.title3 a:hover {
	text-align:left;	
	color: #f79239;
	text-decoration: underline;
}
.date {
	font: 10px tahoma, arial, verdana;
	color: #626262;
}

.product_detail_1 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}
.module{
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:1.8em
}
.module .title{
        text-align: center;
        font-size: 16px;
        color: #1E7CC9;
        line-height: 100%;
	font-weight: bold;
}
.border { 
	width:188px;
	border-left:solid 1px #b8b8b8;
	border-right:solid 1px #b8b8b8; 
	border-bottom:solid 1px #b8b8b8; 
	margin-bottom:10px; 
	background:url(images/back-menu1.gif) bottom repeat-x;
}

A#toplink:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#0979f6;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
A#toplink:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#0979f6;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
A#toplink:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#f79239;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
A#botlink:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#f1c80c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
A#botlink:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#f1c80c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
A#botlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.menusub{
	background:url(images/back-menu.gif) repeat-x bottom; width:990px; height:30px; margin-bottom:10px
}
.footer_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#f79239;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.copyright {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:20px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
}
.content {
	width:590px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.content_news{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#494949;
	margin-top:20px;
	line-height:18px;
}
.content_news a{
	color:#0979f6; text-decoration:none
}
.content_news a:visited{
	color:#0979f6; text-decoration:none
}
.content_news a:hover{
	color:#f79239; text-decoration:underline
}
.news {
	width:590px;
}
.news a:visited{
	font-size: 12px; color: #0979f6; text-decoration:none
}
.news a:hover{
	font-size: 12px; color: #f79239; text-decoration:underline
}
.news strong a{ font-size:14px; color:#0979f6; text-decoration:none; font-weight:bold
}
.news strong a:visited{ font-size:14px; color:#0979f6; text-decoration:none; font-weight:bold
}
.news strong a:hover{ font-size:14px; color:#f79239; text-decoration:underline; font-weight:bold
}
.news span {
		font-size:10px; color:#b2b2b2; padding-left:10px;
}

.newscontent {
	text-align:justify;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;	
	line-height:18px;
}
.newsmain{
	margin-bottom:5px; width:570px; text-align:left; padding:10px; border-bottom:solid 1px #b2b2b2;
}
.newsmain span{
	font-size:10px; color:#b2b2b2
}
.bordercontent { 
	border:solid 1px #b8b8b8; 
	padding-top:10px;
	padding-bottom:10px;
}
.content_product {
	padding:10px;
	text-align:left;
}
.content_product table{
	max-width:570px;
}

.title {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #909090; 
	FONT-SIZE: 13px; 
	FONT-WEIGHT: 700; 
	text-align:left;
}
.line {
	background:url(images/line-break.gif) repeat-x scroll center; height:15px;
}
.common {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#494949;
	text-align:left;	
	line-height:18px;
	white-space:1px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.common img {
	max-width:550px;
}
.common a:linked{
	text-align:left;
	color:#0979f6;
	text-decoration:none;
}

.common a:hover{
	text-align:left;	
	color:#f79239;
	text-decoration:underline;
}

.news2 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px
}
.news2 ul li {
	margin:7px 0px;
}
.news2 a{
	color: #0979f6; 
	text-decoration:none
}
.news2 a:visited{
	color: #0979f6; 
	text-decoration:none
}
.news2 a:hover{
	color: #f79239; 
	text-decoration:underline
}
.news2 span {
	font-size:10px;
	color:#b2b2b2; 
}
.faq {
	margin-bottom:5px; margin-top:10px; text-align:left; border-bottom:solid 1px #b2b2b2;
}
.img_sp img{
	float:left;
	max-width:250px;
}
.module a:link.newstitle{
	color: #16438e;
	text-decoration:none;
}
.module a:hover.newstitle{text-decoration:underline;
}


/*             MENU TAB                 */
.preload1 {background: url(images/drop3/tableft.gif);}
.preload2 {background: url(images/drop3/tabright.gif);}
.preload3 {background: url(images/drop3/tabhoverleft.gif);}
.preload4 {background: url(images/drop3/tabhoverright.gif);}


.menu2 {padding:0; margin:0; list-style:none; height:31px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:13px; font-weight: bolder; padding:0px; cursor:pointer;background: url(images/drop3/tabright.gif) no-repeat right top;}
.menu2 li a.top_link span {float:left; display:block; padding:0 25px; height:36px;background:url(images/drop3/tableft.gif) no-repeat left top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 20px 0 20px; height:36px;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/drop3/tabhoverright.gif) no-repeat right top;}
.menu2 li a.top_link:hover span {background:url(images/drop3/tabhoverleft.gif) no-repeat left top;}


.menu2 li:hover > a.top_link {color:#fff; background: url(images/drop3/tabright.gif) no-repeat right top;}
.menu2 li:hover > a.top_link:hover {color:#fff; background: url(images/drop3/tabhoverright.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span {background:url(images/drop3/tableft.gif) no-repeat left top;}
.menu2 li:hover > a.top_link:hover span {background:url(images/drop3/tabhoverleft.gif) no-repeat left top;}
.menu2 li:hover > a.top_link span.down {background:url(images/drop3/tabhoverright.gif) no-repeat right top;}



.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #2ca5f4; white-space:nowrap; width:140px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:140px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:140px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; text-align:left;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/drop3/arrow.gif) 130px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#2ca5f4; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#2ca5f4 url(images/drop3/arrow_over.gif) 130px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#2ca5f4 url(images/drop3/arrow_over.gif) 130px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:140px; top:-4px; background: #fff; padding:3px; border:1px solid #2ca5f4; white-space:nowrap; width:140px; z-index:400; height:auto;}


/*--------------------------------------*/

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

#page {width: 990px; margin:0;}
#gamesHolder {width: 990px;}
#games {
	width: 990px;
	height: 300px; 
	position: relative; 
	background-position: 0% 0%; 
}


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider img{
	width: 990px;
	height: 300px;
}
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 990px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }



/*-------------NUSOFT----------------*/
table.nu_table {
	background: #F6F6F6;
}
table.nu_table tr, table.nu_table tr td{
        padding: 0;
        margin: 0;
}
table.nu_table tr td p{
	padding: 0px 10px 0 40px;
}
table.nu_table .nu_title {
	color: #FFF;
	background-color: #658500;
	padding: 10px 30px;
	font-weight: bold;
	font-size:20px
}
table.nu_table .nu_title1 { 
	color: #658500;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 0;
}
table.nu_pro_hlight {
	width:570px;
	margin: auto;
	text-align:center;
        font-size: 10px;
        line-height: 150%;
}
table.nu_pro_hlight tr td {
	width: 95px;
}
h1.nu_title2
{
	font-size:20px;
	color:#2D3795;
}
table.nu_table1 {
	background: #F6F6F6;
}
table.nu_table1 tr, table.nu_table1 tr td{
	padding: 0;
	margin: 0;
}
table.nu_table1 tr td p{
        margin: 5px;
	padding: 0px 10px 0 25px;
}
table.nu_table1 .nu_title {
	color: #FFF;
	background-color: #658500;
	padding: 10px 30px;
	font-weight: bold;
	font-size:20px
}
table.nu_table1 .nu_title1 { 
	color: #658500;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 0;
}
table.nu_table1 .nu_title1-1 {
	color: #658500;
	font-weight: bold;
	margin: 0;
	padding: 5px 20px 0;
	background: url(http://www.nusoft.com.tw/us/product_info/images/point.gif) no-repeat 6px 8px;
}


/*-----------------------FAQ------------------------*/
.dhtmlgoodies_question {
	MARGIN-TOP: 5px;
	PADDING-LEFT: 20px;
	WIDTH: 100%;
	MARGIN-BOTTOM: 5px;
	color:#3366ff;
	OVERFLOW: hidden;
	CURSOR: pointer;
	background:url(images/faq_doc.gif) no-repeat;
}
.dhtmlgoodies_answer {
	BORDER: #6a6869 1px dotted;
	width:100%;
	POSITION: relative;
	BACKGROUND-COLOR: #efefef;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
}
.dhtmlgoodies_answer_content {
	padding:5px;
}
.dhtmlgoodies_answer1 {
	BORDER: #6a6869 1px dotted;
	width:100%;
	POSITION: relative;
	BACKGROUND-COLOR: #efefef;
	VISIBILITY: hidden;
	OVERFLOW: hidden;
}

