﻿html {background: #D4EBFB;}
body {margin: 0px; font-family: Myriad, Arial; font-size: 15px; color: #444; line-height: 21px;}
table {border-collapse: collapse;}
td {font-family: Myriad, Arial; font-size: 15px; color: #444; line-height: 21px;}
a {color: #2882BC; text-decoration: none;}
a:hover {color: #f60; text-decoration: none;}
img {border: 0px; margin: 0px;}
h1 {margin: 0px; padding: 0px;}
h2 {display: block; margin: 2px 0px; padding: 0px; height: 30px; line-height: 30px; font-size: 16px; color: #333; border-bottom: 0px solid #999;}
.ch2 {background: url(/images/h2.gif) bottom left no-repeat;}
h2 a {color: #333;}
h2 a:hover {color: #f60;}
h2 span {padding-right: 10px;}
h3 {display: block; margin: 2px 0px; padding: 0px; height: 30px; line-height: 30px; font-family: Times New Roman; font-size: 18px; color: #333; border-bottom: 1px solid #ccc;}
h3 a {color: #333;}
h3 a:hover {color: #501111;}
p {margin: 0px; padding: 5px 0px;}
form {margin: 0px; padding: 0px;}
.searchtxt {border: 1px solid #ccc; padding: 0px; padding-left: 5px; width: 180px; height: 24px; line-height: 24px; background: #fff url(/images/search.gif) center right no-repeat;}
.searchbt {border: 0px; padding: 0px; width: 80px; height: 20px; line-height: 20px; background: url(/images/search.gif) center no-repeat; cursor: pointer;}
.dtl {border: 0px; padding: 0px; width: 84px; height: 20px; line-height: 20px; background: url(/images/detail.gif) center no-repeat; cursor: pointer; color: #F27801;}
.myproname {display: block; height: 50px; overflow: hidden;}
.mytable td {border: 1px solid #ccc;}

.allpage {width: 1170px; margin: 0px auto; padding: 0px; background: #fff;}

.topmenu {width: 100%; height:40px; background: url(/images/top-menu.gif) repeat-x;}

.pagecontent {width: 1170px; margin: 0px auto; padding: 0px; background: #fff;}
.header {display: block; width: 100%; height: 130px;}
.header .logo {display: block; width: 716px; height: 90px; padding-top: 20px; margin-left: 10px; float: left;}
.header .function {display: block; width: 434px; float: left; color: #fff; text-align: right;}
.header .function a {color: #111; }
.menu {display: block; width: 100%; height: 40px; padding: 0px;}
.menu a {color: #fff; font-size: 11px; font-weight: bold; line-height: 15px;}
.menu td {background: url(/images/split.gif) no-repeat;}
.booking {display: block; height: 159px; background: #501111;}
.booking td {color: #fff;}

.leftblock {width: 250px; float: left;}
.centerblock {display: block; width: 860px; margin-left: 20px; float: left;}
.rightblock {display: block; width: 300px; margin-left: 15px; float: left;}
.leftcontent {display: block; background: url(/images/bgleftmenu.gif) repeat-y; float: left;}
.catalog {display: block; height: 40px; line-height: 40px; padding-left: 10px; font-weight: normal; font-size: 18px; color: #fff; margin-bottom: 10px; background: #ff6600;}
.catalog0 {display: block; height: 40px; line-height: 40px; padding-left: 10px; font-weight: normal; font-size: 18px; color: #fff; margin-bottom: 10px; background: #ff6600;}
.catalog1 {display: block; height: 40px; line-height: 40px; padding-left: 10px; font-weight: normal; font-size: 18px; color: #fff; margin-bottom: 10px; background: #0090e3;}
.pro {display: block; height: 34px; line-height: 34px; padding-left: 10px; font-weight: bold; font-size: 14px; color: #fff; background: url(/images/moduletable_icons.png) right -35px no-repeat;}
.pro1 {display: block; height: 34px; line-height: 34px; padding-left: 10px; font-weight: bold; font-size: 14px; color: #fff; background: url(/images/moduletable_icons.png) right 0px no-repeat;}
.catalogitem {display: block; margin: 0px 10px; padding: 5px 0px; padding-left: 15px; background: url(/images/bullet.gif) 0px 10px no-repeat; color: #246CCC; border-top: 1px dotted #D9D9D9;}
.catalogitem:hover {color: #BD0102; text-decoration: none;}
.catalogsub {display: block; padding: 5px 10px; padding-left: 40px; background: url(/images/subbullet.gif) 25px 9px no-repeat; color: #666; border-top: 1px solid #E7E7E7;}
.catalogsub:hover {color: #FD670B; text-decoration: none;}
.catalogsub1 {display: block; padding: 5px 10px; padding-left: 10px; color: #666; border-top: 1px solid #E7E7E7; font-style: Italic;}
.catalogsub1:hover {color: #FD670B; text-decoration: none;}
.contentinfo {display: block; width: 200px; padding: 3px 0px; background: #fff; float: left;}
.contentcat {width: 180px; padding: 0px 10px;}

.catalogleft {display: block; height: 40px; line-height: 40px; padding-left: 10px; font-weight: normal; font-size: 18px; color: #fff; background: #f60;}
.menuleft {display: block; width: 218px; height: 35px; line-height: 35px; padding-left: 30px; background: #f7f7f7 url(/images/bul-cat.gif) 10px 11px no-repeat; border: 1px solid #dedddd; border-top: 0px; color: #111; overflow: hidden;}
.menuleftsub {display: block; width: 198px; height: 30px; line-height: 30px; padding-left: 50px; background: #fcfcfc url(/images/bul-cat-sub.gif) 30px 11px no-repeat; border: 1px solid #dedddd; border-top: 0px; color: #111; font-weight: normal; overflow: hidden;}

.contentleft {display: block; width: 219px; padding: 10px; background: #fff; border: 1px solid #dedddd; border-bottom: 0px; color: #111; font-weight: bold;}

.fullcatalog {display: block; width: 955px; height: 40px; line-height: 40px; padding-left: 15px; font-weight: bold; font-size: 14px; color: #111; margin: 0px; background: url(/images/catalog-full.gif) no-repeat; text-transform: uppercase;}
.fullcatalog span {text-transform: normal;}
.fullcontentinfo {display: block; width: 918px; border: 1px solid #dedddd; padding: 10px; border-bottom: 0px; float: left;}

.maincatalog {display: block; width: 860px; font-size: 20px; margin-bottom: 5px; color: #2882BC; font-weight: normal;}
.maincatalog span {text-transform: normal;}
.maincatalog a {color: #2882BC;}
.maincontentinfo {display: block; width: 860px; border-bottom: 0px; float: left;}
.maincontentinfocat {display: block; width: 500px; padding: 10px; background: url(/images/midcentercat.gif) repeat-y; float: left;}
.maincontentinfocat img {max-width: 500px;}
.itemimgcat {width: 120px; height: 100px; border: 1px solid #ccc; padding: 1px; margin-top: 3px; margin-right: 10px; float: left;}
.itemx {display: block; margin-bottom: 5px; font-weight: bold; font-size: 12px;}
.titleother {display: block; color: #333; clear: both; padding: 5px 0px; padding-left: 15px; background: url(/images/bul-cat-sub.gif) 0px 10px no-repeat;}
.titleother:hover {}
.titleother span {color: #f60;}
.titleother1 {color: #f60; font-size: 16px;}

.stick {display: block; line-height: 22px; padding-left: 10px; color: #00528B; background: url(/images/stick.gif) 0px 7px no-repeat;}
.newscontent {display: block;}
.newsmain {display: block; width: 260px; float: left;}
.newssub {display: block; width: 210px; margin-left: 10px; float: left;}
.rows {display: block; clear: both; width: 840px; padding: 10px; margin-top: 10px; background: #f7f7f7; float: left;}
.rows50 {width: 360px; display: block; padding-top: 10px; border-top: 1px dashed #ccc; float: left;}
.rowsnext {width: 20px; height: 102px; margin-top: 12px; background: url(/images/bgs.gif) repeat-y; float: left;}
.rightimg {width: 180px; margin-right: 10px; float: left;}
.title {display: block; font-size: 20px; margin-bottom: 5px; color: #2882BC;}
.titlehome {display: block; font-size: 18px; margin-bottom: 5px; color: #f60;}
.titlehome:hover {color: #2882BC;}
.titlecat {display: block; font-weight: bold; font-size: 18px; color: #501111;}
.titlecat:hover {color: #333} 
.rightimg {width: 180px; height: 120px; float: left; margin-top: 4px; margin-right: 10px;}

.catimg {width: 150px; height: 130px; float: left; margin-top: 3px; margin-right: 10px;}
.catsimg {width: 130px; border: 1px solid #dedddd; padding: 1px; float: left; margin-right: 10px;}
.logoimg {width: 120px; float: left; margin-right: 10px;}

.imgnewsmain {width: 110px; height: 72px; margin-top: 3px; margin-right: 6px; float: left;}
.imgnewssub {width: 75px; height: 50px; margin-top: 3px; margin-right: 10px; float: left;}
.titledtl {display: block; padding: 5px 0px; color: #111; font-size: 23px;}
.newstitle {display: block; padding: 2px 0px; font-weight: bold;}
.newstitle1 {display: block; padding: 2px 0px; font-weight: bold;}
.newstitle2 {display: block; color: #fff; padding: 2px 0px; padding-left: 10px; background: url(/images/bullet2.gif) 0px 8px no-repeat; font-size: normal;}
.newsblock {display: block; width: 280px; padding: 10px; padding-top: 2px; background: #F0F8E6; float: left;}

.imgprosubr {width: 68px; height: 50px; padding: 1px; border: solid 1px #E8E6E6; margin-right: 5px; float: left;}
.imgprosub {width: 45px; height: 35px; padding: 1px; border: solid 1px #E8E6E6; margin-right: 10px; float: left;}

.bottomcontent {display: block; width: 1150px; padding: 20px 10px; color: #fff; line-height: 22px; background: #333; float: left; font-size: 14px;}
.cpr {width: 1170px; text-align: center; float: left;}
.btg {display: block; width: 110px; height: 72px; text-align: left; background: url(/images/logo-sm.png) no-repeat; float: left;}
.btl {display: block; width: 600px; height: 72px; float: left; text-align: left;}
.btr {display: block; width: 210px; height: 72px; float: right; text-align: right;}
.clearbox {clear: both;}

.bottombg {display: block; background: #999 url(/images/bottom.png) no-repeat;}

.news_show {height: 568px;}
.news_style {display: none;}
.imgslide {width: 200px; height: 146px; padding: 1px; border: 1px solid #ccc; margin-right: 8px; float: left;}
.titleslide {display: block; font-size: 16px; font-weight: bold; color: #006699;}
.timeslide {margin: 0px; padding: 5px 0px; font-size: 11px; font-weight: bold; color: #999;}
.descslide {margin: 0px; padding: 5px 0px; }
.buttondiv {padding: 5px; height:20px; margin-left: 83px; display: none;}

.othertopic {display: block; margin: 0px; padding: 5px 0px; padding-left: 18px; line-height: 22px; color: #333; background: url(/images/bullet.gif) 0px 12px no-repeat;}
.othertopicnew {display: block; margin: 0px; padding: 5px 0px; padding-left: 18px; line-height: 22px; color: #2882BC; background: url(/images/bullet.gif) 0px 12px no-repeat;}

.imgbox {display: block; width: 150px; height: 100px; margin-right: 10px; float: left;}
.imgbox img {width: 200px; height: 150px; margin-top: 10px; margin-left: 10px;}
.block {display: block; width: 300px; margin: 10px 0px;}
.imgblock0 {width: 275px; float: left; margin-bottom: 15px; text-align: justify;}
.imgblock1 {width: 275px; margin-left: 15px; margin-bottom: 15px; float: left; text-align: justify;}
.imgblock2 {width: 275px; margin-left: 15px; margin-bottom: 15px; float: left; text-align: justify;}
.imgclip {width: 275px; height: 180px;}
.block0 {width: 420px; float: left; margin-bottom: 20px; text-align: justify;}
.block1 {width: 420px; margin-left: 15px; margin-bottom: 20px; float: left; text-align: justify;}
.blockfull {width: 860px; margin-bottom: 20px; text-align: justify;}

.itemblock {width: 204px; height: 100px; margin: 0px 5px; padding: 5px; background: #fff; border: 1px solid #ccc; float: left; overflow: hidden;}
.itembook {width: 168px; height: 250px; margin-right: 10px; padding: 5px; background: #fff; border: 1px solid #ccc; float: left; overflow: hidden;}
.itemimgbook {width: 168px; height: 250px;}

.item {display: block; margin-bottom: 5px; font-weight: bold; text-align: center;}
.item:hover {color:#414141;}
.item span {color: #C03131;}
.itemimg {width: 204px; height: 100px;}
.itemimghome {display: block; width: 293px; height: 130px; margin-bottom: 10px;}
.pricedesc {width: 83px; text-align: left; color: #C03131; font-weight: bold; font-style: italic; float: left;}
.cartbt {width: 60px; margin-right: 8px; float: right;}
.price {color: #C03131; font-weight: bold; font-size: 15px;}
.pricedtl {width: 80px; text-align: right; color: #C03131; font-weight: bold; font-style: italic;}
.cartdtl {width: 80px; text-align: right;}

.boxhome {display: block; width: 293px; margin-left: 20px; float: left;}
.boxhome a {color: #555;}
.boxhome h2 a {color: #555;}
.boxpro {display: block; width: 190px; float: left;}
.boxpro a {font-size: 15px; font-weight: bold;}
.myh2 {color: #f60; text-transform: uppercase;}
#pscroller1{
width: 300px;
height: 138px;
border: 0px solid black;
padding: 0px;
background-color: white;
}

.topline {display: block; width: 100%; height: 6px; background: #f60;}
.allpagebottom {display: block; width: 100%; padding: 10px 0px; background: #f60; float: left;}
.customerhome {display: block; width: 86px; height: 46px; padding: 1px; border: 1px solid #dfdfdf; margin: 0px 5px;}
.cols3 {display: block; width: 215px; height: 208px; margin: 0px; border: 1px solid #ededed; background: url(/images/bg-customer.gif) repeat-x; float: left;}
.cols50 {display: block; width: 303px; min-height: 80px; padding: 15px; background: #f7f7f7; float: left;}
.cusimg {width: 180px;}
.custitle {display: block; font-weight: bold; font-size: 14px; color: #111;}
.custitle:hover {color: #999} 
.paging {clear: both; display: block; width: 100%; margin-bottom: 15px; text-align: right;}
.paging a {padding: 4px 3px; background: #ededed; font-weight: bold; color: #444;}
.paging a.current {color: #f60;}
.sm1 {display: block; margin: 0px 10px; padding: 5px 0px; padding-left: 15px; background: url(/images/bullet.gif) 0px 10px no-repeat; font-weight: bold;}
.sm2 {display: block; margin: 0px 10px; padding: 5px 0px; padding-left: 18px; background: url(/images/subbullet.gif) 0px 10px no-repeat; font-weight: bold; color:#666;}
.sm3 {display: block; margin: 0px 10px; padding: 5px 0px; padding-left: 18px; background: url(css/skins/images/arrow_on.png) 0px 10px no-repeat;}
.more {color: #f60; text-decoration: none;}
.more:hover {color: #111; text-decoration: none;}
.hometitle {font-family: 'Times New Roman'; font-size: 23px; font-weight: normal;}

.copyright {width: 700px; color: #fff; text-align: center; float: left;}
.addthis {width: 295px; text-align: right; padding-top: 10px; float: left;}
.imghome {width: 150px; height: 130px; float: left; margin-top: 5px; margin-right: 10px; border: 1px solid #eee; padding: 1px;}
.imghomepro {width: 75px; height: 60px; float: left; margin-right: 10px; border: 1px solid #eee; padding: 1px;}
.datetime {display: block; padding-left: 25px; background: url(/images/news.gif) 2px 2px no-repeat; color: #f60; font-size: 12px;}
.othertitle {color: #111;}
.othertitle:hover {color: #2882BC;}
.stocklbl {background: #2882BC; height: 28px; color: #fff; font-size: 16px; padding: 10px 1px 0px 10px;}
.activeStock {display: block; height: 20px; padding: 6px 10px 2px 10px; background: #ccc; float: right;}
.deactiveStock {display: block; height: 20px; padding: 6px 10px 2px 10px; background: #999; float: right;}

.lichsu {margin: 10px 0 0 0; padding: 0; border-bottom: 3px solid #eee; }
.tabs3 {border-bottom: 1px solid #ddd; position: relative; height: 28px; margin: 0 0 1px}
	.tabs3 li {height: 26px; line-height: 25px; padding: 1px 10px 0; border: 1px solid #ddd; border-bottom: none; float: left; margin: 0 0 0 8px; background: #fff; font-weight: bold}
	.tabs3 li.active {height: 27px}
		.tabs3 li.active a {color: #c00;}
	
	.lichsu table {font-size: 11px; }
	.lichsu th {color: #666; font-weight: bold; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 8px; text-align: center}
	.lichsu td {border-right: 1px solid #ddd; padding: 4px 2px; font-size: 11px;}
	.lichsu .col1 {width: 25px; text-align: center}
	.lichsu .col2 {width: 135px}
		.lichsu .col2 .l {float: left; padding: 0 0 0 3px}
		.lichsu .col2 .r {float: right; text-align: right; padding: 0 14px 0 0}
		.lichsu .col2 .up {background: url(images/sprite_ico.png) no-repeat right -877px}
		.lichsu .col2 .down {background: url(images/sprite_ico.png) no-repeat right -900px}
		.lichsu .col2 .nochange {background: url(images/nochange_.jpg) no-repeat right}
	.lichsu .col3 {width: 53px; text-align: right}
	.lichsu .col4 {width: 81px; text-align: right}
	.lichsu tr.odd td {background: #eee}

.pink {color: #FF00FF}
.red {color: #CC0000}
.green {color: #00A500}
.blue {color: #006699}
.orange {color: #FF9900}

	.lichsu .xemtiep,
	.tintucsukien xemtiep {padding-left: 5px}
	.lichsu .xemtiep a,
	.tintucsukien .xemtiep2 .xemtiep {float: left;}
	.lichsu .xemtiep .donvigtgd {float: right; text-align: right; color: #999}

.imghot {display: block; width: 365px; height: 230px;}
.titlehot {display: block; padding: 5px 0px; font-size: 16px; line-height: 23px; font-weight: bold;}
.titlehotsub {display: block; padding: 5px 0px; font-size: 15px; line-height: 23px; }
.headbottom {color: #f60; text-transform: uppercase; font-size: 14px;}
.timer {display: block; font-style: Italic; color: #888; margin: 5px 0px;}