img { border:0}


a { text-decoration: none; color: #000; }
a:hover { color: #000; }

.clear
{
clear:both;
}

a.thongbao ,a.thongbao:active, a.thongbao:visited
{
background:url(images/ico_ok.png) 0px 7px no-repeat;
width:175px;
padding:5px 0px 5px 15px;
line-height:20px;
height:20px;
float:right;
display:block;
}
a.thongbao:hover
{
text-decoration:underline;
}
a.chitietsanpham ,a.chitietsanpham:active, a.chitietsanpham:visited
{
width:auto;
text-align:center;
padding:3px 0px 3px 0px;
line-height:20px;
}
a.chitietsanpham:hover
{
}

#menutintuc
  {
  width:100%;
  margin:0;
  padding:0;
  }
  #menutintuc ul
  {
  width:100%;
  }
  #menutintuc ul li
  {
  display:inline;
  list-style:none;
  }
  #menutintuc li a,#menutintuc li a:visited,#menutintuc li a:active
  {
  color:#000000;
  text-decoration:none;
  width:auto;
  float:left;
  display:inline;
  width:auto;
  padding:0px 20px 0px 20px;
  line-height:20px;
  background:url(images/ico_ok.png) 0px 3px no-repeat;
  }
  #menutintuc li a:hover
  {
  color:#0066FF;
  }



body {
margin:0px;
padding:0px;
color:#000;
font-family:Verdana;
font-size:11px;

}

div , td , span, p {font-family:Verdana; font-size:11px; line-height:18px;}

.clear{
clear:both;
}

#main_container{
width:1000px;
height:auto;
margin:auto;
background:url(images/maincontent.png) repeat-y ;
padding:0xp 10px 0px 10px;

}
.center_content
{
width:965px;
padding:0px 0px 0px 0px;
margin:auto;
}
#header{
width:965px;
height:268px;
margin:auto;
}

#header .menubar
{
height:60px;
width:965px;
}
#header .menubar .logo
{
float:left;
overflow:hidden;
margin:0px 0px 0px 10px;
}
#header .menubar .menu
{
float:right;
width:600px;
margin:10px 0px 0px 0px;
}

#header .menubar .menu .left
{
float:left;
display:block;
background:url(images/sf_menu_left.png) no-repeat;
width:9px; height:35px;
}
#header .menubar .menu .right
{
float:left;
display:block;
background:url(images/sf_menu_right.png) no-repeat;
width:9px; height:35px;
}


#header .banner
{
height:200px;
width:965px;
text-align:center;

}
/*-----------------main content----------------------------*/
.main_content
{
width:965px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}

.main_content .column_left
{
width:400px;
float:left;
margin:0px 5px 5px 5px;
}

.main_content .column_left .top
{
width:400px;
height:13px;
background:url(images/column_left_top.jpg);float:left;
}
.main_content .column_left .middle
{
background:url(images/middle.jpg) repeat-y;
width:400px;
height:auto;
float:left;
}
.main_content .column_left .bottom
{
width:400px;
height:10px;
background:url(images/bottom.jpg);float:left;
}

.main_content .column_left .middle .left
{
width:190px;
float:left;
margin:0px 0px 0px 5px;
background-color:#FFFFFF;
}
.main_content .column_left .middle .right
{
width:190px;
float:right;
margin:0px 5px 0px 0px;
background-color:#FFFFFF;
}
.main_content .column_right
{
width:530px;
float:right;
padding:0px 10px 0px 0px;
}

.box_tuyendung
{
float:left;
width:400px;
height:100px;
margin:5px 0px 5px 0px;
background:url(images/box_tuyendung.png) no-repeat;
}
.box_tuyendung .content
{
width:300px;
height:70px;
margin:30px 10px 0px 90px;
}
.box_tuyendung .content a
{
color:#FF3300;
font-weight:bold;
}
.box_images
{
float:left;
width:965px;
height:150px;
margin:0px 0px 5px 5px;
background:url(images/box_image.png) no-repeat;
}

.box_images .content
{
margin:5px 5px 5px 5px;
overflow:hidden;
height:140px;
position:relative;
}

/*-----------------------------footer------------------*/
#footer{
width:965px;
height:150px;
margin:0px 18px 0px 18px;
color:#FFFFFF;
text-align:center;
background-image:url(images/footer.png);
background-repeat:no-repeat;
background-position:center;
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
color:#000000;
}

#footer .content
{
float:left; width:100%
}

#footer .content .address
{
line-height:16px;
float:left;
padding:10px 0px 0px 15px;
text-align:left;
}


.footer_links{
float:left;
padding:5px 15px 0px 10px;
}
.footer_links ul
{
margin:0; padding:0; width:auto; display:inline;
}
.footer_links ul li
{
display:inline;
}

.footer_links ul li a{
text-decoration:none;
color:#FFFFFF;
padding:5px 10px 5px 10px;
font-size:12px;
background:url(images/arrow.png) 0px 6px no-repeat;
line-height:10px; display:block; float:left;
}
.footer_links ul li a:hover{
color:#FFFFFF;
background-color:#03114b;
}


#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:4px solid #1980cf; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
	text-decoration:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#1980cf; 
	color:#FFFFFF;
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:12px; font-family:Verdana, Arial;
	color:#000000;
	 padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#000000;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


	
.anpager{ width:auto;}	
	
.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0; font-family:Arial}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:Black;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none; font-family:Arial}
.anpager a:visited {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:Black;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none; font-family:Arial}
.anpager a:active {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:Black;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none; font-family:Arial}
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;}     

.article
{
width:100%;
margin:5px 0px 5px 0px;
height:auto;
font-family:Verdana;
}
.article .article_title {display:block; margin:3px 0px 3px 0px}
.article_title a
{
color:#FF3300; display:block;font-size:13px; background:url(img/arrow.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; line-height:14px;
}

.article_title:hover a
{
text-decoration:underline;
}

.article .dateposted
{
font-size:8px;
color:#FF0000;
}

.article .article_content
{
font-size:12px;
text-align:justify;
padding:0px 5px 0px 5px;
font-family:Verdana;
width:auto;
}

.article_details . .article_details:visited, .article_details:active
{
font-size:12px;
float:right;
margin:5px 5px 5px 5px;
display:block;
color:#FF1111;

}
.article_details:hover
{
text-decoration:underline;
}

a.xemtiep ,a.xemtiep:visited, a.xemtiep:active { color:#FF3300; display:block; float:left; font-size:12px;}
a.xemtiep:hover { color:#FF6600; text-decoration:underline }

a.title ,a.title:visited, a.title:active { color:#FF3300; display:block;font-size:13px; background:url(img/arrow.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; line-height:14px;}
a.title:hover { color:#FF6600; text-decoration:underline }

a.listitle ,a.listitle:visited, a.listitle:active { color:#333333;font-size:13px; background:url(img/arrow.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; line-height:16px;}
a.listitle:hover { color:#FF6600; text-decoration:underline }

a.header ,a.header:visited, a.header:active {position:relative; display:block;font-size:13px; padding:0px 0px 0px 10px; line-height:25px;background-color:#0066FF;; color:#FFFFFF}
a.header:hover {text-decoration:underline }

.tincungloai
{
margin:0; padding:0; 
}
.tincungloai li { margin:0; padding:0; line-height:20px; list-style:none;}
.tincungloai li a
{
color:#333333;font-size:13px; background:url(img/arrow.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; line-height:20px;
}
.tincungloai li a:hover{ color:#000000; text-decoration:underline}

a.listitle ,a.listitle:visited, a.listitle:active { color:#333333;font-size:11px; background:url(img/arrow.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; line-height:16px;}
a.listitle:hover { color:#FF6600; text-decoration:underline }

.div_producttype
{
position:relative;
text-align:left;
padding:0px 0px 0px 15px;
margin:3px 0px 3px 0px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:30px;
background-color:#0066FF;
width:520px;
}

.div_producttype span
{
font-size:14px;
color:#088841;
}

.div_header
{
width:150px;
line-height:35px;
height:35px;
color:#FFFFFF;
text-align:left;
font-size:12px;
padding:0px 0px 0px 40px;
margin:2px 0px 2px 0px;
background:url(images/div_header.png);
font-weight:bold;
}

.div_content
{
padding:5px 5px 5px 5px;
height:auto;
width:180px;
}


.product
{
width:260px;
height:auto;
text-align:center;
margin:5px 2px 5px 2px;
border:0;
background:url(img/thum_frame.png) no-repeat;
}
.product .imgcontainer img
{
width:160px; height:130px;
margin:5px 0px 5px 0px;
}
.product .imgcontainer
{
z-index:1;
}
.product .khuyenmai
{
width:180px;
height:64px;
float:right;
background:url(img/khuyenmai.png);
position:absolute;
z-index:2;
}


.product .price
{
color:#FF0000;
font-size:11px;
}

.product .imgcontainer:hover
{

}

.product .productname
{
text-align:center;
position:relative;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:auto;
color:#0033FF;
margin:5px 0px 5px 0px;
display:block;
}
.product .productname:hover
{
color:#FF3300;
}

.article
{
width:100%;
margin:5px 0px 5px 0px;
height:auto;
font-family:Verdana;
}
.article .article_title {display:block; margin:3px 0px 3px 0px}
.article_title a
{
color:#FF3300; display:block;font-size:13px; background:url(img/arrow.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; line-height:14px;
}

.article_title:hover a
{
text-decoration:underline;
}

.article .dateposted
{
font-size:8px;
color:#FF0000;
}

.article .article_content
{
font-size:12px;
text-align:justify;
padding:0px 5px 0px 5px;
font-family:Verdana;
width:auto;
}

.article_details . .article_details:visited, .article_details:active
{
font-size:12px;
float:right;
margin:5px 5px 5px 5px;
display:block;
color:#FF1111;

}
.article_details:hover
{
text-decoration:underline;
}


