body { font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#ffffff url(../images/bg/bg-top.gif) top repeat-x; margin:0 auto; color: #3e3e3e; line-height:1.3em; text-align:justify}
a:link {text-decoration: none; color:#e74918}
a:visited {text-decoration: none; color:#8d8d8d}
a:focus, a:hover, a:active { outline:none }
a:hover {text-decoration:none; cursor: pointer; color:#0066CC}
img {border: none;}
p { margin:0; padding:0}
.left { float:left}
.right { float:right}
.left50 { width:50%; float:left}
.right50 { width:50%; float: right}

.div-90 { width:90%; margin:0 auto}
.clear { clear: both }
.pad10 { padding:10px}
.paleft10 { padding-left:10px}
.paright10 { padding-right:10px}
.pabot10 { padding-bottom:10px}
.patop10 { padding-top:10px}

.ma10 { padding:10px}
.maleft10 { margin-left:10px}
.maright10 { margin-right:10px}
.mabot10 { margin-bottom:10px}
.matop10 { margin-top:10px}

.font11 { font-size:11px}
.bold { font-weight:bold}
.italic { font-style:italic}
.text-note { color:#8d8d8d; font-style:italic}
.text-org { color:#e74918; font-weight:bold}
.bo-grey { padding:4px; background:#ececec}
.tit { color:#e74918}
.tit01 { margin-bottom:5px; color:#ff3900; font-weight:bold; font-size:15px}
.tit02 { margin-bottom:10px; padding-bottom:6px; border-bottom:3px solid #d4d4d4}
.tit02 span { padding-top:0; padding-bottom:5px; color:#ff3900; font-weight:bold; font-size:15px; border-bottom:3px solid #f49221}
.tit03 { margin-bottom:10px}
.tit03 span { background:#FFFFFF; padding:8px; padding-top:0; color:#ff3900; font-weight:bold; font-size:15px}
.tit-center { color:#FFFFFF; font-weight:bold; font-size:14px; padding-top:12px; padding-left:15px; margin-bottom:10px}
.tit-center span.menu01{ height:16px; padding-left:25px; background:url(../images/bg/icon-menu.gif) no-repeat; background-position:0 0}
.tit-center span.menu02{ height:16px; padding-left:25px; background:url(../images/bg/icon-menu.gif) no-repeat; background-position:0 -16px}
.tit-center span.menu03{ height:16px; padding-left:25px; background:url(../images/bg/icon-menu.gif) no-repeat; background-position:0 -32px}
.tit-center span.menu04{ height:16px; padding-left:25px; background:url(../images/bg/icon-menu.gif) no-repeat; background-position:0 -48px}
.tit-center span.menu05{ height:16px; padding-left:25px; background:url(../images/bg/icon-menu.gif) no-repeat; background-position:0 -64px}

#paneleft{ float:left; width:200px}
#panecenter{ float:left; margin-left:20px; width:480px}
#paneright{ float:right; width:200px}

#body{ width: 1000px; background:#ffffff; margin:0 auto; padding:0px}
#header { width:960px; padding:10px 20px; height:80px; background:#ffffff url(../images/bg/bg-top.gif) top repeat-x}
.menu-header ul { margin:0; padding:0; color: #666666; list-style-type:none}
.menu-header ul li{ margin:0; padding:0; list-style-type:none; display: inline; padding:0px 1px}
.menu-header ul li a:link, a:visited { margin:0; padding:0; color:#000000; text-decoration: none}
.menu-header ul li a:hover { color: #FF6600}

#content { margin:0; padding:0; width:1000px; background:url(../images/bg/bg-content.gif) center repeat-y}
#main-content { width:960px; margin:0 auto; padding:0; background:#ffffff}
#content-top { margin:0 auto; padding:0; padding:15px 20px; width:920px; background:#ffffff url(../images/bg/bg-content-top.gif) top repeat-x}
#content-bot { margin:0; padding:0; width:1000px; height:30px; background:url(../images/bg/bg-content-bot.gif) center top no-repeat}
#div-banner { width:960px; height:200px}

.box-timkiem { margin:0 auto;}
.box-timkiem input.tim { width:110px}
.but-tim {width: 22px; height: 22px; padding: 0; margin: 0; border: 0; background: url(../images/btn/but-search.gif) no-repeat; overflow: hidden; cursor: pointer;}
.but-tim:hover {background: url(../images/btn/but-search-over.gif) no-repeat;}
.box-timkiem-second { margin:0 auto; padding:5px}
.box-timkiem-second select { margin-bottom:3px}

#sanpham { float:left; width:380px; color:#FFFFFF}
#boxsp { width:380px; background:url(../images/bg/sanpham-bg.gif) left repeat-y}
#boxsp-bot { width:380px; background:url(../images/bg/sanpham-bot.gif) bottom left no-repeat}
#boxsp-top { width:380px; background:url(../images/bg/sanpham-top.gif) top left no-repeat; display: inline-block; padding-top:5px}
.sp-in { width:355px; margin-left:10px; padding:5px 0}
.sp-detail { margin-bottom:10px}
.sp-left { width:80px;float:left}
.sp-left img {border:1px solid #fac78d; padding:2px}
.sp-right { width:265px; float:right}

/* List sp */
.list-sp { padding:0; margin:0; list-style-type:none}
.list-sp li { background:url(../images/bg/bg-list-sp.gif) left top no-repeat; background-position:3px 6px; font-size:11px; padding-left:10px }
.list-sp li a { color:#FFFFFF}
.list-sp li a:visited { color:#FFFFFF}
.list-sp li a:hover{ text-decoration:underline}
/* End List sp */

#welcome { float:right; width:520px;}

#giaiphap { float:left; width:380px; margin-top:15px}
#boxgp { padding:0; margin:0; width:380px; background:url(../images/bg/giaiphap-bg.gif) left repeat-y}
#boxgp-bot { width:380px; background:url(../images/bg/giaiphap-bot.gif) bottom left no-repeat}
#boxgp-top { width:380px; background:url(../images/bg/giaiphap-top.gif) top left no-repeat; display: inline-block; }
.gp-in { width:355px; margin-left:10px; padding:0px}
.gp-detail { margin-bottom:10px}
.gp-left { width:90px;float:left}
.gp-right { width:255px; float:right}
/* List gp */
.list-gp { padding:0; margin:0; list-style-type:none}
.list-gp li { background:url(../images/bg/bg-list-gp.gif) left top no-repeat; background-position:3px 6px; font-size:11px; padding-left:15px }
.list-gp li a { color:#000}
.list-gp li a:visited { color:#000}
.list-gp li a:hover{ text-decoration:underline; color:#CC3300}
/* End List sp */

#doitac { float:left; width:280px; margin-top:15px; margin-left:20px}
#boxdt { width:280px; background:url(../images/bg/doitac-bg.gif) left repeat-y}
#boxdt-bot { width:280px; background:url(../images/bg/doitac-bot.gif) bottom left no-repeat}
#boxdt-top { width:280px; background:url(../images/bg/doitac-top.gif) top left no-repeat; display: inline-block}
.dt-in { width:255px; margin-left:10px; padding:0px 0 10px 0}

#hotro { float:right; width:220px; margin-top:15px}
#boxht { width:220px; background:url(../images/bg/hotro-bg.gif) left repeat-y}
#boxht-bot { width:220px; background:url(../images/bg/hotro-bot.gif) bottom left no-repeat}
#boxht-top { width:220px; background:url(../images/bg/hotro-top.gif) top left no-repeat; display: inline-block}
.ht-in { width:195px; margin-left:10px; padding:0px 0 10px 0}

#footer { padding-left:30px; padding-bottom:20px; color: #999999; font-size:11px}
#footer ul { margin:0; padding:0; color: #999999}
#footer ul li{ margin:0; padding:0; list-style-type:none; display: inline}
#footer ul li a:link, a:visited{ padding:0; margin:0; color:#000000; text-decoration: none}
#footer ul li a:hover { color: #FF6600}

.table-data { background:#694d08; color:#694d08}
.table-data th { background:#febe22; padding:5px;}
.table-data td{ padding:3px; padding-left:10px}
.table-data tr.light { background:#ffffff; color:#694d08}
.table-data tr.dark { background:#faecca; color:#694d08}

.no-bg { background:none}

#sub-giaiphap { float:left; width:200px}
#boxsubgp { width:200px; background:url(../images/bg/sub-gp-bg.gif) left repeat-y}
#boxsubgp-bot { width:200px; background:url(../images/bg/sub-gp-bot.gif) bottom left no-repeat}
#boxsubgp-top { width:200px; background:url(../images/bg/sub-gp-top.gif) top left no-repeat; display: inline-block; padding-top:0px}
.subgp-in { width:175px; margin-left:10px; padding:0px 0 10px 0}
.subgp-detail { margin-bottom:10px}
.subgp-left { width:90px;float:left}
.subgp-right { width:255px; float:right}
/* List gp */
.list-subgp { padding:0; margin:0; list-style-type:none}
.list-subgp li { background:url(../images/bg/bg-list-subgp.gif) left top no-repeat; background-position:3px 3px; padding-left:12px; margin-bottom:8px }
.list-subgp li a { color:#000}
.list-subgp li a:visited { color:#000}
.list-subgp li a:hover{ text-decoration:underline; color:#CC3300}
/* End List gp */

#sub-sanpham { float:left; width:200px; padding-top: 20px}
#boxsubsp { width:200px; background:url(../images/bg/sub-gp-bg.gif) left repeat-y}
#boxsubsp-bot { width:200px; background:url(../images/bg/sub-gp-bot.gif) bottom left no-repeat}
#boxsubsp-top { width:200px; background:url(../images/bg/sub-sp-top.gif) top left no-repeat; display: inline-block}
.subsp-in { width:175px; margin-left:10px; padding:0px 0 10px 0}
.subsp-detail { margin-bottom:10px}
.subsp-left { width:90px;float:left}
.subsp-right { width:255px; float:right}
/* List sp */
.list-subsp { padding:0; margin:0; list-style-type:none}
.list-subsp li { background:url(../images/bg/bg-list-subgp.gif) left top no-repeat; background-position:3px 3px; padding-left:12px; margin-bottom:8px }
.list-subsp li a { color:#000}
.list-subsp li a:visited { color:#000}
.list-subsp li a:hover{ text-decoration:underline; color:#CC3300}
/* End List sp */

#sub-hotro { float:left; width:200px; padding-top: 20px}
#boxsubht { width:200px; background:url(../images/bg/sub-ht-bg.gif) left repeat-y}
#boxsubht-bot { width:200px; background:url(../images/bg/sub-ht-bot.gif) bottom left no-repeat}
#boxsubht-top { width:200px; background:url(../images/bg/sub-ht-top.gif) top left no-repeat; display: inline-block;}
.subht-in { width:175px; margin-left:10px; padding:0px 0 10px 0}

#sub-doitac { float:left; width:200px}
#boxsubdt { width:200px; background:url(../images/bg/sub-dt-bg.gif) left repeat-y}
#boxsubdt-bot { width:200px; background:url(../images/bg/sub-dt-bot.gif) bottom left no-repeat}
#boxsubdt-top { width:200px; background:url(../images/bg/sub-dt-top.gif) top left no-repeat; display: inline-block}
.subdt-in { width:175px; margin-left:10px; padding:0px 0 10px 0}
.subdt-in img { border:1px solid #e5e5e5; margin-bottom:10px}

#box-center { width:480px; background:url(../images/bg/center-bg.gif) left repeat-y}
#box-center-bot { width:480px; background:url(../images/bg/center-bot.gif) bottom left no-repeat}
#box-center-top { width:480px; background:url(../images/bg/center-top.gif) top left no-repeat; display: inline-block}
.box-center-in { width:474px; margin-left:3px; padding:0px; margin-bottom:5px}
.box-center-content { padding:10px} 
.subdt-in img { border:1px solid #e5e5e5; margin-bottom:10px}

#paging { padding:10px; color:#000; text-align:center; font-size:11px; font-weight:bold}
#paging ul { margin:0; padding:0; color:#000000}
#paging ul li{ margin:0; padding:0; list-style-type:none; display: inline; padding:0px 1px}
#paging ul li a:link { color:#000000; text-decoration:none}
#paging ul li a:visited { color:#909090; text-decoration:none}
#paging ul li a.active { color: #039338; text-decoration:underline}
#paging ul li a:hover { color: #ff7300; text-decoration:underline}


.sp-center { width:474px; background:url(../images/bg/bg-sp.gif) center no-repeat; padding:0; margin:0px}
.sp-center-grey { width:474px; background: #f2f2f2 url(../images/bg/bg-sp-grey.gif) center no-repeat; padding: 0; margin:0px }
.hinh { position:relative; z-index:0; display:block; margin-bottom:10px}
.tensp {color:#e74918; font-weight:bold}
.gia { border-top: 1px dotted #999999; margin-top:5px; padding-top:5px}
.new { position: absolute; z-index:999; width:37px; height:26px; background:url(../images/icon-new.gif) top right no-repeat; top:0px; right:20px}
.sp-center-left {  width:200px; padding:15px; float:left; text-align:center}
.sp-center-right { width:200px; padding:15px; float:right; text-align:center}

/* Menu*/
.menu_hor { padding:0; margin:0}
.tabs {list-style:none; padding:8px 0 0 10px; margin:0px; margin-right:29px; height:32px}
.tabs li {display:block; float:left; margin:0 -29px -1px 0;}
.tabs li a {display:block; text-decoration:none; position:relative;}

.tabs li a b.p1 {display:block; width:29px; height:32px; background:url(../images/bg/normal_l.gif); float:left;}
.tabs li a b.p2 {display:block; height:32px; padding:0; background:url(../images/bg/normal_m.gif) repeat-x; float:left; text-align:center; line-height:29px; color:#000; font-weight:bold; font-family:verdana; font-size:12px;}
.tabs li a b.p3 {display:block; width:29px; height:32px; background:url(../images/bg/normal_r.gif); float:left; position:relative; z-index:100;}

.tabs li a.m1 {z-index:600;}
.tabs li a.m2 {z-index:500;}
.tabs li a.m3 {z-index:400;}
.tabs li a.m4 {z-index:300;}
.tabs li a.m5 {z-index:200;}
.tabs li a.m6 {z-index:100;}

.tabs li a:hover,
.tabs li a:focus,
.tabs li a:active
{border:0; z-index:700;}
.tabs li a:hover b.p1,
.tabs li a:focus b.p1,
.tabs li a:active b.p1
{position:relative; z-index:800; background:url(../images/bg/hover_l.gif); cursor:pointer;}
.tabs li a:hover b.p2,
.tabs li a:focus b.p2,
.tabs li a:active b.p2
{position:relative; z-index:800; background:url(../images/bg/hover_m.gif) repeat-x; color:#990000; cursor:pointer;}
.tabs li a:hover b.p3,
.tabs li a:focus b.p3,
.tabs li a:active b.p3
{position:relative; z-index:800; background:url(../images/bg/hover_r.gif); cursor:pointer;}

.tabs li a.selected {z-index:800;}
.tabs li a.selected b.p1,
.tabs li a:hover.selected b.p1,
.tabs li a:active.selected b.p1
{position:relative; z-index:800; background:url(../images/bg/select_l.gif); cursor:default;}
.tabs li a.selected b.p2,
.tabs li a:hover.selected b.p2,
.tabs li a:active.selected b.p2
{position:relative; z-index:800; background:url(../images/bg/select_m.gif) repeat-x; color: #ffffff; cursor:default;}
.tabs li a.selected b.p3,
.tabs li a:hover.selected b.p3,
.tabs li a:active.selected b.p3
{position:relative; z-index:800; background:url(../images/bg/select_r.gif); cursor:default;}