/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
  
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
  left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
  left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
  left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}/* CSS Document */



#nav{
margin:0px; padding:0px;
float:left;
			list-style:none;
			color:#000;
			z-index:9999;
			margin-left:0px;
}

#nav li {
	float: left;
	position: relative;
	z-index:200;
	}


#nav li ul {
position:absolute;
background:none;
width:210px;
margin-top:0px;
  }
#nav li:hover ul {

  display: block;
  z-index:9999;
 
  }
#nav li ul li {
  float: none;
  height:26px;
  line-height:17px;
  display:block;
  clear:both;
margin:0px;
 padding:0px;
  background:url(/images/bg_menu_sup.png) no-repeat bottom;
  *behavior: url(/js/iepngfix.htc);
  }
 .bg_menu_sup{
 background:url(/images/bg_menu_sup.png) no-repeat top center;
 *behavior: url(/js/iepngfix.htc);
 height:30px; width:210px;
 margin:0px;
 padding:0px;
 } 
 
#nav li ul li a {
margin-left:10px;
padding-left:8px;
 display: inline-block;
 background:url(/images/blue.gif) no-repeat 0px 5px;
 width:180px;
 
  }
#nav li ul li.line{
padding-top:2px;
padding-bottom:2px;
height:3px;
}


#nav  ul.sub 
{left:-20px; top:35px; width:170px!important; height:auto; z-index:300;
position:absolute;

padding:0px;
}
/*phan trang */
.navigation {
	font-size:11px;
	clear: both;
	padding: 0px 0px 0px;
	text-align: center;
	cursor:default;
	font-weight:bold;
	color:#000;
	padding-bottom:5px;
	padding-top:10px;
}
.navigation .current_page_item, .navigation .page_item a {
	outline:none;
	margin:2px;
	padding:2px 6px;
	text-decoration:none;
	color:#000;
}
.navigation .current_page_item, .navigation .page_item a:hover 
{
	color:red;
}
/*end phan trang*//* CSS Document */

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}body {
font-size:12px;
color:#fff;
font-family:Tahoma;
margin:0px;padding:0px; margin-top:-14px;
 background:url(/images/bg_fulico.png) center top repeat-y; height:100%;
  behavior: url(/js/csshover.htc);

}

/*----------------------HEAD----------------------*/

	div#tiem_kiem{	
		background:url(/images/tim_kiem1.png) no-repeat center 0px; 
		top:6px;
		width:242px;
		height:33px;
		padding-top:4px;
		right:57px;
		padding-left:0px;
		position:absolute;
		z-index:9999;
		}
		div#tiem_kiem .tim_1{ float:left; width:50px; padding-top:3px; padding-left:115px;}
			div#tiem_kiem .tim_1 .tim{  width:100px; background:transparent;  border:0px; padding:3px; height:14px; color:#838383; font-size:11px;}
		div#tiem_kiem .search_1{ float:left; width:25px;padding-left:3px; }
			div#tiem_kiem .search_1 .search{  width:15px; background:transparent ; border:1px; height:20px; margin-left:-75px; }
@-moz-document url-prefix() { 
}
#nav li img{ margin-top:-35px; margin-left:125px; }
.khung_menu{ height:50px; width:100%; margin:auto; top:-4px; left:0px; position:absolute;  }
.menu_list{  width:100%; margin:auto; position:absolute; }
				div.trangchu{
			background: transparent url(/images/trangchu1.png) 0px 10px no-repeat;
			*behavior: url(/js/iepngfix.htc);
			text-indent:-9999px;
			width:115px; height:42px;margin-left:3px;
			}div.trangchu:hover{
			 background-position: left -26px;
				*behavior: url(/js/iepngfix.htc); 
				text-indent:-9999px;	
				margin-top:-2px;height:50px;margin-left:3px;
			}
			.trangchu:hover img{ margin-top:-30px; margin-left:125px; }
			div.gioithieu{
			background: transparent url(/images/gioithieu.png) 0px 10px no-repeat;
			*behavior: url(/js/iepngfix.htc);
			text-indent:-9999px;
			width:110px; height:42px; margin-left:3px; margin-right:25px;
			}div.gioithieu:hover{
			 background-position: left -26px; margin-top:14px;
				*behavior: url(/js/iepngfix.htc);
				text-indent:-9999px;	
				margin-top:-2px;height:50px;margin-left:3px; margin-right:25px;
			}
			
			div.sanpham{
			background: transparent url(/images/sanpham.png) 0px 10px no-repeat; 
			*behavior: url(/js/iepngfix.htc);
			text-indent:-9999px;
			width:80px; height:30px;
			width:110px; height:42px; margin-left:-20px;

			}div.sanpham:hover{
			 background-position: left -26px; margin-top:14px;
				*behavior: url(/js/iepngfix.htc);
				text-indent:-9999px;	
				margin-top:-2px;height:50px;margin-left:-20px;
			}


			div.congtrinh{
			background: transparent url(/images/ctrinhduan.png) 0px 10px no-repeat; 
			*behavior: url(/js/iepngfix.htc);
			text-indent:-9999px;
			width:181px; height:45px;margin-left:5px;
			}div.congtrinh:hover{
			 background-position: left -26px; margin-top:14px;
				*behavior: url(/js/iepngfix.htc);
				text-indent:-9999px;
			margin-top:-2px;height:50px;margin-left:5px;
	
			}
			
			
			div.lienhe{
			background: transparent url(/images/lienhe.png) 0px 10px no-repeat;
			*behavior: url(/js/iepngfix.htc);
			text-indent:-9999px;
			width:94px; height:45px;margin-left:5px;
			}div.lienhe:hover{
			 background-position: left -26px;margin-top:14px;
				*behavior: url(/js/iepngfix.htc);
				text-indent:-9999px;	
			 	height:45px;margin-left:-1px; margin-top:-2px; margin-left:5px;
			}	



/*MENU TOP*/

#menu_main{ background:url(/images/bg_menu.png); width:960px; height:50px;}

@-moz-document url-prefix() { 
#menu_main{ background:url(/images/bg_menu.png); width:960px; height:50px; margin-top:-8px;}
}

.menu{

	padding:0px;
	float:left;
	margin-top:-8px;margin-left:-20px;
	}
	
.menu ul{
	margin:0px;
	padding:0px;
	text-align:left;
	text-transform:none;
	
	}
	
.menu ul li{
	float:left;
	display:inline;
	margin:0px 12px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:16px; 
	}		
.menu ul li a{
text-transform:none;
font-family:Arial;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	padding:3px 5px;
	margin:0px;
	color:#666666;

	}	
.menu ul li a:hover{
	color:#999999;
font-family:Arial;

	}	

.menu li ul li a{
	color:#FFFFFF;
font-family:Arial;
text-transform:none;
}
/*NGON NGU*/
#lang { position:absolute; right:-90px; top:12px;}
/*LOGO*/
#logo { margin-top:30px; margin-left:10px;}
/*HOTLINE*/
#hotline{ margin-left:325px;}
/*SLIDER & MENU RIGHT*/

#menu_right_gioithieu{position:relative; top:7px;}
#menu_right_gioithieu img{ margin-left:23px; margin-top:5px;  }
#sp_noibat{ width:668px; margin-left:-8px; margin-top:25px;}
/*----------------------BODY----------------------*/
#bg_body{ /*background:url(/images/bg_body.png); width:960px; height:100%; margin-top:10px; margin-bottom:10px;
 
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius:10px;
    -o-border-radius: 10px;*/
}
#bg_content{ background:#FFFFFF;width:940px; height:100%; box-shadow: 0px 1px 1px #999999; margin-top:10px; margin-bottom:10px;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius:10px;
    -o-border-radius: 10px;box-shadow: 0px 1px 5px #999999;
}
#dmspham{ background:url(/images/dmspham.png); width:239px; height:298px; margin-top:5px;}

/*sanpham_show*/
#tintuc_bg{ margin-left:-10px;}
/*Tin tuc*/
.title_tintuc{ color:#c91001; font-family:tahoma; text-transform:uppercase; font-size:16px; margin-top:10px; margin-bottom:10px;}
/*----------------------FOOTER----------------------*/
#footer{ }
#footer1{ }
#title_3 {font-size:22px; margin-top:20px;}
#title_border2 { border-bottom:1px solid #d5d5d5; margin-top:10px; margin-bottom:10px; width:351px;}
#slide_footer { height:134px; width:351px; margin-top:-10px;}
.cl {clear: both;}
#full {width: 100%;float: left;}
#center {width: 960px ;margin: 0 auto;position: relative;}
.pt_clr{clear:both;}
.pt_clr_left{clear:left;}
.pt_clr_right{clear:right;}
.bg_chung {background: url(/images/tpl/bg_all.png);}
.fl {float: left;}
.cufon {font-size: 38px;color: #fff;}


.lang {height: 18px; float:left; margin:80px 16px 0 110px;}
.lang a { display:block; width: 26px;height: 16px;float: left;}
/* PT Container */
.pt_container {width: 100%;float: left;}

/* PT Top */
.pt_top {width: 100%;height: 104px;background: url(/images/tpl/bg_top.png) top left repeat-x;}
.pt_top #center {height: 104px;}
.logo_menu {width: 273px;height: 79px;position: absolute;top:0;left: 0;}
.sp_banchay {font-family:Myriad Pro,Tahoma,Batang;font-size:14px;text-transform: uppercase;color: #fff;float:right; margin-top:7px;}
.top_login {min-width: 148px;height: 16px; float:right; margin:7px 20px 0 10px;}
.top_login li { float:left;height: 16px; padding-left:20px; margin-left:10px;}
.top_login li.login { background:url(/images/tpl/bg_lock.png) top left no-repeat;}
.top_login li.register { background:url(/images/tpl/bg_logout.png) top left no-repeat;}
.top_login i{ color: #fff; padding-right:5px;}
.top_login a {color: #fff;}
.top_login a:hover {color: #7fb737;}
.gio_hang {height: 20px;position: absolute;right: 20px;top:34px;}
.ico_giohang {display: inline-block;width: 25px;height: 21px;float: left;background-position: 0 0;margin-top: -4px;}
.gio_hang p {font-size: 14px;margin: 0 10px;padding: 0;color: #679e20;font-size: 14px;text-transform: uppercase;font-weight: bold;float: left;}
#totalAmount {width: 83px;height: 20px;background: #454545;text-align: center;line-height: 20px;float: left;margin-right: 3px;}
.gio_hang .thanhtoan {color: #7fb737;height: 20px;line-height: 20px;text-align: center;text-transform: uppercase;width: 85px;background: #454545;display: inline-block;float: left;}
.pt_timkiem {width: 182px;height: 20px;background-position: 0 -64px;float: left;margin-left: 3px;}
.pt_timkiem .txt_search_nnd {color: #fff; width: 140px;height: 20px;float: left;line-height: 20px;border: none;padding: 0 10px;background: none;}
.pt_timkiem .btn_tk {width: 22px;height: 20px;float: left;background: none;border: none;cursor: pointer;}
.pt_top #top_nav {width: 665px;height: 36px;position: absolute;left: 294px;bottom: 0;}
#top_nav ul li {margin: 0 1px;float: left; position:relative; padding-top:5px; background: url(../images/tpl/bg_top_menu.png) top center no-repeat; text-align:center}
#top_nav ul li a.cha {
	width:90px;
	background: #454545;
	display:block;
	padding:6px 0 8px 0;
	font-size:14px;
	/*float: left;
    -webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
    behavior: url(/js/PIE.htc);*/
}
#top_nav ul li a:hover, #top_nav ul li:hover a , #top_nav ul li a.active {/*background: #fff;*/color:#60a00d;}
#top_nav ul li:first-child {margin-right: 3px;}
#top_nav ul li ul {position: absolute;left: 0;top:100%;z-index: 9999;width: 200px;text-align: left;background: #454545;}
#top_nav ul li ul li {width: 100%; text-align:left}
#top_nav ul li ul li a {width: 100%;color:#fff;font-size: 14px;line-height: 14px;display: inline-block;padding: 3px 0 3px 10px;}
#top_nav ul li ul li a:hover , #top_nav ul li ul li.active a {color: #60A00D;background: none;}
#top_nav ul li:hover li a{color:#FFF;}
/* PT slide */
.pt_slides {float: left;width: 100%;background: url(/images/tpl/bg_slides.png) top center no-repeat;height: 337px;}
.slide_left {width: 264px;height: 322px;float: left;margin: 0 1px 0 0;padding: 15px 0 0 30px;}
.boc_slides {width: 665px;height: 218px;float: left;}

.bosuutap {width: 236px;height: 56px;background: #e6e6e6;border: 1px solid #d3d1d2;margin-bottom: 8px;padding: 0 5px 0 0;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;overflow: hidden;}
.bosuutap img {float: left;margin-right: 10px;}
.bosuutap .name {margin: 2px 0;padding: 0;}
.bosuutap .name a {font-size: 14px;color: #2e2e2e;font-weight: bold;}
.bosuutap .chuthich {margin: 0;padding: 0;font-size: 11px;text-align: left;color: #5e5e5e;}
.good_think {float: left;width: 637px;height: 89px;padding: 30px 5px 0 23px;color: #fff;}
.good_think p {float: left;margin: -10px 8px 0 0 ;}

/* Pt Body */
.pt_left {width: 243px;float: left;background: url(/images/tpl/bg_left_home.png) top right no-repeat;padding: 17px 21px 15px 30px;}
.menu_left {width: 243px;padding: 15px 0;background: #2e2e2e;float: left;}
.menu_left p {width: 215px;margin: 0 auto;padding:0 0 14px 10px;font-size: 14px;font-weight: bold;color: #679e20;border-bottom:1px solid #4b4b4b ;}
.menu_left ul {float: left;padding: 0 0 0 20px;}
.menu_left ul li a {margin: 4px 0;display: inline-block;}
.menu_left ul li a:hover , .menu_left ul li a.active {color: #7fb737;}
.ads_left {margin: 17px 0;float: left; width: 205px;height: 316px !important;background: #fff;border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;padding: 19px 19px 20px 17px;}
.ads_left ul li img {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;overflow: hidden;}
.ads_left ul li .ten {color: #2e2e2e;font-weight: bold;margin: 13px 0 5px;}
.ads_left ul li .chu_thich {margin: 5px 0;height: 105px;}
.adf_left {width: 241px;float: left;}

/* Pt right */
.pt_right {width: 645px;float: left;padding: 17px 0 0 19px;border-left: 1px solid #fff;}
.spbanchay {background: #fff;padding: 19px;float: left;width: 100%;}
.right_title {font-size: 14px;text-transform: uppercase;color: #2e2e2e;font-weight: bold;margin:0 0 14px 0;padding: 0;}
.product {width: 144px;height: 175px;margin-bottom: 17px;float: left;position: relative;  padding:1px 26px 1px 1px;}
.noright {margin-right: 0}
.product a {color: #4f8b02;font-weight: bold; text-decoration:none;}
.product a:hover {color: #DF1D15;}
.product p {margin: 0;padding: 0;}
.product p.gia {color: #ec3028;text-align: right;}
.border_bottom {border-bottom: 1px dotted #959595;margin:0 0 18px 0;padding-bottom: 19px;width: 100%;display: inline-block;}
.product .xemchitiet {text-align: center; width: 144px;height: 29px;display: inline-block;position: absolute;background-position: 0 0px;top:146px;left: 0px;}
.product .xemchitiet a {color: #fff;font-size: 11px;margin-top: 7px;display: block;}
.slider-wrapper {margin: 15px 0 0px;float: left;}
p.header {float: left;font-size: 14px;color: #5fa10a;font-weight: bold;}
.spm {width: 645px;height:55px ;float:left;}
.spm img {margin: 0 1px;}
.gallery {padding: 4px;margin: 0 4px 4px 0;border: 1px solid #CCCCCC;float: left;position: relative;width: 180px !important;height: 150px;}
.gallery span {background: #FFFFFF; border: 1px solid #CCCCCC;left: 4px; padding: 4px;position: absolute; top: 4px;height: 150px;}
.boc_gallery {float: left;margin: 0 4px 5px 4px;}
.boc_gallery p {display: inline-block;text-align: center;width: 100%;}
.boc_gallery p a {color:#4f8b02 ;}
.boc_gallery p a:hover {color: #ec3028;}
.tgp_nnd_tintuc {float: none;}
.tgp_nnd_tintuc a , .tgp_noidung a {color:#4f8b02 ;}
.tgp_nnd_tintuc a:hover , .tgp_noidung a:hover {color:#ec3028 ;}
.tgp_nnd_tintuc img {border: 1px solid #4f8b02;margin: 0 5px 5px 0;}
.nnd_ttk a {color:#4f8b02 ;background: url(/images/tpl/bg_li_top.png) center left no-repeat;padding-left: 15px;}
.nnd_ttk a:hover {color:#ec3028 ;}
.tgp_noidung_left {float: left;margin-right: 10px;}
.tgp_noidung {float: left;width: 100%;}
.khung_view img {max-width: 590px;}
.spkhac li {float: left;padding: 7px 25px;text-align: center;}
.spkhac a {background: none;padding: 0;}
.tgp_mua img {height: 32px;}
#dk a {color: #fff;}


/* PT Copyright */
.pt_copyright {width: 100%;float: left;height: 110px;background: #cecece;border-top: 1px solid #dedede;margin-top: 15px;}
.pt_copyright #center {height: 110px;}
.copyright {position: absolute;top:26px;left: 38px;}
.tgp_footer_right {position: absolute;right: 0;top:28px;}
.dem_online {position: absolute;left: 615px;top:33px;}
.dem_online img {float: left;margin-right: 1px;}


