*{margin:0px; padding:0px;}
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#313131;
	background-color:#94d0f4;
	}
a {text-decoration:none;outline:none; color:#313131;}
a img {border:none; outline:none;}
ul {list-style-type:none;}
input, select {font-size:11px; }
h1 {font-size:18px; color:#139AD7; padding-bottom:7px;}
	h1.pic {background:url(../images/bg_head.png) bottom left no-repeat; width:874px; padding:15px 0 5px 20px;}
	h1.title-pro {background:url(../images/bg_head_title.png) bottom left no-repeat; width:620px; margin:0px; padding:0 0 5px 20px; margin-bottom:20px; color:#0061af; font-weight:normal;}
h1.news-title {font-size:14px; font-weight:bold; }
    h1.news-title span {border-bottom:#139AD7 1px solid; padding-bottom:2px; }
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}

#wrap
{
	width:980px;
	position:relative;
	margin:0 auto;
	background:#fff url(../images/bg.png) top left repeat-y;
	}

#top {width:980px; height:150px; position:relative;background:url(../images/bg_vanan.png) top left no-repeat;}
	#top div.logo {position:absolute; bottom:15px; left:20px;}
#main {width:980px; position:relative;}
	.left {width:205px; float:left;}
	.right {width:775px; float:left;}
#footer {clear:both; background:url(../images/bg_bot.jpg) top left no-repeat; height:72px; position:relative; color:#000;}


/*---------------------------------------TOP--------------------------------------------------------*/
.toplogo {background-color:#fff;}
    .toplogo img {width:220px; height:200px;}
.bar {background:url(../images/bg_hor_menu.png) top left repeat-x;}
.hor-menu{background:url(../images/bg_hor_menu.png) top left repeat-x; position:absolute; left:0px; top:0px; *top:-3px; width:775px; padding-left:205px;}
	#parent {width:780px;}
	#nav {}
	#nav li {margin: 0;float: left;display: block; text-align:center; height:33px;}
	#nav li a {display: block;padding: 8px 12px; color:#fff; font:bold 13px Arial, Helvetica, sans-serif;}
	#nav li a:hover { background:url(../images/bg_hor_menu_hover.png) top left repeat-x; color:#199fdb;}
	.mn_active {color: #199fdb !important;}	
		.mn_active a {color: #199fdb !important;background:url(../images/bg_hor_menu_hover.png) top left repeat-x;}
	.mn_hover {color: #199fdb !important;background:url(../images/bg_hor_menu_hover.png) top left repeat-x; }
	div.child  {clear:both;  padding:8px 0 0px 45px; width:730px; *padding:4px 0 0px 45px;   background-color:#cae7fa;}
	.subitem { display:none;}
	.subitem ul{ margin:0; padding:0;list-style-type:none;}
	.subitem ul li{ margin:0px; padding: 0px 12px 0px 12px; float:left;}
	.subitem ul li a{ color: #139AD7;padding:8px 15px; font:bold 12px Arial, Helvetica, sans-serif;}
	.subitem ul li a:hover {background-color:#BEE2FA;}
.banner {width:948px; height:217px; position:relative; background:url(../images/banner.jpg) top left no-repeat;}	
	.banner p {position:absolute; top:10px; right:30px; width:150px;}
	.banner p img {vertical-align:text-bottom;}
	.banner div {
	position:absolute;
	left: 298px;
	top: 55px;
}

	
/*---------------------------------------LEFT--------------------------------------------------------*/
.head-nav {background:url(../images/bg_nav_bar.png) top left repeat-x; height:26px; line-height:26px; color:#fff; font-weight:bold; padding-left:10px; margin-bottom:2px; }
	.head-nav a { color:#fff;}
.hpa {text-align:center; padding-top:25px; font-weight:bold; color:#b94b46;}
.hp {text-align:center; padding-top:12px; font-weight:bold; color:#fff; background:url(../images/bg_poll_top.gif) top left no-repeat; height:18px;}
.bp{background:url(../images/bg_poll_bot.gif) top left no-repeat; height:118px; width:180px;}
.support {background:url(../images/bg_support.png) top left no-repeat; width:181px; height:169px; margin:15px 0 10px 12px;}
	.nick {text-align:left; padding-top:15px;}
		.nick p {padding:6px 0 6px 10px;}
		.nick p a {color:#B94B46; font-weight:bold;}
.trial {background:url(../images/bg_dungthu.png) top left no-repeat; width:181px; height:231px;margin:0 0 10px 12px;}
	.tbl-form {font-size:11px;}
	.tbl-form td {padding:2px 0 2px 7px;}
	.tbl-form input.txt-trial, .tbl-form textarea {background-color:#efeeee; border:#fff 1px solid; width:105px; padding:2px; font-size:11px; font-family:Arial;}
	.tbl-form input.btn-trial {background:url(../images/bg_btn.png) top left no-repeat; width:58px; height:19px; padding-bottom:3px; border:none; margin-right:5px; font-size:11px;  color:#a7a5a3;}

.poll { margin:0 0 10px 12px;  }
.poolcon {padding:7px 0 0 5px; background:url(../images/bg_poll_content.gif) top left repeat-y; width:180px; margin-bottom:-40px; }
.pos {position:relative; z-index:999;}
.btn-vote {position:absolute; right:0px; bottom:-78px;}
/*---------------------------------------RIGHT--------------------------------------------------------*/
.mainContent {width:760px; padding:10px 0px 15px 15px; position:relative; background:url(../images/bg_content.jpg) bottom right no-repeat; min-height:740px; height:auto !important; height:740px;}


.space {height:30px;_height:0px;*height:18px;}
.head {position:absolute; top:-15px; left:15px; background:url(../images/bg_title.png) top left no-repeat; width:340px; height:20px;  padding-top:5px;}
    .head a {color:#139AD7; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:35px;}
	/*.head a {color:#fff; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; display: block;float: left; padding-left:25px; height:26px;background:url(../images/bg_left_head.png) top left no-repeat;line-height: 16px; margin-right:7px; cursor:pointer;}
	.head a span {float:left; padding:5px 0px 5px 0px; width:170px;display: block;background:url(../images/bg_right_head.png) top right no-repeat; text-align:center;}*/


.head-pro {position:absolute; top:-8px; left:20px;}
	.head-pro a {color:#139AD7; font:bold 11px Arial, Helvetica, sans-serif; display: block;float: left; padding-left:12px; height:19px;background:url(../images/bg_left_head_pro.png) top left no-repeat;line-height: 16px; margin-right:7px; cursor:pointer;}
	.head-pro a span {float:left; padding:1px 22px 2px 10px;display: block;background:url(../images/bg_right_head_pro.png) top right no-repeat; }
span.price {color:#F00; font-weight:bold; font-style:14px;}

.news-div {padding-top:10px;}
	.news-div a {color:#139AD7; font-weight:bold;}
	.news-div img {width:100px; height:100px;}
	.news-div div {padding-top:7px; line-height:18px;}
.item-news {padding:15px 0px 15px 0; border-bottom:#169CD9 1px dashed; margin-right:15px;}
	.item-news a {color:#139AD7; font-weight:bold;}
	.item-news img {float:left; margin-right:15px; width:150px; height:125px;}
	.item-news div {padding-top:10px;}
.lmenu {position:relative; z-index:9999;}
	.lmenu li {border-bottom:#D1E8F8 1px solid; padding:8px 0 6px 15px;}
		.lmenu li a {color:#139AD7; font-weight:bold; text-transform:uppercase;}
		.lmenu li h2 {font-size:12px; padding-right:0px; padding-bottom:0px;}
/*.submenu {padding:5px 10px 0 5px; margin-left:-10px;}
    .submenu li ul li { padding:3px 0 3px 10px; text-align:left; background:url(../images/HomeMenuItem2.gif) 0 8px no-repeat;}
    .submenu li  ul li a {color:#666666; font-weight:bold; text-transform:none !important; font-size:11px;}
    .submenu li ul li a:hover {color:#139AD7;}

.submenu li {background:none; padding-left:0px;border-top:#b3def8 1px solid; border-bottom:none; }
    .submenu li h2 {font-size:12px;}
    .submenu li  a {text-transform:uppercase; color:#666666;}*/
.submenu {padding:7px 0px 0 0px; margin-left:-15px;}
	.submenu li {background:none; padding-left:0px;border-top:#D1E8F8 1px solid; border-bottom:none; padding-right:0px;}
    .submenu li h2 {font-size:11px; padding:0px 0 0px 20px;}
    .submenu li  a {text-transform:uppercase; color:#666666;}
	
    .submenu li ul {background-color:#fff; margin-top:8px;}
    .submenu li ul li { padding:7px 5px 7px 30px; text-align:left; background:url(../images/HomeMenuItem2.gif) 20px 13px no-repeat;}
    .submenu li  ul li a {color:#666666; font-weight:bold; text-transform:none !important; font-size:11px;}
    .submenu li ul li a:hover {color:#139AD7;}
    
h2.trigger {
	/*background-color:#e9f3fa;
	border-top:#b3def8 1px solid;*/
	
}
li.trigger a {
	
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	
	overflow: hidden;
	background-color:#f1f7fa;
	clear: both;
}
.toggle_container .block {
	
}

.top-pro {}
	.pro-item {width:370px; float:left; margin-right:15px;}
	div.last {margin:0px;}
.bgtop {background:url(../images/bg_tow_pro.png) top left repeat-x; height:26px; line-height:26px; color:#139AD7; padding-left:10px; font-weight:bold;}
	.bgtop a {color:#139AD7;}
.bgbot {background:url(../images/bg_bot_pro.gif) top left no-repeat; width:370px; height:10px;}
.bgpro {background:url(../images/bg_pro.gif) top left repeat-y; padding:10px; min-height:180px; height:auto !important; height:180px; position:relative;}

.bgpro img 
{
	float:left; 
	margin-right:10px; 
	/*width:130px !important; 
	height:170px !important;*/
}


img.news-img {width:150px !important; height:170px !important;}
img.news-icon-new{width:28px;height:11px;}
.bor {border-bottom:#edf4f6 1px solid;}

ul.other-news {padding-left:10px; }
.other-news li {display:block; margin-bottom:5px; padding:2px 0;color:#139AD7;}
.other-news li a {color:#139AD7; vertical-align:middle;}
.other-news li a:hover {text-decoration:underline;}

p.paging a {cursor:pointer;}
.img-pro {float:left; margin-right:15px;}
	.img-pro img {width:270px; height:350px;}
.info-pro { margin-left:270px; padding-right:20px;}
.addcart {color:#139AD7;font-weight:bold;}
.grid td, .grid th {padding-left:7px; padding-right:7px;}
.name-cart {padding-top:10px;}
.grid .pricecart {width:30px; padding-top:10px;}
.txt-quantity {border:#cccccc 1px solid; text-align:center;}
.remove-item {color:#ffffff; text-decoration:none;}
.total-price {text-align:right;}
.footer-cart {font-weight:bold;}
.sum {margin-right:-390px; z-index:999; position:relative;}
a.linkcart {color:#139AD7; font-weight:bold; text-decoration:underline; margin-left:10px;}

/*FORM CONTACT*/
#form-contact {padding:20px 60px 0 100px;}
div.fieldwrapper{overflow: hidden; padding: 5px 0; }
div.fieldwrapper textarea { border:#CCCCCC 1px solid; width:336px; height:230px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div.fieldwrapper label.styled{ float: left; width: 70px; font-size:11px; margin-right:5px; color:#000; }
div.thefield input {border:#cccccc 1px solid; padding:1px 1px 2px 1px; width:260px;  font-size:11px;}
.button {background-color:#FFFFFF; border:#CCCCCC 1px solid; font-size:11px; font-weight:bold; padding:2px;}
/*LOGIN FORM*/
div.loginwrapper{ 
overflow: hidden;
padding: 5px 0;
}
div.loginwrapper label.styled{ 
float: left;
width: 70px; 
margin-right: 5px;
}
div.textbox input {border:#999999 1px solid; padding:2px; width:180px;}
.div-btn-login {text-align:left; padding-left:75px;}
.register-here {padding-top:5px}
.register-here a {color:#F68F00;}
div.paymentwrapper{ 
overflow: hidden;
padding: 5px 0;
}
div.paymentwrapper label.styled{ 
float: left;
width: 140px; 
margin-right: 5px;
}
div.paymentwrapper input, div.paymentwrapper select {border:#999999 1px solid; padding:2px; width:200px;}
div.paymentwrapper input.address {width:250px;}
.table-product {border:#cccccc 1px solid; border-right:0px; border-bottom:0px; margin-left:-30px;}
.table-product td {border-right:#cccccc 1px solid; border-bottom:#cccccc 1px solid; text-align:center; height:27px;}
td.header {font-weight:bold;}
td.total {text-align:right; padding-right:5px;}
.search {position:absolute; top:7px; left:7px;}
input.txtsearch {width:130px; padding:1px; border:#5ab2ea 1px solid; padding:2px;}
input.btnsearch {background:none; border:none; color:#fff; font-weight:bold; font-size:12px;}
/*--------------------------------------------FOOTER--------------------------------------------------------*/
.copy {position:absolute; color:#000; font-weight:bold; top:30px; left:20px;}
.dev {position:absolute; color:#000; font-weight:bold; top:30px; right:20px;}
	.dev a {color:#000;}
select.ddl {font-size:12px; font-family:Arial; width:150px;}
.text-online {padding:5px 0 5px 0;}

.menu
{
    background-color: #ffc;
    border: dotted 2px #cc0;
    padding: 6px;
    text-align: right;
}


/*** POLL-SPECIFIC STYLES ***/
.Poll_DisplayText
{
    font-weight: bold;  
	padding-bottom:5px;
}
.Poll_TakePoll input {vertical-align:middle; margin-right:5px;}
.Poll_TotalVotes
{
    font-style: italic;
}

.Poll_TakePoll, .Poll_PollResults
{
    font-size:11px;
}

#topLeftBar{
	position:absolute;
	padding: 1px;
	width: 118px;
	visibility: hidden;
	z-index: 100;
}
#topRightBar{
	position:absolute;
	padding: 1px;
	width: 118px;
	visibility: hidden;
	z-index: 999;
	left: 54px;
	top: 1617px;
}
.other-sk {padding:10px 0 0 0px; clear:both;}
.other-sk li {padding:2px 0;}
.ac {text-align:right;padding-top:7px; font-size:11px;}
.hor-slide { width:958px; height:105px; padding:8px 10px 5px 10px; position:relative; border:#F4F9FF 1px solid; margin-top:10px; background-color:#fff;}