
/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background:#FFFFFF;
	color: #032655;
	font-family:Verdana, Tahoma, "Nimbus Sans L", arial, sans-serif;
	font-size: 12px; 
	line-height: 1.5;
	/*background: #fff repeat url('/images/bg/bg_body.gif') top left;*/
}
#body_all{position:relative;width:1005px; height:auto; background: #ffffff}
#centerContainer {position:relative;visibility:visible;width:1005px;text-align:left;}

#body_all_pro{position:relative;width:1005px;  height:4300px; background: #ffffff}
#centerContainer_pro {position:absolute;visibility:visible; height:auto;width:1005px;text-align:left; left:0px; top:0px;}
#computer_body_pro {position:absolute;visibility:visible; height:auto;width:1005px;text-align:left; margin-top:15px;top:450px; left:0px;}

#body_all_cp{position:relative;width:1005px; height:700px; background: #ffffff;}
#centerContainer_cp {position:absolute;visibility:visible; height:auto;width:1005px;text-align:left; left:0px; top:0px;}
#mobile_body_cp {position:absolute;visibility:visible; height:auto;width:1005px;text-align:left; margin-top:15px;top:150px; left:0px;}
#footer_cp{ position:relative;left:0px;height:150px;width:100%; text-align:center;background: #ffffff;}

#body_all_nd{position:relative;width:1005px;  height:1000px; background: #ffffff}
#centerContainer_nd {position:absolute;visibility:visible; height:auto;width:1005px;text-align:left; left:0px; top:0px;}
#news_body_nd {position:absolute;visibility:visible; height:auto;width:1005px;text-align:left; margin-top:15px;top:150px; left:0px;}

#footer{ position:relative;left:0px;height:150px;width:100%; text-align:center;background: #ffffff}
/* top --------------*/
.top_banner{ position:relative; width:25%; margin-right:0px; top:0px; float:left;}

/*  footer -----------*/
.footer_cat{width:100%; height:35; background-color:#255ba0;}
.footer_subcat{position:relative; left:350px; top:5px;margin: 0;padding: 0;z-index:101;}
.footer_subcat ul { list-style:none;margin:0; padding:0; width:100%; text-align:center} 
.footer_subcat li {margin-left:15px;padding:0;list-style:none;float:left;font:11px arial; color:#FFFFFF; font-weight:bold}
.footer_subcat a {margin-left:15px;padding:0;list-style:none;float:left;font:11px arial; color:#FFFFFF; font-weight:bold}

.footer_line{width:100%; height:21;background:  url('/images/bg/footer_bg.png') top left repeat-x;}


/* Normal link */
a {
	color: #1266d4;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #000000;
	text-decoration: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {
	color: #333333;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate, .modifydate {
	color: #666666;
	font-size: 100%;
}

/* Heading */
h1, h2, h3, h4, h5, h6, h7 {margin: 0; padding: 0; font-size:11px; font-weight:normal; float:left;}

pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
	color: #23589e; 	
}

ul {
	list-style: none;
}

ul li {
	line-height: 180%;
	padding-left: 3px;
}

ol li {
	line-height: 180%;
	margin-left: 2px;
}

th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #CCCCCC;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 100%;
}

address {
	font-style: normal;
}
table	{
	font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	padding: 1px;
}

select, textarea, .inputbox {
	background: #FFFFFF;
	color: #666666;
}

* html .button, *+html .button {
	padding: 2px 5px !important;
}

.inputbox {
	background: #FFFFFF;
	border: 1px solid #999999;
	padding: 2px;
}

.inputbox:hover, .inputbox:focus {
	background: #FFFFFF;
	border: 1px solid #F09018;
}

/* Hightlight*/

.highlight {
	padding: 1px;
	border-bottom: 1px dotted #F09018;
	color: #FF3131; 
}
/* Firefox Scrollbar Hack - Do not remove */
html {
	height: 100% !important;
	height: auto;
	margin-bottom: 1px;
}
/* STYLES  ------------------- */

/* Top menu ---*/
.top_menu
{
	 background: #ffffff url('/images/bg/top_bg.png') top left no-repeat;
	 height:166px;
	 width:1005px;
}
#logo {position: relative;top: 10px; left: 5px;float:left;width:105px;}
#top_navi{position: absolute;width:680px;height:45px;top:0px;left:105px;}
#help{position: relative;top:0px;right:0;float:left;left: 0px;}
#top_search {position: relative;top:13px;left: 37px;float:left; width:650px}
#form_search{position:absolute;top:47px;left:55px;width:600px;z-index:100;}

/*bat dau cua phan tab*/
.div_tab_top{ margin-top:5px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.div_tab_top ul{
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.div_tab_top ul li{
    float: left;
    margin: 0 0 0 0px; /* khoang cach giua cac tab */
    font-weight: bold;
}
.div_tab_top ul li a, .div_tab_top ul li a span{
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 5px 0 0; 
}
.div_tab_top ul li a{
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.div_tab_top ul li a span{
    padding-top: 0px;
    height: 28px; /* @ chieu cao tab khong chon */  
    line-height: 28px;
	 cursor:pointer;
	 padding-left:10px;
}
.tab_select a{
    padding-top: 0;
    height: 28px; /* chieu cao backgroun tap chon */  
    background-position: 0 -28px;
    line-height: 28px;
	 color:#F59740;

}
.tab_select a span{
    padding-top: 0;
	padding-right:10px;
    height: 28px; /* chieu cao backgroun tap chon */  
    background-position: 10px -28px;
    line-height: 28px;
	 color:#F59740;
	background: url('/images/bg/li_category_selectbg.jpg') no-repeat right center;

}
.tab_nomal a{
    padding-top: 0;
    height: 28px; /* chieu cao backgroun tap chon */  
    line-height: 28px;
	color:#ffffff;
}
.tab_nomal a span{
    padding-top: 0;
	padding-right:10px;
    height: 28px; /* chieu cao backgroun tap chon */  
    background-position: 0 -28px;
    line-height: 28px;
	color:#ffffff;
	background: url('/images/bg/li_categorybg.jpg') center right no-repeat ;
}
.tab_content{
	height:26px;
	/*background:url(/images/bg_content.jpg);*/
	line-height:26px;
	padding-left:25px;
	font-size:11px;
}
.tab_content ul{
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tab_content ul li{
    float: left;
    margin: 0 0 0 2px; /* khoang cach cac menu con */
	 color:#ffae00;
}
.tab_content ul li a{
	color:#ff7200;
	text-decoration:none;
}
.tab_content a:hover{
	color:#000000;
}

#markdiv{position:absolute;top:90px;left:700px;width:300px;}
#submenu_div{position: absolute;top: 90px; left:5px;}
#sub_category{position: absolute;top: 130px; left:5px;}
.float_left_div {position:relative;float:left;}
.tabsubdd	{position: relative; top:2px;margin: 0;padding: 0;z-index:101;}
.tabsubdd ul { list-style:none;margin:0; padding:0; width:100%;} 
.tabsubdd li {margin-left: 15px;padding: 0;list-style: none;float: left;font:  11px arial;}
#login_text{position:absolute;top:130px;left:930px;width:100px;}
.space{height:10px;}

/*
	CLEARFIX
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}

.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
/* END CLEARFIX */


.price{width:100%; margin-bottom:10px; vertical-align:top; margin-top:0px; color:#ff0000; font-weight:bold;}
.price_old{width:100%; margin-bottom:0px; vertical-align:top; margin-top:0px; color:#666666; font-weight:bold; text-decoration:line-through}
.banner{width:100%; vertical-align:top; margin-top:0px; margin-bottom:0px;}
.compare{position:relative; width:92px; padding-right:10px; height:28px; background:left top no-repeat url('/images/bg/compare_bg.png'); vertical-align:top; float:left}
.buy{width:94px; height:28px; background: center top no-repeat url('/images/bg/buy_bg.png'); vertical-align:top; float:left}
.mini_compare{position:relative; width:14px; padding-right:5px; height:16px; background:left top no-repeat url('/images/bg/minicompare_bg.png'); vertical-align:top; float:left}
.mini_buy{width:14px; height:16px; background: center top no-repeat url('/images/bg/minibuy_bg.png'); vertical-align:top; float:left}
.rate_0{ width:80px; padding-left:5px; height:11px;  float:left; background: right bottom no-repeat url('/images/rating_0_newr.gif');}
.rate_1{ width:80px; padding-left:5px; height:11px;  float:left; background: right bottom no-repeat url('/images/rating_1_newr.gif');}
.rate_2{ width:80px; padding-left:5px; height:11px;  float:left; background: right bottom no-repeat url('/images/rating_2_newr.gif');}
.rate_3{ width:80px; padding-left:5px; height:11px;  float:left; background: right bottom no-repeat url('/images/rating_3_newr.gif');}
.rate_4{ width:80px; padding-left:5px; height:11px;  float:left; background: right bottom no-repeat url('/images/rating_4_newr.gif');}
.rate_5{ width:80px; padding-left:5px; height:11px;  float:left;);}
.warning{ font-weight:bold; font-size:13px; color:#FF0000;}
.news_content{ width:246px; padding-bottom:5px; margin:0px; border-bottom:dotted 1px #C0C0C0}
.news_content img { float:left; margin:8px;}
.news_content_detail img{ width:600px; border:#333333 solid 1px; padding:3px;}
.new{ position:relative; width:41px; height:22px; z-index:1000; background: right bottom no-repeat url('/images/bg/new.gif');z-index:10000}
.right_block_cart{width:172px; margin-bottom:15px;}
.right_title_cart{width:172px; height:20px; padding-bottom:0; padding-top:5px; padding-right:0; padding-left:10px; vertical-align:middle; font-size:11px; font-weight:bold; background:  url('/images/bg/right_bg.png') bottom left no-repeat;}
.right_content_cart{width:168px; border: solid 1px #f3fc01;}
.right_content_cart div{padding-left:5px;}
/* product -----------*/
.product_content{margin:0px 0px 0px 0px;}
.product_left{ width:260px; float:left; margin-bottom:20px; margin-top:20px}
.product_right{ width:300px; float:right}
.product_right div{ margin-bottom:10px; }
.comment_title{ height:25px; font-weight:bold; border-bottom: #CCCCCC dotted 1px; margin-top:20px}
.comment_content{border-bottom: #CCCCCC dotted 1px; }
/* user -----------*/
.user_sub{ padding:5px;}

/* ---------------------*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
float:left;
background:url(/images/bg/glowtab_left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
}


.shadetabs li a span{
float:left;
display:block;
background:url(/images/bg/glowtab.gif) no-repeat right top;
padding: 5px 12px 3px 3px;
font-weight:bold;
color:#3B3B3B;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}


.shadetabs li a.selected span{ /*Selected Tab style*/
background-position:100% -35px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.shadetabs li a.selected{ /*selected main tab style */
	background-position:0 -35px; /*Shift background image up to start of 2nd tab image*/
}


.tabcontent{display:none;}
.tabcontent div{ margin:2px; overflow:visible;}
.tab_title{ font-weight:bold; font-size:13px; height:30px; margin-top:10px}
@media print {
.tabcontent {
display:block !important;
}
}
.time{ color:#999999; margin-bottom:5px; }

#imageThumnailPanel ul{ list-style:none; margin:0; padding-left:0px}
#imageThumnailPanel ul li{ float:left; margin-right:2px; padding:3px; border:1px solid #CCC}
.detail_header{ width:500px; background-color:#00FFFF; font-weight:bold; height:25px}
.detail_row{ width:500px;}
.detail_atr{ width:150px; float:left; font-weight:bold;}
.detail_atr_value{width:350px;}

.center_title_detail{width:99%; padding:10px 0 5px 3px; vertical-align:middle; border-bottom:dashed 1px #4d4d4d; font-size:12px; font-weight:bold; margin-bottom:10px; height:47px;background: url('/images/bg/cate_bg.png') top left no-repeat;}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0px;
background:#000000;
border:1px solid #cecece;
z-index:1000;
}
#popupContact{
display:none;
position:absolute;
_position:absolute; /* hack for internet explorer 6*/
height:470px;
width:650px;
z-index:2000;
padding:3px;
font-size:12px;
}
#popupContact h1{
text-align:left;
color:#FFFFFF;
font-size:25px;
font-weight:bold;
padding-bottom:0px;
margin-bottom:5px;
}
#popupContactClose{
font-size:14px;
right:6px;
position:absolute;
color:#FFFFFF;
font-weight:bold;
display:block;
}
#chitiet{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
display:block;
}

#navigate { position: fixed; left: 0px; bottom: 0px; width:100%; height:20px; background-color:#0360fd; z-index:1000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0 0 0 5px;;background: url('/images/bg/bott_navibg.png') top left repeat; text-align:left;}
#navigate a { color:#FFFFFF; text-decoration:underline;}