@charset "utf-8";
/*=== Copyright © by NhanHoa software - webpakages 2011 All Rights Reserved ===*/
/*============== ResetCSS ================*/
* {margin:0px; padding:0px;}
html , body, div {font-size:12px; margin:0;padding:0;font-family:Tahoma, Geneva, sans-serif;color: #333333;}
table{border-collapse: collapse; border-spacing: 0; width:100%}
ol,ul, ul li {	list-style:none;}
img{ border: none;}
a {color:#005399;text-decoration:none; }
a:hover {color:#333;text-decoration:none;}
a:visited {color:#333;}
input { border:none; background:none;}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal; font-weight:bold}
table tr td { margin:0px; padding:0px;}
table tr { text-align:center;}
.clr:before, .clr:after {display:table; content: "";}
.clr:after { clear: both; }
* html .clr{height: 1%;}
.clr {display: block;}
html[xmlns] .clr { display:block;}
div.textsum { margin:0px !important; padding:0px; text-align:justify; line-height:20px; background:none !important;}
.coppyright {text-align:right}
.licence_footer {  background:#fff; height:20px;text-align:right}

/*============== Body Element ================*/
body { background:#E1E8F2 url(../images/graphics/bodybg.png) repeat-x top;
}
#p1a-container { margin:0px auto; width:960px; margin-bottom:5px; clear:both; overflow:hidden; }
.p1a-header {padding-top:0px; height:165px; background:none !important; }
.p1a-feature { height:240px; background:/*url(../images/graphics/fearturebg.png)*/ #fff; border:none; border-top:none !important; margin:50px 0px 0px 0px;/*border-radius:0px 0px 20px 20px;-moz-border-radius:5px;-webkit-border-radius:5px;*/padding:0px 0;}
.p1a-leftcol, .p1a-twocols { padding-top:10px;}

/*============== Header ================*/
.search_top { background:url(../images/icons/search-top.png) no-repeat right;width:185px; height:35px; margin:5px 0px 5px 766px;}
.search_top input.search_top_text { float:left; width:160px; margin:10px; color:#333; font:italic 11px; }
.search_top .search_top_submit { width:20px; height:20px; float:left; cursor:pointer;}
.co-name { float:left; margin:5px 0px 0px 10px; font-size:22px; color:#72bfcc; font-weight:bold; text-transform:uppercase;}
.co-name span { font-size:30px; color:#CCC; margin-left:5px;}
a.logo img { float:left; width:auto; height:auto; margin:0px 0px 0px 0px}

/*============ Menu top ==============*/
ul.mainnav {margin:0px 0px;background: url(../images/graphics/bgmenu.png) repeat-x; height:43px; padding:0px 10px; float:left; width:940px; z-index:999;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
ul.mainnav li { float:left; line-height:40px; border-left:1px solid #069;/* background: url(../images/graphics/li.gif) no-repeat left;*/}
ul.mainnav li a:hover {background: url(../images/graphics/navhv.gif) repeat-x; display:block;  color:#fff;}
ul.mainnav li a { padding:0px 35px; color:#fff; display:block;}
ul.mainnav li.active a {background: url(../images/graphics/navhv.gif) repeat-x;display:block; color:#fff;}
ul.mainnav li.home a, ul.mainnav li.home { background:none; padding:0px 5px 0px 0px; border:none}
ul.mainnav li.home:hover { background:none}
ul.mainnav li.home img{margin-right:0px;}
/*======= Sub Menu top =======*/
ul.mainnav li.hover,
ul.mainnav li:hover { position: relative; }
ul.mainnav ul { width: 230px; visibility: hidden; position: absolute;left: 0; z-index:9999999; clear:both; background:#022B49; border-right:1px solid #ccc;}
ul.mainnav li:hover { background-image: url(../images/graphics/navhv.gif); background-repeat:repeat-x;}
ul.mainnav li:hover a { color:#fff;}
ul.mainnav ul li { border-bottom:1px solid #ccc; line-height:26px; float: none; display:block;}
ul.mainnav ul li a	{ color:#656565 ;font-weight:normal; display:block; line-height:33px;background:url(../images/icons/dot3.gif) no-repeat; } 
ul.mainnav ul li a:hover { background:url(../images/icons/dot3.gif) no-repeat; color:#fff}

/*============== Feature Intro ================*/
.feature-img { float:left; margin-right:2px; width:485px;}
.feature-info {/*background:url(../images/graphics/feature.jpg) no-repeat top;*/width:465px;float:right}
.feature-info div { margin:10px}
.feature-info h3 {background:url(../images/icons/h3fea.gif) no-repeat left; /*border-bottom:1px solid #000;*/ padding:5px 0px 5px 30px; margin-bottom:10px; color:#fdfcfc; font-size:14px; height:19px; line-height:19px;}
.feature-info h2 a {color:#14487A; line-height:22px;font-size:14px;}
.feature-info a.adetail { font-size:10px; float:right; margin:10px 0px; color:#b26214;}
.theme-default #slider img { width:485px; height:240px;}

/*============== Module Block ================*/
.mod-left, .mod-right, .mod-mid, .p1a-footer, .block-pack {margin-bottom: 10px;-moz-border-radius: 4px;  overflow:hidden}
.mod-left h1, .mod-right h5 { text-align:center; height:30px; line-height:30px; color:#fff}
.mod-left h1, .mod-left h3, .mod-right h1, .mod-right h3 {background : url(../images/graphics/h1.png) no-repeat;text-align:center; height:30px; line-height:30px; color:#fff}
.mod-right h5 {background: url(../images/graphics/h5.png) no-repeat;}
.mod-mid h2 {text-align:left; height:31px; line-height:29px; padding-left:15px; color:#326392; font-weight:bold; font-size:12px; /*background:url(../images/graphics/h2.png) repeat-x;*/ border-bottom:2px dotted #326392;}
.mod-left ul,.mod-right ul, .mod-right form, .mod-left .fb-like-box { padding:5px;background:#fff;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.mod-right ul li a { display:block; clear:both; overflow:hidden}

.mod-left ul li, .mod-right ul li { display:block; color:#195b8e}
.mod-mid {background:#fff; /*border-top:3px solid #ae0000;*/}
.fb-like-box { padding:5px;background:#fff;border-radius:0 0 25px 25px;-moz-border-radius:0 0 25px 25px;-webkit-border-radius:0 0 25px 25px;}
/*============== Module Category ================*/
ul.category { margin:0px;}
ul.category li { clear:both;line-height:28px; padding-left:7px; background: url(../images/graphics/bigdot.gif) no-repeat 1px 10px; border-bottom:1px solid #e6e5e3; }
ul.category li a {padding:0px 0px 0px 6px; color:#404142; display:inline; font-weight:bold;}
ul.category li a:hover {color:#ff3c00}
ul.sub_category { margin:0px; padding:0px; background:#fff;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
ul.sub_category li { font-weight:normal; border:none; padding:0px;display:block; background:none; line-height:22px;}
ul.sub_category li a{color:#666; font-weight:normal;padding: 0px 0px 0px 15px; background:url(../images/icons/dot2.gif) no-repeat 8px 8px; display:block;}
ul.sub_category li a:hover {color:#f00;}
.treeview .hitarea {height: 11px;width: 11px;float: left;cursor:pointer;background:url(../images/icons/hx.png) no-repeat 0px 0px;margin:7px 0px 0px 0px;}
.treeview .expandable-hitarea { background-position: -80px -3px;background:url(../images/icons/pul.png) no-repeat 0px 0px;}
.treeview li.collapsable, .treeview li.expandable{ padding-left:0px !important;}

/*============== Module Support ================*/
ul.support li {background:#e8e8e8;padding:3px 0px 3px 10px; margin-bottom:3px; line-height:16px;}
ul.support li a img, ul.support li a img.oviyahoo { float:left}
ul.support li a span { margin-left:10px; float:none; }
ul.linkweb li {/*background: url(../images/icons/link.gif) no-repeat 0px 3px; */padding:0px 0px 5px 10px; margin-bottom:7px; border-bottom:1px solid #9b9b9b; background:url(../images/graphics/dot.gif) no-repeat 3px 6px;}
/*============== Module Market info ================*/
ul.marketinfo li { padding-left:30px; padding-bottom:0px; margin:10px; line-height:25px;}
ul.marketinfo li.linkweather {background: url(../images/icons/weather.png) no-repeat}
ul.marketinfo li.linkgold {background: url(../images/icons/gold.png) no-repeat}
ul.marketinfo li.linkstock {background: url(../images/icons/stock.png) no-repeat}
ul.marketinfo li.linkmoney {background: url(../images/icons/money.png) no-repeat}

/*============== Module Operation ================*/
ul.co-operation { margin:0px;}
ul.co-operation li {background: url(../images/graphics/dot.gif) no-repeat 3px 9px; padding: 4px 3px 4px 12px; border-bottom:1px dotted #cacaca;}
ul.co-operation li a { color:#1e5583}
ul.co-operation li a:hover { color:#F00}

/*============== Module Cart list =======================*/
ul.cart_list { clear:both; overflow:hidden;}
ul.cart_list li { color:#333; font-size:11px; height:1%; border-bottom:1px solid #f4dbc3; padding:4px 0px;}
ul.cart_list li span {width:150px;}
ul.cart_list li a { float:right; font-size:10px;}
ul.cart_list li a:hover { color:#F00}
a.sb_cart {background: url(../images/icons/sb_cart.jpg) no-repeat; width:67px; height:17px; margin:0px auto; display:block; text-align:center; font-size:11px; color:#6f3b03; margin-bottom:10px; line-height:15px;}

/*============= Module Search advanced ===================*/
.table_search { width:90%; margin:0px auto}
.table_search tr td { text-align:left; padding:3px 0px;}
.table_search tr td select,.table_search tr td input[type="text"]  { width:100%; height:20px; font-size:11px; border:1px solid #cacaca}
.table_search tr td input[type="text"] { margin-top:3px;}
.table_search tr td select option { padding:2px 0px;}
.table_search tr td .search_top_submit {background: url(../images/graphics/submit_pd.gif) repeat-x scroll 0 0 transparent;border: 1px solid #3F6F99;border-radius: 3px 3px 3px 3px;color: #FFFFFF;cursor: pointer;display: block;padding: 0px 7px;text-align: center;width: 80px; margin:0px auto;}

/*============== Module Product and news middle ================*/
ul.product-gr {overflow: hidden; clear:both; margin:15px 0px 0px 0px; height:1%;}
ul.product-gr li { float:left; text-align:center; width:174px; margin-bottom:10px;}
ul.product-gr li h4, ul.product-gr li a { font-size:12px; line-height:18px; border:none  !important; font-weight:normal}
ul.product-gr li h3 a { font-size:12px; line-height:18px; border:none  !important; font-weight:normal; color:#333 !important;}

ul.product-gr li h4 { font-weight:bold;}
ul.product-gr li h4 span { color:#f58110; font-weight:normal}
ul.product-gr li a img { width:125px; height:120px; border:4px solid #fff;}
ul.info-pd { float:left; height:1%}
ul.info-pd li  {/*background: url(../images/graphics/aps.png) no-repeat; */width:56px; height:14px; float:left;height:1%; margin:2px 10px 10px 17px;}
ul.info-pd li a { display:block; color:#fff;}
ul.product-gr li table { margin-top:5px; background: url(../images/graphics/purchase.png) no-repeat; width:80%; margin:0 auto;/*border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px*/}
ul.product-gr li table tr td a.detail-btn {background: url(../images/graphics/detail.png) no-repeat; width:70px;height:20px; text-align:justify; display:block; font-size:10px; color:#fff; margin-left:0px;  padding-left:12px; line-height:19px !important;/*border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;*/}
ul.product-gr li table tr td a { width:68px;height:19px; text-align:center; display:block; font-size:10px; color:#fff; margin-left:0px; padding:0px; line-height:16px !important;}
.news-gr { clear:both; overflow:hidden; margin:10px; border-bottom:1px solid #e1e1e1;}
.news-gr a img { float:left; width:110px; height:100px; border:1px solid #cacaca; margin:5px 10px 10px 0px;}

/*============== Footer ==============================*/
.p1a-footer{/*background:url(../images/graphics/footerbg.png) repeat !important; border-top:3px solid #ae0000;*/ background:#e9e9e9;}
.p1a-footer .mod-footer{/* background:url(../images/graphics/footerbg.png) repeat-x !important; border:7px solid #aed8dc;*/ }
.mod-footer  h2 { background:url(../images/graphics/bgmenu.png) repeat-x; height:30px; padding-left:11px; color:#fff; line-height:30px; font-size:14px;}
.mod-footer span{ padding: 10px;}
ul.footer-info { margin:10px}
ul.footer-info li { padding-bottom:5px; font-weight:bold; color:#3d3c3c;}
ul.footer-info li span { margin-left:5px; font-weight:normal;}
ul.footer-info-branch li{color:#efeeee;}

/*============== Pagging ================*/
ul#block_page {overflow: hidden; clear:both; margin-bottom:10px; margin-right:-5px; }
ul#block_page li {  margin:0px 2px; display:inline;}
ul#block_page li a { border:1px solid #cccccc; display:block;padding:2px 5px;float:left; margin:0px 2px; color:#333;}
ul#block_page li a:hover { border:1px solid #1A8CAE;background-color:#1A8CAE; text-decoration:none; color:#fff;}
ul#block_page li.active { border:1px solid #1A8CAE; display:block;float:left;background-color:#1A8CAE; color:#fff;padding:2px 5px;}

.movie_clip{ background:#fff; padding:6px 8px; width:185px !important; margin:0px !important;}

#marqueecontainer { width:184px !important}

ul.product-gr li table tr td span a{/*background: url(../images/graphics/purchase.png) no-repeat;*/ width:56px;height:18px; text-align:center; display:block; font-size:10px; color:#575757; margin-left:15px; padding:0px 5px; line-height:16px !important;/*border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; border:#575757 !important;*/}
ul.product-gr li table tr td a.purchase-btn {background: url(../images/graphics/purchase.png) no-repeat; width:58px;height:20px; text-align:center; display:block; font-size:10px; color:#fff !important; margin-left:0px; padding:0px; line-height:18px !important;/*border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; border:#575757 !important;*/}


#p1a-container ul.product-gr li h4{ color:#666;}
.linkstock a{ color:#005399;}

.block-pack {margin-bottom: 10px;/*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;*/clear:both; overflow:hidden}
#p1a-container ul.product-gr li h3, #p1a-container ul.product-gr li h4{ font-size:11px !important; line-height:23px !important;}
#p1a-container ul.product-gr li table tr td a{ font-size:10px !important;}
.p1a-wrapper { background:#fff;}

#p1a-container ul.product-gr li{ width:175px !important;}