@import url("reset.css");

/* HTML TAG STYLES
------------------------------------------------------- */
body { background:#151414 url(../images/bg_body.gif) left top repeat-x; margin:0;color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; }
table, td { border-collapse:collapse; }
p { margin:0px; padding: 0px 0px 15px 0px; }
a:focus, input, textarea, select { outline:none; font-family:Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #000; outline:none; text-decoration: none; }
a:hover, a:active { color:#c40202; text-decoration: underline; }
/* ----------------------------------------------------
	COMMON STYLES
------------------------------------------------------- */
.clr { clear:both; font-size:0px; height:0px; visibility:hidden; }
.line1 { border-top:1px solid #dbdbdb; clear:both; height:14px; }
.line2 { border-top:1px solid #b13a3a; clear:both; height:14px; }
.left {float:left;}
.right {float:right;}
.a_right {text-align:right;}
.a_center {text-align:center;}
.img_left {float:left; margin-right:10px; margin-bottom:10px; margin-top:3px;}
.img_right {float:right; margin-left:10px; margin-bottom:10px;margin-top:3px;}
.img_white_border {border:3px solid #fff;}
.img_left_border {float:left; margin-right:10px; margin-bottom:10px; margin-top:4px; padding:3px; border: 1px solid #dbdbdb;}
.img_right_border {float:right; margin-left:10px; margin-bottom:10px;margin-top:4px; padding:3px; border: 1px solid #dbdbdb;}
.img_border {padding:3px; border: 1px solid #dbdbdb;}
.importance {color:#ea0000;}

/* Lists
-------------------------------- */
.page_content ul, .page_content_detail ul {margin-bottom:15px; margin-left:10px;}
.page_content ul ul, .page_content_detail ul ul {margin-left:0px; margin-bottom:7px;}
.page_content li, .page_content_detail li {background:url(../images/red_bullet.gif) 0px 7px no-repeat; padding: 2px 0px 2px 10px;}


/* Paging 
-------------------------------- */
.pages { padding-bottom:5px; padding-top:5px; }
.pages a:link, .pages a:visited { border-right:1px #ebebeb solid; margin-right: 3px; padding:1px 5px 1px 5px; }
.pages a:hover, .pages a:active, .pages #cur {text-decoration:underline; color:#c40202; padding:1px 5px 1px 5px; }

/* Links
-------------------------------- */
a.link1:link, a.link1:visited {color:#d40000; text-decoration:none;}
a.link1:hover, a.link1:active {color:#000; text-decoration: none;}

a.link2:link, a.link2:visited {color:#000; text-decoration:none;}
a.link2:hover, a.link2:active {color:#fff; text-decoration: underline;}

/* Headings
-------------------------------- */
.page_content h2,.page_content_detail h2 {
	font-size:14px; 
	color:#CC0000; 
	margin-bottom:12px; 
	padding-bottom:7px; 
	border-bottom:1px solid #EAEAEA; 
	font-weight:normal;
}
h3 {font-weight:bold; font-size:12px; color:#000; margin-bottom:8px;}
h3 span {font-size: 10px; color: #919191; font-weight:normal;}


/* ----------------------------------------------------
	MAIN SITE STRUTURE
------------------------------------------------------- */
.wrapper {background:url(../images/bg_page.jpg) top no-repeat; width:919px; margin:0 auto; min-height:670px; height:auto !important; height:670px;}
.wrapped_footer {background:#242424 url(../images/bg_footer.jpg) 0px -3px repeat-x;}
.header {width:919px; height:100px;}
.logo {display: inline; float:left; height:100px; width:262px; margin-left:216px;}
.logo a {display:block; height:100px; width:262px; text-indent:-1000em; background:url(../images/logo.gif);}
.header_right {float:left; text-align:right; width:441px;}
.lang img {margin:0px 0px 0px 20px; padding-bottom:26px; padding-top:12px;}
.s_input {background:url(../images/search-input.gif) no-repeat; width:143px; height:16px; font-size:11px; padding-top:2px; border:0px; padding-left:25px;}
.footer_inner {margin:0 auto; width:919px; padding-top:55px; padding-bottom:10px;}
.f_left {float:left; width:500px; padding-right:33px; font-size:11px;}
.f_left a:link, .f_left a:visited {color:#909090; text-decoration: underline;}
.f_left a:hover, .f_left a:active {text-decoration:none; color:#CCCCCC;}
.f_right {float:left; width:386px; color:#909090; text-align:right;}
.footer_links a:link, .footer_links a:visited {display:inline; color:#909090; margin:0px 3px; text-decoration:none; font-size:11px;}
.footer_links a:hover, .footer_links a:active {text-decoration:underline; color:#CCCCCC;}
.copyright {color:#6a6a6a;}
.body_content {background:url(../images/bg_main_body.jpg) right repeat-y; width:919px;}


/* NAVIGATION BAR
---------------------------------------------------------------------------------------- */
.nav_vn li a:link, .nav_vn li a:visited {padding:7px 15px 8px 15px;}
#nav {display:block;height:34px; margin-left:244px; float:right; margin-bottom:7px;}
#nav li {position:relative; float:left;}
#nav li a:link, #nav li a:visited {
	background:url(../images/bg_menu.gif) right top no-repeat;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
	display:block;
}
#nav li a:hover, #nav li a:active, 
#nav li:hover a, #nav li:hover a:active, 
#nav li.iehover a, #nav li.iehover a:link,  #nav li.iehover a:visited, 
#nav li a.current, #nav li:hover a.current 
{background:url(../images/bg_menu_o.gif) right top no-repeat; border-bottom:2px solid red;}

/* All ub menus
------------------------------------------------------ */
#nav ul {
	display:none;
	position:absolute;
	top:34px;
	background-color:#000;
	width: 160px;
	margin:0px;
	padding:0px;
}
#nav ul ul,
#nav ul ul ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 160px;
	width:160px;
}
#nav ul:after {clear: both;display: block;content: "."; height: 0;visibility: hidden; width:160px;}
#nav ul li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	width:160px;
}
#nav li li a:link, #nav li li a:visited {
	text-decoration: none; 
	font-weight:normal; 
	display:block;
	text-transform:none;
	padding:2px 10px 2px 15px !important;
	background:url(../images/submenu_bullet.gif) 4px 7px no-repeat;
	color:#bcbcbc;
	border-bottom:1px solid #303030;
}

/* 2rd Menu */
#nav li:hover li a,#nav li:hover li a:link,#nav li:hover li a:visited,
#nav li.iehover li a,#nav li.iehover li a:link,#nav li.iehover li a:visited {
	text-decoration:none; 
	background:url(../images/submenu_bullet.gif) 4px 7px no-repeat;
	border-bottom:1px solid #303030;
}
/* 2rd Menu Hover Persistence */
#nav li:hover li a:hover,#nav li:hover li:hover a,
#nav li.iehover li a:hover,#nav li.iehover li.iehover a {
	text-decoration:none; 
	background:url(../images/submenu_bullet.gif) 6px 7px no-repeat; 
	color:#00f0ff; 
}

/* 3rd Menu */
#nav li:hover li:hover li a,#nav li:hover li:hover li a:link,#nav li:hover li:hover li a:visited,
#nav li.iehover li.iehover li a, #nav li.iehover li.iehover li a:link, #nav li.iehover li.iehover li a:visited {
	background:url(../images/submenu_bullet.gif) 4px 7px no-repeat;
	color: #bcbcbc;
}
/* 3rd Menu Hover Persistence */
#nav li:hover li:hover li a:hover,
#nav li:hover li:hover li:hover a,
#nav li.iehover li.iehover li a:hover,
#nav li.iehover li.iehover li.iehover a {color: #00f0ff !important; background:url(../images/submenu_bullet.gif) 6px 7px no-repeat;} 


/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
	display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
	display: block;
}




/* ----------------------------------------------------
	HOME PAGE
------------------------------------------------------- */
.home_welcome {float:left; width:239px; padding-top:85px;}
.home_content {float:left; width:680px;}
.top_welcome {background:url(../images/top_home_welcome.gif); width:239px; height:21px; font-size:0px; line-height:0px;}
.bottom_welcome {background:url(../images/bottom_home_welcome.png); width:239px; height:21px; font-size:0px; line-height:0px;}
.welcome_content {background:url(../images/bg_home_welcome.gif); color:#bcbcbc; width:204px; padding-left:15px; padding-right:20px;}
.welcome_content h2 {margin-bottom:15px; color:#9d9d9d; font-size:14px; font-weight:normal;}
.welcome_content h2 span {display:block; color:#ffea00; font-weight:bold; font-size:16px; padding-top:3px;}
.home_info {
	border-top:4px solid #dc0000; 
	padding: 10px 15px 10px 15px; 
	width:650px; 
	background:#fff url(../images/v_line.gif) center top repeat-y ;
}
.home_info h2 {color:#2c2c2c; position:relative; font-weight:bold; font-size:14px; margin-bottom:15px; text-transform:uppercase;}
.home_newpro {float:left; width:315px; padding-right:10px;}
.thumb_newpro {float:left; margin-bottom:12px; margin-right:10px;}
.home_news {float:left; width:315px; padding-left:10px;}
.home_news li {padding-left:12px; width: 303px; background:url(../images/red_bullet.gif) 0px 5px no-repeat; display:block;}
.home_newpro_pic {float:left; width:115px; padding-bottom:10px;}
.home_newpro_dsc {float:left; width:200px;}
.hotline {
	clear:both; 
	/*width:918px; */
	margin-top:10px; 
	min-height:50px; 
	height:auto !important;
	height:50px;
	color:#525252;
	font-size:12px;
	float:right;
}
.hotline_info {float:left; width:127px; line-height:24px; padding:4px 10px; margin-left:4px; border:1px solid #202020;}
.phone_no {float:left; width:96px;}
.online {float:left; width:31px; text-align:right;}
.home_viewall:link, .home_viewall:visited {
	display:block; 
	position: absolute; 
	right:10px; 
	top:0px; 
	font-size:11px; 
	color:#ab0000; 
	text-decoration:none; 
	font-weight:normal;
	text-transform: none;
}
.home_viewall:hover, .home_viewall:active {color:#000; text-decoration:none;}




/* ----------------------------------------------------
	SECONDARY STRUCTURE
------------------------------------------------------- */
.leftcol {float:left; width:209px; padding-top:76px; padding-bottom:50px; padding-left:6px;}
.main_content {float:left;width:680px; padding-left:24px;}
.leftmenu {display:block; width:190px; margin-right:19px; margin-bottom:30px;}
.leftmenu ul {display:none; padding-left:16px;}
.show {display:block !important;}
.leftmenu li {display:block; color:#929292;}
.leftmenu li span {
	display:block; 
	width:174px; 
	padding-left:8px; 
	cursor:pointer;  
	background:url(../images/submenu_bullet.gif) 0px 3px no-repeat; 
	line-height:normal;
}
.leftmenu li a:link, .leftmenu li a:visited {
	display:block;
	padding:3px 0px 3px 8px; 
	border-bottom:1px solid #29292a;
	color:#979797;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
}
.leftmenu li a:hover, .leftmenu li a:active, .leftmenu li a.current {border-bottom:1px solid #002c9f; color:#ffffff; font-weight:bold;}
.leftmenu li li a:link, .leftmenu li li a:visited {border-bottom:0px; text-transform:none; padding:2px 0px 2px 0px;}
.leftmenu li li a:hover, .leftmenu li li a:active, .leftmenu li li a.current{font-weight:normal; color:#ffffff; border-bottom:0px;}
.page_content {background:#ffffff; padding: 10px; width:660px; min-height:530px; height:auto !important; height:530px;}
.page_content_detail {
	background:#fff url(../images/bg_page_content_detail.jpg) right repeat-y; 
	padding: 0px 0px 0px 10px; 
	width:670px; 
	min-height:600px; 
	height:auto !important; 
	height:600px;}
.link_guide {margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #dadada;}
.page_content_detail .link_guide {margin-top:5px;}
.link_guide a:link, .link_guide a:visited {color:#6a6a6a; text-decoration:none;}
.link_guide a:hover, .link_guide a:active {color:#000000; text-decoration:underline;}

/* Main product page
--------------------------------------------------------------------------------------------------------------- */
.product_grid {width:660px;}
.cell {width:145px; float:left; text-align:center; padding:10px;}
.pro_img {margin-bottom:7px; border:1px  solid #dcdcdc;}
.left_data_container {
	background:url(../images/bg_left_news.gif) repeat-y; 
	color:#ffd3d3; 
	width: 193px;
	padding:10px 20px 10px 20px;
	overflow:hidden; 
	margin-right:-24px; 
	position:relative;
	font-size:11px; 
	z-index:2;}
.left_data_container h2 {font-weight:bold; font-size:16px; color:#FFFFFF; margin-bottom:15px;}
.left_data_container a:link, .left_data_container a:visited {color:#000; text-decoration:none;}
.left_data_container a:hover, .left_data_container a:active {color:#fff; text-decoration: underline;}


/* Product detail page
--------------------------------------------------------------------------------------------------------------- */
.spec_tabs {padding-top:10px; display:block; float:left; padding-right:3px; width:230px; margin-right:-78px; position:relative; z-index:3}
.left_detail {float:left; width:410px; padding-bottom:20px; padding-right:10px;}
.right_detail {float:left; width:248px; border-left:2px solid #EAEAEA;}
.thumbnails img {margin-top:8px; border:1px #cfcfcf dotted;}
.pro_detail_rightcol {float:left; width:150px; padding: 10px;}
.vertical_page_title {width: 78px; float:left; position:relative; z-index:2;}
.vertical_page_title img {border-bottom:2px solid white;}
.other_pro_name {padding-right:10px; padding-left:25px;}
.thumb_other_pro {padding-bottom:15px;}
.product_detail_info {padding-top:20px;width:410px;}
.product_detail_info table, .product_detail_info td, .product_detail_info th {border-collapse:collapse; border:1px solid #CCCCCC;}
.product_detail_info td, .product_detail_info th {padding:3px;}
.product_detail_info th {text-align:left; font-weight:bold; background:#EBEBEB;}
.product_detail_info td p {padding:0 !important; margin:0px;}


/* Contact us page
--------------------------------------------------------------------------------------------------------------- */
.tbl_contact td, .tbl_contact th {padding:3px;}
.tbl_contact th {text-align:left; font-weight:bold; font-size:12px;}
.contact_input, .contact_textarea {border:1px solid #cdcdcd; font-size:12px; font-family:Arial, Tahoma;}
 

 
 
 /* News
 --------------------------------------------------------------------------------------------------------------- */
.cell_news {width: 310px; float:left; padding: 0px 10px 0px 10px;}
.cell_news p {margin:0px; padding:0px 0px 5px 0px;}
 .news_thumbnail {border:1px  solid #dcdcdc; padding:3px; margin:3px 10px 20px 0px; float:left; width:130px; height:75px;}
 .seperated_news_line {height:30px;  clear:both;}
 
 
 /* Solution page & Partner
--------------------------------------------------------------------------------------------------------------- */
.solution_row {border-bottom: 1px dotted #e0e0e0; margin-bottom:15px; padding:0px 20px 15px 20px;}
.submenu {padding-top:7px; display:block;}
.partner_row  {border-bottom: 1px dotted #e0e0e0; margin-bottom:15px;}
.partner_logo {float:left; width: 185px;}
.partner_info {float:left; width: 455px; padding: 0px 10px;}


div#tipDiv {
    padding:4px;
    color:#fff; 
    background-color:#2b2b2b; 
    width:400px; 
	border:2px solid #444;
}
div#tipDiv h3 {color:#fff;}

.support_title {background:url(../images/red_bullet.gif) 0px 7px no-repeat; width:650px; padding: 2px 0px 2px 10px;}
.submenu {padding:0px 0px 0px 10px;}