<style type="text/css">

body {
	font-family:  Arial;
	font-size: 11px; 
	font-weight:normal;
	margin:0px !important;	
	background-attachment:fixed;
	line-height:150%;
	text-align:center;
	background-color:#fff;
	color:#333;	
}

/*CSS paging_meneame style pagination*/

DIV.paging_meneame {
	border:0px solid;PADDING-RIGHT: 01px; PADDING-LEFT 0px; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff6500; PADDING-TOP: 0px; MARGIN-TOP:5px; MARGIN-BOTTOM:5px; TEXT-ALIGN: left;
}
DIV.paging_meneame A {
	BORDER-RIGHT: #ff9600 1px solid; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: url(paging_meneame.jpg); PADDING-BOTTOM: 0px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500;margin-left:1px; MARGIN-RIGHT: 1px; PADDING-TOP: 0px; padding-left:5px; padding-right:5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none;
}
DIV.paging_meneame A:hover {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid;margin-left:1px; BACKGROUND-COLOR: #ffc794;padding-left:5px; padding-right:5px;
}
DIV.paging_meneame A:active {
	BORDER-RIGHT: #ff9600 1px solid;margin-left:1px; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794;padding-left:5px; padding-right:5px;
}
DIV.paging_meneame SPAN.paging_current {
	BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 1px; PADDING-TOP: 0px;padding-left:5px; padding-right:5px;margin-left:3px; BORDER-BOTTOM: #ff6500 1px solid; BACKGROUND-COLOR: #ffbe94;
}

DIV.paging_meneame SPAN.paging_disabled {
	BORDER: #CCC 1px solid; BORDER-RIGHT: #CCC 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #CCC 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; BORDER-LEFT: #CCC 1px solid; COLOR: #CCC; MARGIN-RIGHT: 3px; PADDING-TOP: 0px; BORDER-BOTTOM: #CCC 1px solid;
}


.cbocity
{
	font-size:12px;
	font-weight:normal;
	width:150px;
}
.cboapply
{
	font-size:12px;
	font-weight:normal;
	width:180px;
	!margin-left:7px;
}
.ndcity
{
	font-size:12px;
	font-weight:normal;
	width:148px;
	height:12px;
	!height:13px;
}

#bullet
{
	width:10px;
	float:left;
	color:#58A076;
	
}

#text
{
	float:left;
	width:180px;
	text-align:left;
	font-size:12px;
}

#textOther
{
	width:430px;
	float:left;	
	text-align:left;
	font-size:12px;
}


.date
{
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	color:#666;
	padding-left:5px;
}



#titleText
{
	font-family:  arial;
	font-size: 12px; 
	color:#009645;
	font-weight:normal;
	text-decoration:none;
	outline:none;
	margin-bottom:10px;
	margin-top:5px;
}

#titleNews
{
	font-family:  arial;
	font-size: 12px; 
	color:#009645;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	margin-bottom:5px;
}
#titleFAQ
{
	font-family:  arial;
	font-size: 12px; 
	color:#009645;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	margin-bottom:3px;
}

a#titleNews:link,a#titleNews:visited
{
	font-family:  arial;
	font-size: 12px; 
	color:#009645;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
a#titleNews:hover
{
	font-family:  arial;
	font-size: 12px; 
	color:#F15A22;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
div#titleMainOther
{
	font-family:  Arial, Verdana, Helvetica;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
	height:22px;
	border-bottom:2px solid #333;
	font-weight:bold;
	padding-top:0px;
	margin-bottom:10px;	
}
#titleMain
{
	font-family:arial;
	font-weight:normal;
	font-size:20px;
	color:#333;
	margin-bottom:15px;
	text-align:left;
}
#titleMainAgency
{
font-family:arial;
	font-weight:bold;
	font-size:15px;
	color:#333;
	margin-bottom:15px;
	text-align:left;
}

#titleMainDetail
{
	font-family:arial;
	font-weight:normal;
	font-size:26px;
	color:#F15A22;
	text-transform:uppercase;
	margin-bottom:15px;
	text-align:left;
	padding-left:0px;
	background:url(../images/mediamanager.png);
	background-repeat:no-repeat;
	width:280px;
	height:60px;
	color:#333;
}

#contentMain,contentMainOther
{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	line-height:150%;
	border:0px solid #fff;
	padding-bottom:15px;
	color:#333;	
	text-align:justify;
}

#contentMain_BG
{
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	line-height:150%;
	border:0px solid #fff;
	padding-bottom:6px;
	border-bottom:1px solid #eee;
	color:#333;	
	text-align:justify;
}


#menuBullet
{
	background:url(../images/bullet_black.jpg) no-repeat;
	width:16px; 
	height:10px;
	margin-left:12px;
	margin-top:5px;
	float:left;
	border:0px solid;
		
}

#menuText
{
	width:160px;float:left;border:0px solid;
}

#menuTitle
{
	width:200px;
	height:36px;
	float:left;
	padding:0px;
	margin:0px;
	margin-bottom:0px;
}

a#menuTitle:link,a#menuTitle:visited,a#menuTitle:hover
{
	background:url(../images/general.png) -70px -70px no-repeat;
	height:22px;
	width:200px;
	cursor:default;
	text-indent:30px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-top:7px;	

}


#menuItem1
{
	border-top:1px solid #ccc; 
	width:200px; 
	background-color:#fff;
}
#menuItem2
{
	width:200px;
	height:22px;
	margin-top:1px;
	border:0px solid;
	background-color:#eee;
	font-weight:bold;	
	margin-top:1px;
	color:#333;
	padding-top:8px;
}
#menuItem2_select
{
	width:200px;
	height:22px;
	margin-top:1px;
	border:0px solid;
	background-color:#fff;
	font-weight:bold;	
	margin-top:1px;
	color:#333;
	padding-top:8px;
}

#menuItem3
{
	width:200px;
	height:22px;
	margin-top:1px;
	border:0px solid;
	background-color:#eee;
	font-weight:bold;	
	margin-top:1px;
	color:#333;
	padding-top:8px;
}
#menuItem3_select
{
	width:200px;
	height:22px;
	margin-top:1px;
	border:0px solid;
	background-color:#eee;
	font-weight:bold;	
	margin-top:1px;
	color:#009645;
	padding-top:8px;
}

a#menuItem:link,a#menuItem:visited
{
	font-family:arial;
	padding-top:10px;
	font-weight:bold;	
	margin-top:1px;
	color:#333;
}
a#menuItem:hover
{
	padding-top:10px;
	font-family:arial;
	font-weight:bold;	
	margin-top:1px;
	color:#009645;
}

a#menuItem_select:link,a#menuItem_select:visited,a#menuItem_select:hover
{
	padding-top:10px;
	font-family:arial;
	font-weight:bold;	
	margin-top:1px;
	color:#009645;
}


a#menuItem3:link,a#menuItem3:visited
{
	font-family:arial;
	padding-top:10px;
	font-weight:bold;	
	margin-top:1px;
	color:#333;
}
a#menuItem3:hover
{
	padding-top:10px;
	font-family:arial;
	font-weight:bold;	
	margin-top:1px;
	color:#009645;
}

a#menuItem3_select:link,a#menuItem3_select:visited,a#menuItem3_select:hover
{
	padding-top:10px;
	font-family:arial;
	font-weight:bold;	
	margin-top:1px;
	color:#009645;
}

#itemRightInsideSuper
{
	border-top:1px solid #ccc; 
	height:36px; 
	width:180px; 
	background-color:#fff;
}

#itemRightInside1
{
	width:180px;
	height:25px;
	margin-top:1px;
	float:left;
	padding:0px;
	border:0px solid;
	background-color:#eee;
	text-indent:14px;
	padding-top:10px;
	font-weight:bold;	
}
#itemRightInside2
{
	width:180px;
	height:25px;
	margin-top:1px;
	float:left;
	padding:0px;
	border:0px solid;
	background-color:#eee;
	padding-top:10px;
	font-weight:bold;
}
#itemRightInsideSuper3
{
	border-top:1px solid #ccc; 
	width:180px; 
	background-color:#eee;
}
#itemRightInside3
{
	width:180px;
	margin-top:1px;
	padding:0px;
	border:0px solid;
	background-color:#eee;
	padding-top:10px;
	font-weight:bold;
	text-align:center;
}
#titleRightInsideSuper
{
	border-top:1px solid #ccc; 
	height:36px; 
	width:180px; 
	background-color:#fff;
}

#titleRightInside
{
	width:180px;
	height:35px;
	float:left;
	padding:0px;
	border:0px solid;
}
#skype
{
	width:180px;	
	float:left;
	background-color:#eee;
	padding-bottom:10px;
	height:16px;
}
a#skype:link,a#skype:visited,a#skype:hover
{
	background:url(../images/general.png) -498px -70px no-repeat;
	height:16px;
	width:135px;
	padding-top:10px;
	border:0px solid;
	margin-left:25px;
}

a#titleRightInside:link,a#titleRightInside:visited,a#titleRightInside:hover
{
	background:url(../images/general.png) -285px -70px no-repeat;
	height:25px;
	width:180px;
	cursor:default;
	text-indent:30px;
	color:#019645;
	font-weight:bold;
	font-size:12px;
	padding-top:10px;
	margin-top:1px;	

}


#body_viscom_left
{
	float:left;
	width:200px !important;
	text-align:left;
	border:0px solid #333;
	background-color:#eee;	
}
#body_viscom_center
{
	float:left;
	width:485px !important;
	text-align:left;
	border:0px solid #999;
	background-color:#fff;
	margin-left:23px;
	margin-right:23px;
}

#body_viscom_right
{
	float:left;
	width:180px !important;
	text-align:left;
	border:0px solid #999;
	background-color:#fff;		
}
#mnuItemshot
{
	margin:0 auto;
	width:190px;
	background-color:#fff;
	margin-top:0px;
	overflow:hidden;
}
.mnuItemshotRight
{
	margin:0 auto;
	width:180px;
	background-color:#fff;
	margin-top:0px;
	overflow:hidden;
}
.mnuItemshot
{
	margin:0 auto;
	width:190px;
	background-color:#fff;
	margin-bottom:2px;
	text-align:center;
}
#titleLeftInside
{
	width:200px;
	height:36px;
	float:left;
	padding:0px;
	margin:0px;
	margin-bottom:4px;
}
a#titleLeftInside:link,a#titleLeftInside:visited,a#titleLeftInside:hover
{
	background:url(../images/general.png) -70px -70px no-repeat;
	height:22px;
	width:200px;
	cursor:default;
	text-indent:30px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-top:7px;	

}

#container
{
	float:left;
	width:229px;
	height:55px;
	border:0px solid #333;
	background-color:#fff;
	overflow:hidden;
}

#containerLeft
{
	float:left;
	width:55px;
	height:40px;
	border:1px solid #e3e3e3;
	background-color:#fff;
	float:left;
	text-align:center;
	margin-left:5px;
	overflow:hidden;
}

#containerRight
{	
	padding-top:3px;
	float:left;
	width:140px;
	margin-left:8px;
	border:0px solid #333;
	text-align:left;
	overflow:hidden;
}
#pname
{
	width:160px;
	border:0px solid #333;
}
a#pname:link,a#pname:visited
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	outline:none;
	color:#009645;
	line-height:110%;
}
a#pname:hover
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	outline:none;
	color:#EF0C12;
	line-height:110%;
}
#pcode
{
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
	color:#333;
}

/***********LEFT********/

#mainTitleLeft
{
	margin-top:0px;
	margin-bottom:5px;
	border:0px solid #333;
}
#mainBulletLeft
{
	width:12px;
	height:17px;
	background:url(../images/general.png) 0 -16px  no-repeat;
	border:0px solid #333;
	float:left;
	margin-left:6px;
	border:0px solid #333;
	
}
#mainTextLeft
{
	font-family:Arial;
	float:left;
	font-size:12px;
	font-weight:700;
	color:#009645;
	border:0px solid #333;
	margin-left:12px;
	text-align:left;
}

.subTitleLeft
{
	margin-bottom:0px;
	background-color:#eee;
	padding-top:3px;
	padding-bottom:3px;
	!padding-top:2px;
	!padding-bottom:2px;
}

.subTitleLeft_select
{
	margin-bottom:0px;
	background-color:#fff;
	padding-top:2px;
	padding-bottom:2px;
}
.subBulletLeft
{
	width:12px;
	height:11px;
	background:url(../images/general.png) -20px -15px  no-repeat;
	border:0px solid #333;
	float:left;
	margin-left:6px;
}
.subTextLeft
{
	float:left;
	font-size:11px;
	font-weight:700;
	color:#009645;
	border:0px solid #333;
	margin-left:13px;
	text-align:left;
}
.subBulletLeft_select
{
	width:12px;
	height:11px;
	background:url(../images/general.png) -11px 2px  no-repeat;
	border:0px solid #333;
	float:left;
	margin-left:6px;
}

/**********END LEFT*****/

/***************RIGHT***/

#mainTitle
{
	width:225px;
	margin-top:2px;
	margin-bottom:5px;
	border:0px solid #333;
}

#mainBullet
{
	width:12px;
	height:17px;
	background:url(../images/general.png) 0 3px  no-repeat;
	border:0px solid #333;
	float:left;
	
}

#mainText
{
	float:left;
	font-size:12px;
	font-weight:700;
	color:#009645;
	border:0px solid #333;
	margin-left:10px;
	text-align:left;
}

#subTitle
{
	width:225px;
	margin-bottom:0px;
}

#subBullet
{
	width:12px;
	height:11px;
	background:url(../images/general.png) -20px 2px  no-repeat;
	border:0px solid #333;
	float:left;
}

#subText
{
	float:left;
	font-size:12px;
	font-weight:700;
	color:#009645;
	border:0px solid #333;
	margin-left:10px;
	text-align:left;
	width:190px;
}
#subBullet_select
{
	width:12px;
	height:11px;
	background:url(../images/general.png) -11px 2px  no-repeat;
	border:0px solid #333;
	float:left;
}
/**********END RIGHT*****/


a#moredetail:link,a#moredetail:visited
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color:#009645;
}

a#moredetail:hover
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#009645;
}

a.itemlinkSup:link,a.itemlinkSup:visited
{
	font-family:Arial;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
	color:#333;
}

a.itemlinkSup:hover
{
	font-family:Arial;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
	color:#009645;
}

a.itemlinkSup_select:link,a.itemlinkSup_select:visited,a.itemlinkSup_select:hover
{
	font-family:Arial;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
	color:#009645;
}

a#itemlinkNews:link,a#itemlinkNews:visited
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#333;
	line-height:140%;
}

a#itemlinkNews:hover
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#009645;
	line-height:140%;
}

a#itemlinkNews_select:link,a#itemlinkNews_select:visited,a#itemlinkNews_select:hover
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#009645;
}

#vn
{
	margin-top:1px;
	float:left; width:19px; height:14px;border:0px solid #fff;
	
}
a#vn:link,a#vn:visited
{
	background:url(../images/general.png) -9px -86px  no-repeat;
	width:19px;height:14px;
	border:0px solid #fff;
}
a#vn:hover
{
	background:url(../images/general.png) -30px -86px  no-repeat;
	width:19px;height:14px;
	border:0px solid #fff;
}

#en
{
	margin-top:1px;
	float:left; width:19px; height:14px;border:0px solid #fff;
	
}
a#en:link,a#en:visited
{
	background:url(../images/general.png) -9px -69px  no-repeat;
	width:19px;height:14px;
	border:0px solid #fff;
}
a#en:hover
{
	background:url(../images/general.png) -30px -69px  no-repeat;
	width:19px;height:14px;
	border:0px solid #fff;
}



#floatLeft
{
	float:left;
}
#floatRight
{
	float:right;
}

.search
{
	background-color:#fff;
	border:1px solid #009645;
	height:14px;
	padding-left:4px;
	color:#666;
	font-family:Arial;
	font-size:11px;
	width:130px;
	!width:130px;
	font-weight:normal;
}

div, span, td
{
	font-family:Arial;	
	line-height:150%;	
	padding:0px;	
	margin:0px;		
	color:#333;		
	font-size:12px;
	font-weight:normal;
}

p
{
	font-family:Arial;	
	line-height:150%;	
	padding:0px;	
	margin:0px;	
	margin-bottom:3px;	
	margin-top:0px;	
	color:#333;
	font-size:12px;
	font-weight:normal;
}

a:link,a:visited{
	font-family:  Arial;
	font-size: 12px; 
	color:#009645;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}
a:hover{
	font-family:  Arial;
	font-size: 12px; 
	color:#9A1800;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}

a#footer2:link,a#footer2:visited
{
	font-family:Arial;
	background:url(../images/general.png) -480px 0px no-repeat;
	font-size:11px; 
	color:#009645;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
	padding-left:16px;
}

a#footer2:hover
{
	padding-left:16px;
	font-family:Arial;
	background:url(../images/general.png)  -480px 0px no-repeat; no-repeat;
	font-size:11px; 
	color:#EF0C12;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
}

a#benqfooter2:link,a#benqfooter2:visited
{
	font-family:Arial;
	background:url(../images/general.png) -480px -15px no-repeat;
	font-size:10px; 
	color:#9651BF;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
	padding-left:16px;
}

a#benqfooter2:hover
{
	font-family:Arial;
	background:url(../images/general.png) -480px -30px no-repeat;
	font-size:10px; 
	color:#ff6600;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
	padding-left:16px;
}

a#toplink:link,a#toplink:visited{
	font-family:  Arial;
	font-size: 10px; 
	color:#FF0000;
	font-weight:normal;
	text-decoration:underline;
	outline:none;
}
a#toplink:hover{
	font-family:  Arial;
	font-size: 10px; 
	color:#009645;
	font-weight:normal;
	text-decoration:underline;
	outline:none;
}
#space3
{
	padding-left:3px;
	padding-right:3px;
	color:#999;
	font-size:10px;
}


#space5
{
	padding-left:5px;
	padding-right:5px;
	color:#999;
	font-size:11px;
}

.space5
{
	padding-left:5px;
	padding-right:5px;
	color:#999;
	font-size:10px;
}

#space5_nocolor
{
	font-size:10px;
	color:#666;
}

.space10
{
	padding-left:10px;
	padding-right:10px;
	color:#999;
	font-size:10px;
}

.space8
{
	padding-left:8px;
	padding-right:8px;
	color:#999;
	font-size:10px;
}


#clear
{
	clear:both;
}

.btnleft
{
background:url(../images/XPButnBGLeft.gif);
background-repeat:no-repeat;
width:4px;
height:21px;
padding:0px !important;
}
.btnright
{
background:url(../images/XPButnBGRight.gif);
background-repeat:no-repeat;
width:21px;
height:21px;
padding:0px !important;
}
.btncenter
{
BORDER-RIGHT: medium none; 
BORDER-TOP: medium none; 
FONT-SIZE: 11px; 
BACKGROUND-IMAGE: url(../images/XPButnBG.gif); 
PADDING-BOTTOM: 0px; 
BORDER-LEFT: medium none; 
CURSOR:pointer; 
BORDER-BOTTOM: medium none; 
font-weight:normal;
color:#222;
HEIGHT: 21px;
padding:0px !important;
}

.goLeft
{
background:url(../images/bg_go.jpg);
background-repeat:no-repeat;
width:4px;
height:18px;
padding:0px !important;
}
.goRight
{
background:url(../images/bg_go.jpg);
background-repeat:no-repeat;
width:21px;
height:18px;
padding:0px !important;
}
.goCenter
{
BORDER-RIGHT: medium none; 
BORDER-TOP: medium none; 
FONT-SIZE: 9px; 
BACKGROUND-IMAGE: url(../images/bg_go.jpg); 
width:28px;
BORDER-LEFT: medium none; 
CURSOR:pointer; 
BORDER-BOTTOM: medium none; 
font-weight:normal;
color:#fff;
HEIGHT: 18px;
padding:0px !important;
}

form
{
	margin:0px;
	padding:0px;
}

.saodo
{
	color:#EF0C12;
	font-size:11px;
	font-weight:700;
}

.saodo2
{
	color:#EF0C12;
	font-size:10px;
	font-weight:700;	
}

#box
{
	width:110px;
	float:left;	
	text-align:center;
	margin-left:4px;
	margin-right:3px;
	margin-bottom:6px;	
}

#boxTop
{
	width:110px;
	height:80px;
	text-align:center;
	border:0px solid #e0e0e0;
	background-color:#fff;
	padding-top:0px;
	margin-bottom:1px;
	float:left;
}
#boxBottom
{
	width:118px;
	height:20px;
	overflow:hidden;
	background-color:#eee;
	border:1px solid #e0e0e0;
	text-align:center;
	line-height:120%;
	color:#054076;
}
a.img:link,a.img:visited
{
	
	height:78px;
	border:0px solid #fff;
	float:left;
}
a.img:hover
{
	
	border:0px solid #009645;
	float:left;
	height:78px;

}

/**********************LEFT - TOP - RIGHT*************/

#left5{
	padding-left:5px;
}

#left10{
	padding-left:10px;
}

#left15{
	padding-left:15px;
}

#left20{
	padding-left:20px;
}

#left25{
	padding-left:25px;
}

#top3
{
	padding-top:3px;
}

#top5{
	padding-top:5px;
}

#top8{
	padding-top:8px;
}

#top10{
	padding-top:10px;
}

#top15{
	padding-top:15px;
}

#top20{
	padding-top:20px;
}

#top25{
	padding-top:25px;
}

#right5{
	padding-right:5px;
}

#right10{
	padding-right:10px;
}

#right15{
	padding-right:15px;
}

#right20{
	padding-right:20px;
}

#right25{
	padding-right:25px;
}

/***************Preview Image***********/

.botpreview {
	background-color:#3F89C3;
	color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-top-width:0px;
	border-top-style:solid;
	text-align:center;
	vertical-align:middle;
}

#interface1 {
	z-index:1;
}
#loader_container {text-align:center;position:absolute;top:40%;width:100%}

#loader {
	font-family:arial, Helvetica, sans;
	font-size:10px;
	color:#333000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}
.title_h2 {
 width:300px;
 padding:11px 0 0 18px;
}
.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #666;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}
.frambar
	{
		margin-left:0px;
		margin-bottom:0px;
		margin-right:0px;
		margin-top:0px;
		SCROLLBAR-FACE-COLOR: #eeeeee;
		SCROLLBAR-HIGHLIGHT-COLOR: #999999; 
		SCROLLBAR-SHADOW-COLOR: #999999; 
		SCROLLBAR-3DLIGHT-color: #eeeeee; 
		SCROLLBAR-ARROW-COLOR: #999999;
		SCROLLBAR-TRACK-COLOR: #eeeeee; 
		SCROLLBAR-DARKSHADOW-COLOR: #999999;
	}
h2
{
	font-weight:700;
	font-family:arial;
	color:#222;
	font-size:16px;
	text-align:center;
	margin:0 auto;
}

/****************end preview********/


/******************************Main*************************/

#divMain
{
	text-align:left;
	margin:0 auto;
	width:950px !important;
	border:0px solid #FFF;	
	margin-top:-15px;
}

#mainMiddle
{
	width:950px !important;
	border:0px solid #FFF;
	background:url(../images/mainMiddle.jpg) repeat-y;
	
}
#mainBottom
{
	width:950px !important;
	border:0px solid #000;
	background:url(../images/mainBottom.jpg) no-repeat;	
}

#mainDesign
{
	float:right;
	margin-right:18px;
	margin-top:5px;
	width:110px !important;
	border:0px solid #000;
	background: transparent url(../images/general.png) -125px 0 no-repeat;
	height:30px;	
	text-align:right;	
}


#mainInside
{
	width:930px !important;
	margin: 0 auto;
	text-align:left;
	border:0px solid #EF0C12;
	background-color:#fff;
}

#mainHeader
{
	width:930px !important;
	margin: 0 auto;
	text-align:left;
	border:0px solid #fff;
	background-color:#fff;
	background:#fff url(../images/header.png) no-repeat;
}

#mainMenu
{
	 overflow:hidden;
	 background-color:#fff;
}
#mainBanner
{
	width:930px !important;	
	margin: 0 auto;
	text-align:left;
	border:0px solid #fff;
	background-color:#333;	
	clear:both;
	margin-top:2px;
}

#mainBody
{
	width:920px !important;
	margin-left: 0px;
	text-align:left;
	float:right;
	border:0px solid #333;
	background-color:#fff;
	padding-bottom:5px;
}

#bodyLeft
{
	float:left;
	width:675px !important;
	text-align:left;
	border:0px solid #999;
	background-color:#eee;	
	margin-bottom:0px;
}





#mnuLeft
{
	float:left;
	width:130px;
	background-color:#eeeeee;	
	border:0px solid #333;
	margin-top:6px;	
}

#mnuCenter
{
	float:left;
	width:536px;
	background-color:#fff;
	border:0px solid #333;
	margin-top:8px;
	margin-bottom:8px;
}

#contentCenter
{
	float:left;
	width:510px;	
	background-color:#fff;
	margin:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	border:0px solid #333;
	overflow:hidden;
}

#contentRight
{
	float:left;
	width:22px;	
	background-color:#fff;
	margin:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	background:url(../images/general.png) -934px 6px no-repeat;
	border:0px solid #333;
	
}

#up
{
	width:16px;
	height:85px;	
	float:left;
}
a#up:link,a#up:visited
{
	width:16px;
	height:12px;
	margin-left:3px;
	background:url(../images/general.png) -101px -0px no-repeat;		
	border:0px solid #333;
}
a#up:hover
{
	width:16px;
	height:12px;
	background:url(../images/general.png) -429px -0px no-repeat;
}

#down
{
	height:13px;
	float:left;
}

a#down:link,a#down:visited
{
	width:16px;
	height:13px;
	margin-left:3px;
	background:url(../images/general.png) -101px -16px no-repeat;
	border:0px solid #333;
}
a#down:hover
{
	width:16px;
	height:13px;
	margin-left:3px;
	background:url(../images/general.png) -429px -16px no-repeat;
}

#bodyRight
{
	float:right;
	width:220px;
	margin: 0 auto;
	text-align:left;
	border:0px solid #333;
	background-color:#fff;	
}

#headerLeft
{
	float:left;
	width:245px;
	height:70px;
	border:0px solid #000;
}

#headerIMG
{
	width:170px;height:42px;
	border:0px solid #fff;
	float:left;
}


a#headerIMG:link,a#headerIMG:visited,a#headerIMG:hover
{	
	background:url(../images/general.png) -240px 0px no-repeat;
	width:170px;height:42px;		
	border:0px solid #fff;
	margin-left:0px;
	margin-top:15px;	
	cursor:default;
}

#mainShadow
{
	background-color:#fff;
	width:930px;height:21px;
	border:0px solid #333;
	float:left;	
}


a#mainShadow:link,a#mainShadow:visited,a#mainShadow:hover
{	
	background: #ffffff url(../images/general.png) 0 -45px no-repeat;
	width:930px;height:21px;		
	border:0px solid #fff;
	cursor:default;
}



#headerCenter
{
	float:left;
	width:475px;
	height:42px;
	padding-top:25px;
	border:0px solid #000;
}

#headerRight
{
	float:right;
	width:195px;
	height:45px;
	padding-top:8px;
	border:0px solid #000;
	margin-left:8px;
}


/******************************End Main*************************/


#navvn {
height:34px; margin:auto; width:930px;
overflow:hidden;
border:0px solid #fff;
background-color:#ddd;
}

#navvn ul {
background: transparent url("../images/menu_use.png") top left no-repeat;
height:34px;
margin:0;
padding:0;
position:relative;
z-index:0;
}

#navvn ul li {
list-style:none;
margin:0;
padding:0;
position:absolute
}

#navvn ul li,#navvn a {
display:block;
height:34px;
}

#navvn ul li a {
text-decoration:none;
outline:none;
text-indent:-999em
}

#navvn ul li ul a {
text-decoration:none;
outline:none;
text-indent:1px
}

/*****VN*****/
#nav1vn {left:0px;	width:75px}
	
#nav2vn {left:77px;	width:84px}

#nav3vn {left:163px;	width:153px}

#nav4vn {left:318px;	width:139px}

#nav5vn {left:459px;	width:151px}

#nav6vn {left:612px;	width:164px}

#nav7vn {left:778px;	width:80px}

#nav8vn {left:860px;	width:70px}

/*****END VN****/

/*****EN*****/

#naven {
overflow:hidden;
height:34px; margin:auto; width:930px;
border:0px solid #fff;
}

#naven ul {
background: transparent url("../images/menu_use.png") 0 -68px no-repeat;
height:34px;
margin:0;
padding:0;
position:relative;
z-index:0;
}

#naven ul li {
list-style:none;
margin:0;
padding:0;
position:absolute
}

#naven ul li,#naven a {
display:block;
height:34px;
}

#naven ul li a {
text-decoration:none;
outline:none;
text-indent:-999em
}

#naven ul li ul a {
text-decoration:none;
outline:none;
text-indent:1px
}

#nav1en {left:0px;	width:75px}
	
#nav2en {left:77px;	width:84px}

#nav3en {left:163px;	width:153px}

#nav4en {left:318px;	width:139px}

#nav5en {left:459px;	width:151px}

#nav6en {left:612px;	width:164px}

#nav7en {left:778px;	width:80px}

#nav8en {left:860px;	width:70px}

/*****END EN****/



#nav1vn a:hover {
background:transparent url("../images/menu_use.png") 0 -34px no-repeat
}

#nav1vn a.current,#nav1vn a.current:hover {
background:transparent url("../images/menu_use.png") 0 -34px no-repeat
}

#nav2vn a:hover {
background:transparent url("../images/menu_use.png") -77px -34px no-repeat
}

#nav2vn a.current,#nav2vn a.current:hover {
background:transparent url("../images/menu_use.png") -77px -34px no-repeat
}

#nav3vn a:hover {
background:transparent url("../images/menu_use.png") -163px -34px no-repeat
}

#nav3vn a.current,#nav3vn a.current:hover {
background:transparent url("../images/menu_use.png") -163px -34px no-repeat
}

#nav4vn a:hover {
background:transparent url("../images/menu_use.png") -318px -34px no-repeat
}

#nav4vn a.current,#nav4vn a.current:hover {
background:transparent url("../images/menu_use.png") -318px -34px no-repeat
}

#nav5vn a:hover {
background:transparent url("../images/menu_use.png") -459px -34px no-repeat
}

#nav5vn a.current,#nav5vn a.current:hover {
background:transparent url("../images/menu_use.png") -459px -34px no-repeat
}

#nav6vn a:hover {
background:transparent url("../images/menu_use.png") -612px -34px no-repeat
}

#nav6vn a.current,#nav6vn a.current:hover {
background:transparent url("../images/menu_use.png") -612px -34px no-repeat
}

#nav7vn a:hover {
background:transparent url("../images/menu_use.png") -778px -34px no-repeat
}

#nav7vn a.current,#nav7vn a.current:hover {
background:transparent url("../images/menu_use.png") -778px -34px no-repeat
}

#nav8vn a:hover {
background:transparent url("../images/menu_use.png") -860px -34px no-repeat
}

#nav8vn a.current,#nav8vn a.current:hover {
background:transparent url("../images/menu_use.png") -860px -34px no-repeat
}

/**************EN****************/

#nav1en a:hover {
background:transparent url("../images/menu_use.png") 0 -102px no-repeat
}

#nav1en a.current,#nav1en a.current:hover {
background:transparent url("../images/menu_use.png") 0 -102px no-repeat
}

#nav2en a:hover {
background:transparent url("../images/menu_use.png") -77px -102px no-repeat
}

#nav2en a.current,#nav2en a.current:hover {
background:transparent url("../images/menu_use.png") -77px -102px no-repeat
}

#nav3en a:hover {
background:transparent url("../images/menu_use.png") -163px -102px no-repeat
}

#nav3en a.current,#nav3en a.current:hover {
background:transparent url("../images/menu_use.png") -163px -102px no-repeat
}

#nav4en a:hover {
background:transparent url("../images/menu_use.png") -318px -102px no-repeat
}

#nav4en a.current,#nav4en a.current:hover {
background:transparent url("../images/menu_use.png") -318px -102px no-repeat
}

#nav5en a:hover {
background:transparent url("../images/menu_use.png") -459px -102px no-repeat
}

#nav5en a.current,#nav5en a.current:hover {
background:transparent url("../images/menu_use.png") -459px -102px no-repeat
}

#nav6en a:hover {
background:transparent url("../images/menu_use.png") -612px -102px no-repeat
}

#nav6en a.current,#nav6en a.current:hover {
background:transparent url("../images/menu_use.png") -612px -102px no-repeat
}

#nav7en a:hover {
background:transparent url("../images/menu_use.png") -778px -102px no-repeat
}

#nav7en a.current,#nav7en a.current:hover {
background:transparent url("../images/menu_use.png") -778px -102px no-repeat
}

#nav8en a:hover {
background:transparent url("../images/menu_use.png") -860px -102px no-repeat
}

#nav8en a.current,#nav8en a.current:hover {
background:transparent url("../images/menu_use.png") -860px -102px no-repeat
}

/**************END EN********/



/*******************************FOOTER**********************************/

#bodyFooter
{
	margin:0 auto;
	text-align:left;
	width:950px !important;
	height:26px;
	background:url(../images/bg_bottom.jpg) no-repeat;
}

#footerLeft
{
	float:left;
	width:660px;
	height:23px;
	font-family:Arial;
	font-size:10px;
	color:#666;
	border:0px solid #fff;
	padding-top:7px;
	padding-left:20px;	
}


#footerRight
{
	float:right;
	height:23px;
	border:0px solid #fff;
	padding-top:7px;
	font-family:Arial;
	font-size:10px;
	color:#666;
	margin-right:20px;
}

/*******************************END FOOTER**********************************/

#floatLeft1
{
	float:left;
	width:120px;	
	height:23px;	
	border:0px solid;
	text-align:left;	
}

#floatLeft2
{
	float:left;
	width:300px;	
	height:25px;
	!height:25px;
	border:0px solid;
	margin-left:5px;	
}

#floatLeft3
{
	float:left;
	width:300px;	
	height:140px;
	!height:130px;	
	border:0px solid;
	margin-left:5px;
}

#floatLeft4
{
	float:left;
	width:300px;	
	height:50px;
	!height:40px;	
	margin-left:5px;
}

textarea
{
	width:95%;
	color:#333333;
	font-size:12px;
}
.cbo
{
	width:215px;
	font-size:12px;
}
.nd1
{
	font-size:12px;
	font-weight:normal;
	width:70%;
	text-indent:2px;
	height:12px;
	!height:13px;
}

.cbolink
{
	width:160px;
	font-size:12px;
	height:20px;
}
.txtlink
{
	width:150px;
	font-size:11px;
	height:15px;
	text-indent:5px;
	!text-indent:0px;
}

#txtletter
{
	width:90%;
	font-size:12px;
	height:15px;
	text-indent:5px;
	!text-indent:0px;
}

/****************DLINK************/

#dlinkLeft
{
	float:left;
	width:170px;
	background-color:#8D9497;
	border-right:1px solid #fff;
}

#dlinkCenter
{
	float:left;
	width:748px;
	background-color:#fff;	
	border:0px solid #333;
}

#dlinkRight
{
	float:left;
	width:240px;
	background-color:#F5F6F6;	
}

.pageHeader {
color:#FFFFFF;
font-family:arial,helvetica;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#dlinkTitle
{
	background:#f36d32 url(../images/corner1.gif) left top no-repeat;
	text-indent:15px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	height:19px;
	padding-top:4px;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
}

input[type="submit"]
{
	cursor:pointer;
}

#dlinkTitle3
{

	background:#f36d32 url(../images/corner3.gif) right top no-repeat;
	text-indent:15px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	height:19px;
	padding-top:4px;
	border-bottom:1px solid #fff;
}
#dlinkTitle2
{

	background:#f36d32 url(../images/corner4.gif) right top no-repeat;
	text-indent:15px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	height:19px;
	padding-top:4px;
	border-bottom:1px solid #fff;
	!width:171px;
}
#divNewsletter
{
	color:#eee;
	text-align:left;
	padding:0px;
	float:left;
	font-weight:bold;
}


div#dlinkCat
{
	float:left;
	width:120px;
	height:110px;
	border:0px solid;
	margin-top:10px;
	text-align:center;
	vertical-align:middle;
}
div#dlinkCat_Chan
{
	float:left;
	width:125px;
	height:110px;
	border:0px solid;
	margin-top:10px;
	background-color:#fff;
}

#dlinkCatPic
{
	float:left;
	width:125px;
	text-align:center;
	border:0px solid #cc0000;
	overflow:hidden;
	
}

#dlinkCatName
{
	border:0px solid;
	width:100px;
	margin:0 auto;
	text-align:center;		
	
}

a#dlinkCat:link,a#dlinkCat:visited 
{
color:#006693;
text-decoration:underline;
font-size:11px;
}


a#dlinkCat:hover 
{
color:#D68E07;
text-decoration:underline;
font-size:11px;
}

#dlinkItem
{
	width:170px;
	text-indent:6px;
	height:22px;
	color:#fff;
	border:0px solid;
}

#dlinkItem_select
{
	width:170px;
	text-indent:6px;
	height:22px;
	color:#333;
	background-color:#e0e0e0;	
}

.leftMenu {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.5;
}
a.leftMenu:link,a.leftMenu:visited {
color:#FFFFFF;
font-family:Arial;
font-size:11px;
line-height:1.5;
text-decoration:none;
}

a.leftMenu:hover {
color:#FFFFFF;
text-decoration:underline;
}

a.leftMenu_select:link,a.leftMenu_select:visited,a.leftMenu_select:hover {
color:#333;
font-family:Arial;
font-size:11px;
line-height:1.5;
text-decoration:underline;
}

a.leftMenuSub:link,a.leftMenuSub:visited {
color:#444;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.3;
}
a.leftMenuSub:hover{
color:#888;
text-decoration:underline;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.3;
}

#dlinkSubItem
{
	width:170px;
	color:#fff;
	border:0px solid;
	background-color:#f5f6f6;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
}

a.leftMenuSub:link,a.leftMenuSub:visited {
color:#444;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.3;
}
a.leftMenuSub:hover{
color:#888;
text-decoration:underline;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.3;
}

a.productLink:link,a.productLink:visited {
color:#565C60;
font-family:arial;
font-size:11px;
text-decoration:none;
}


a.productLink:hover {
color:#A0A4A6;
font-family:arial;
font-size:11px;
text-decoration:underline;
}

ul li
{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	margin-top:5px;
	text-indent:-35px;
	list-style-position:inside;
}
.textSmall {
color:#333;
font-family:arial;
font-size:11px;
text-decoration:none;
border-right:1px solid #ccc;
}
a.productTab:link,a.productTab:visited {
color:#565C60;
font-family:arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.productTab:hover {
color:#565C60;
font-family:arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.productTab_select:link,a.productTab_select:visited,a.productTab_select:hover {
color:#ff6600;
font-family:arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.productTab {
color:#333;
font-family:arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#detailContent
{
	float:left;
	width:540px;
	background-color:#fff;
	padding-top:15px;
	padding-bottom:5px;
	margin-left:15px;
	text-align:justify;
	line-height:150%;
}
#detailSupport
{
	float:right;
	width:168px;
	background-color:#b4b4b4;
	margin-top:0px;
	margin-right:5px;
	margin-top:5px;
}

a.rightNav:link,a.rightNav:visited {
color:#333;
font-family:arial,helvetica;
font-size:11px;
text-decoration:none;
padding-left:3px;
}
a.rightNav:hover {
color:#D68E07;
font-family:arial,helvetica;
font-size:11px;
text-decoration:none;
padding-left:3px;
}
.dlinkTitleLeft
{
	font-family:arial;
	font-weight:700;
	color:#EF0C12;
	font-size:14px;
}
a#dlinktitleRight:link,a#dlinktitleRight:visited
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	outline:none;	
}

a#dlinktitleRight:hover
{
	color:#f36d32;
	font-weight:bold;
	text-decoration:none;
	outline:none;	
}

#area
{
	font-family:arial;
	font-weight:bold;
	color:#004080;
	font-size:11px;
	padding-left:10px;
}



/*****************END DLINK********/

/*****************BENQ********/
#benqLeft
{
	float:left;
	width:200px;
	border:0px solid;
	background-color:#fff;
	border-right:1px solid #fff;
}

#benqCenter
{	
	!width:718px;
	width:719px;
	border:0px solid;
	background-color:#fff;
	text-align:center;
	overflow:hidden;	
}

.leftNav:hover, .leftNavSelected, .leftNavSelected:visited, .leftNavSelected:active, .leftNavSelected:hover {
background-color:#E4DDEE;
color:#333333;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:700;
height:23px;
padding:3px;
text-decoration:none;
width:190px;
}
.leftNav:link, .leftNav:visited, .leftNav:active {
color:#333333;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:700;
height:23px;
padding:3px;
text-decoration:none;
width:190px;
}

.level1
{
	list-style-image:none;
	list-style-type:none;
}

.level2
{
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	text-indent:5px;
	margin-bottom:5px;
	border-bottom:1px solid #e0e0e0;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#fff;
}

.level3
{
	list-style-image:url(../images/arrow_orange.gif);
	text-indent:5px;
	text-align:left;
	margin-bottom:5px;
	border-bottom:1px solid #eee;
	padding-top:2px;
	background-color:#fff;
}

.level4
{
	
	list-style-image:url(../images/bullet_tron.jpg);
	margin-bottom:5px;
	text-indent:5px;
	border-bottom:1px solid #eee;
	padding-top:2px;
	background-color:#fff;
}

.level5
{
	list-style-image:none;
	list-style-type:none;	
	margin-bottom:5px;
	text-indent:5px;
	border-bottom:1px solid #eee;
	background-color:#fff;
}


div#benqTitle
{
	background:#C59FDC url(../images/corner2.gif) left top no-repeat;
	text-indent:15px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	height:19px;
	padding-top:4px;
	border-bottom:0px solid #fff;
}

div#benqTitle2
{
	background:#C59FDC url(../images/corner2.gif) left top no-repeat;
	text-indent:15px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	height:19px;
	padding-top:4px;
	border-bottom:0px solid #fff;
}

a#benqTitle:link,a#benqTitle:visited
{
	font-weight:bold;
	font-size:11px;
	color:#fff;
	border-bottom:0px solid #fff;
}

a#benqTitle:hover
{
	font-weight:bold;
	font-size:11px;
	color:#333;
	border-bottom:0px solid #fff;
}

.title {
color:#660099;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:700;
text-indent:8px;
}
.title2 {
color:#660099;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:700;
text-indent:8px;
}

.titleProduct
{
color:#660099;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
font-weight:700;
}
.descriptionProduct
{
	text-align:left;
	line-height:140%;
}

.view:link, .view:visited, .view:active {
color:#4C1A8D;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
.view:hover{
color:#FF6600;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
div.tab {
border-right:1px solid #999999;
float:left;
height:20px;
line-height:20px;
padding-left:15px;
padding-right:15px;
white-space:nowrap;
}

a.ProductNav:link, a.ProductNav:visited, a.ProductNav:active {
color:#1C1C1C;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:700;
text-decoration:none;
}
a.ProductNav:hover {
color:#ff6600;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:700;
text-decoration:none;
}
a.ProductNav_select:link, a.ProductNav_select:visited, a.ProductNav_select:active,a.ProductNav_select:hover  {
color:#ff6600;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:700;
text-decoration:none;
}

/*****************END BENQ********/


	/*********************************    Menu     *********************************************/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	text-align:left;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; 
	top:0px;
	z-index:50;
	text-align:left;
	}

.transMenu.top .items {
	border-top:none;	
}

/* each TR.item is one menu item */
.transMenu .item {
    color:#fff;
    font-size:10px;
    font-family:tahoma;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:-1px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom
{
	position:absolute;
	z-index:1;
	left:2px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#009645;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:5px;
}

.font_hong
{
	color:#fff;
	outline:none;
	font-weight:normal;
	font-size:12px;
}
.font_title
{
	color:#fff;
	outline:none;
	font-weight:normal;
	font-size:12px;
}

/******************************END MENU************************************/

a.root:link,a.root:visited
{
	font-weight:bold;
	font-size:13px;
	font-family:arial;
}
.subroot
{
	font-weight:bold;
	font-size:11px;
	font-family:arial;
}

/*************************Autocomplete****/



/**********SHADOWBOX************************/

/**
 * The CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 *
 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007 Michael J. I. Jackson
 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
 */

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
  color: #333;
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 45px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 45px;
  font-size: 14px;
  font-weight:bold;
  line-height: 16px;
  white-space: nowrap;
  padding: 0px 0 0px 0px;
  background-color: #e0e0e0;
  font-family:arial;
  color:#cc0000;
  padding-left:15px;
  padding-top:10px;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <div id="shadowbox_loading_img"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding-left:0px;
  border: 0px solid #fff;
  background-color: #e0e0e0;  
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #eee;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 26px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 26px;
  background-color: #eee;
}
#shadowbox_toolbar_inner div {
  padding-top: 6px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #888;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}

//ajax poller
.poller{	/* The poller box */

	float:left;		
	width:180px;
	padding:0px;	
	padding-bottom:10px;
	border:0px solid #cccccc;
	background-image:url(images/question.gif);
	background-repeat:no-repeat;
	background-position: center center;
	margin:0px;
	margin-left:10px;
	margin-top:2px;
}
/* Poller title above radio buttons */
.pollerTitle{
	margin-top:10px;
	margin-left:10px;
	font-weight:normal;
	font-size:12px;
}
/* Label for each radio button */
.pollerOption{
	margin:0px;
}
/* Label for each option above graph - i.e. results */
.result_pollerOption{
	margin:0px;
	font-size:11px;
}
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
	margin-bottom:5px;
	margin-top:5px;
	font-weight:bold;
	font-size:11px;
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
	float:left;
}
/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
	float:left;
	height:16px;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:0.9em;
	line-height:16px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
	height:16px;
}

/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none;	
}	

.result_totalVotes{
	clear:both;
	font-size:0.8em;
	margin-top:10px;
	font-style:italic;
}

a#dlinkCatProductGeneral:link,a#dlinkCatProductGeneral:visited{
	font:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
a#dlinkCatProductGeneral:hover{
	font:"Times New Roman", Times, serif;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}

</style>
