@charset "utf-8";
* {
	margin : 0px;
	padding : 0px;
}
body {
	color:#7B7B7B;
	text-align : center;
	padding:0px;
	font-family : Tahoma, helvetica, arial, sans-serif;
	font-size : 13px;
	border:1px solid #A0A0A4;
	display:block;
	border-radius:25px;
	width:auto;
	height:auto;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);
	-moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 10);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);
}

a {
	color: #FF0000;
}

a:hover {
	color : #7B7B7B;
	text-decoration : none;
}

a:link {text-decoration: none;
color:#0066FF}
a:visited {text-decoration:none;
color:#0066FF}

/* Header Style */

#page_header {
	margin : 0px auto;
	width : 1000px;
	text-align:center;
	overflow: hidden;
	border:0px solid #CCCCCC;
}

#page_title {
	margin-left : 3px;
	margin-top : 13px;
	width : 180px;
	height : 44px;
	float : left;
	background : url('images/header.gif') no-repeat 30px 0px;
}

#page_title img {
	position : absolute;
	top : 15px;
	margin-left : 5px;
}

#header_search {
	margin-top : 15px;
	width : 220px;
	float : right;
	background : url('images/search_icon.gif') no-repeat 0px 11px;
	overflow : hidden;
}

#header_search form {
	margin-top : 4px;
	margin-left : 16px;
}

#header_search input {
	margin-top : 4px;
	width : 133px;
	float : left;
	font-size : 11px;
	border : #737472 1px solid;
}

#header_search input.submit {
	width : 30px;
	height : 18px;
	position : relative;
	top : 2px;
	margin : 2px;
	border : none;
}



/* Menu Style */
#top_menu {
	margin : 0px auto;
	width : 1000px;
	height : 40px;
	float : none;
	clear : both;
	text-align:center;
	border:0px dotted #FF0000;
}

#page_menu {
	margin : 0px auto;
	width : 1006px;
	height : 35px;
	float : none;
	clear : both;
	text-align:center;
	border:0px dotted #FF0000;
	background : url('images/body_background.gif') repeat-x 0px;	
}

#page_menu ul {
	text-align:center;
	border:0px dotted #0000FF;
}

#page_menu li {
	padding:8px 24px 0px;
	height : 28px;
	float : left;
	display : block;
	position: relative;
	border-right:1px solid #FFFFFF;	
}

#page_wrapper {
	margin : 0px auto;
	width : 1000px;
	text-align : justify;
	display : block;
	clear : both;
	border:0px dotted #00FF00 ;
}

#page_leftcol {
	width : 179px;
	float : left;
}

#page_maincol {
	margin-left : 14px;
	width : 600px;
	float : left;
	border:0px dotted #0000FF;
}

#page_rightcol {
	margin-left : 13px;
	width : 185px;
	float : left;
}


/* Left Column Style */

.leftcol_box {
	width : 182px;
	background : #fff;
	overflow : hidden;
	display : block;
	clear : both;
}

.leftcol_box h2 {
	padding : 7px 0px;
	width : 182px;
	height : 11px;
	color : #fff;
	font-size : 11px;
	line-height : 11px;
	font-weight : bold;
}

.leftcol_box h2 span {
	left : 13px;
	display : block;
	position : relative;
}

.leftcol_box .content {
	margin:15px 14px;
}

.leftcol_box .footnote {
	padding-left : 2px;
	padding-right : 5px;
	text-align : left;
	color : #949393;
	font:12px Tahoma; 
	text-transform:uppercase;
	clear : both;
}

.leftcol_box form {
	width : 149px;
	float : none;
}

#books_search {
	overflow : hidden;
}

#books_search h2 {
	background-color : #7EB610;
	border-bottom : #A2B565 1px solid;
}

#books_search a {
	color : #D14A4A;
	font-weight : bold;
}

#books_search a:hover {
	color : #EF7C7C;
	text-decoration : none;
	position : static;
}

#books_search input {
	margin-bottom : 14px;
	width : 140px;
}

#books_search select {
	margin-left : 0px;
	margin-bottom : 14px;
	width : 100px;
	float : left;
	clear : right;
}

#books_search input.submit {
	margin-left : 9px;
	width : 28px;
	height : 16px;
	float : right;
}

#catalog h2 {
	background-color : #F8C055;
	border-bottom : #F8C055 1px solid;
}

#catalog .content {
	text-align : center;
}

#catalog ul {
	margin-left : 4px;
	margin-right : 4px;
	margin-bottom : 14px;
	width : 141px;
	height : 97px;
	background : url('images/catalog_bg.gif') 0px 0px;
	overflow : hidden;
}

#catalog li {
	display : block;
	float : left;
}

#catalog li span {
	padding-top : 6px;
	padding-bottom : 5px;
	width : 20px;
	text-align : center;
	position : relative;
	display : block;
}

#catalog li a {
	color : #B0ADAD;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}

#catalog a:hover {
	color : #716E6E;
}

#catalog .footnote {
	font-weight : bold;
	line-height : 13px;
}

#catalog .footnote h4 {
	padding-bottom : 5px;
	color : #716E6E;
	text-transform : uppercase;
	font-size : 9px;
}

#catalog .footnote em {
	color : #D14A4A;
	font-style : normal;
}

#knowmore {
	margin-top : 13px;
	width : 179px;
	height : 114px;
	overflow : hidden;
	background : url('images/knowmore_bg.gif') #83A028 no-repeat 0px 0px;
	color : #FEFEFE;
	text-align : justify;
}

#knowmore h2 {
	height: 23px;
	background : url('images/header_knowmore.gif') no-repeat 0px 0px;
}

#knowmore span.image {
	float : left;
	display : block;
	width : 26px;
	height : 40px;
}

#knowmore p {
	margin-left : 65px;
	width : 114px;
	font-size: 9px;
	text-align : left;
}

#knowmore .readmore {
	margin-right : 5px;
	text-align : right;
	font-weight : bold;
	clear : both;
}

#knowmore a {
	color : #fff;
}

#newsletter h2 {
	background-color : #58A4DE;
	border-bottom : #58A4DE 1px solid;
}

#newsletter .content {
	margin : 8px 14px 5px;
	width : 149px;
}

#newsletter input {
	margin-bottom : 8px;
	width : 140px;
}

#newsletter input.submit {
	margin-bottom : 10px;
	width : 66px;
	height : 17px;
	float : right;
}


/* Main Column Style */

#maincol_top {
	margin-top:13px;
	width:600px;
	height:280px;
	background-color:#FFFFFF;
	overflow:hidden;
	border:1px solid #0099CC;
}
/*Tiêu đề mục tin tiêu điểm*/
#maincol_top h2 {
	width:315px;
	border:0px solid #0000FF;
	font:bold 14px Tahoma;
	color:#0066CC;
	padding:5px;
}

#maincol_top .sideimg {
	float:left;
	position:absolute;
	width:255px;
	border:1px solid #CCCCCC;
	padding:1px;
}

#maincol_top .content {
	float:left;
	position:absolute;
	margin-left:270px;
	width:325px;
	color:#000000;
	font:14px Tahoma #000000;
	text-align:left;
	border:0px dotted #FF0000;
}

#maincol_top .readmore {
	margin-top:8px;
	text-align:right;
	color:#006666;
}

#maincol_top a {
	color : #fff;
	font-weight : bold;
	text-decoration : none;
}

#maincol_top a:hover {
	text-decoration : underline;
}

.maincol_box {
	width : 590px;
	background : url('images/maincol_vline.gif') #fff repeat-y 180px 0px;
	overflow : hidden;
}

.maincol_box h2 {
	width : 590px;
	height : 26px;
}

#bestsellers {
	overflow : hidden;
	background : url('images/maincol_hline.gif') 0px 27px;
	border:0px dotted #FF0000;
}

#bestsellers h2 {
	background-color:#075B9B;
}

#bestsellers .content {
	width : 379px;
	height : 235px;
	float : left;
	overflow : hidden;
}

#bestsellers .wrapper {
	margin-top : 10px;
	margin-left : 10px;
	position : absolute;
	width : 160px;
}

#bestsellers .bookcover {
	width : 66px;
	height : 101px;
	float : left;
	position : static;
}

#bestsellers p {
	padding-top : 3px;
	padding-bottom : 20px;
	float : none;
}

#bestsellers .info {
	float : none;
	width : 260px;
}

#bestsellers .price h3 {
	color : #E9993D;
	font-size : 9px;
	font-weight : bold;
	float : left;
}

#bestsellers .buynow {
	font-weight : bold;
	float : right;
}

#bestsellers .buynow a {
	color : #577D0E;
}

#bestsellers .buynow a:hover {
	color : #7FAA2D;
	text-decoration : underline;
}


/* Right Column Style */

.rightcol_box {
	width : 183px;
	background-color : #fff;
	overflow : hidden;
}

.rightcol_box h2 {
	width : 183px;
	height : 26px;
}

#latest h2 {
	background : url('images/header_latest.png') #5C5E5F no-repeat 0px 0px;
}

#latest .wrapper {
	position : relative;
	margin : 0px 9px;
	width : 164px;
	overflow : hidden;
}

#latest h3 {
	clear : both;
	margin-top : 15px;
	margin-bottom : 10px;
	color : #234662;
	font-size : 9px;
	font-weight : bold;
}

#latest .thumbnail {
	margin-right : 5px;
	margin-bottom : 5px;
	float : left;
	position : static;
}

#latest p {
	margin-top : 2px;
	margin-bottom : 12px;
}

#latest .readmore {
	margin : 30px 0px 5px;
	text-align : right;
	clear : both;
	float : none;
	font-weight : bold;
}

#latest .readmore a {
	color : #5C5E5F;
	text-decoration : none;
}

#latest .readmore a:hover {
	color : #8C8F91;
	text-decoration : none;
}


/* Footer Style */

#page_spacing {
	clear : both;
	float : none;
	border-top : #fff 5px solid;
}

#page_footer {
	margin : 0px auto;
	width : 1000px;
	height : 21px;
	background-color : #5C5E5F;
	font-size : 10px;
	color : #C8C6C6;
}

#page_footer a {
	color : #E4E1E1;
	text-decoration : none;
}

#page_footer a:hover {
	color : #fff;
}

#page_footer #rights {
	padding-top : 3px;
	padding-left : 15px;
	float : left;
}

#page_footer #links {
	padding-top : 3px;
	padding-right : 10px;
	float : right;
	font-weight : bold;
}

#page_footer #links span {
	margin-left : 20px;
	display : block;
	position : relative;
	float : left;
}

#page_credit {
	margin-top : 1px;
	margin-bottom : 7px;
	text-align : center;
	font-size : 12px;
	color : #010101;
}

#page_credit a {
	text-decoration : none;
	color : #010101;
}

#page_credit a:hover {
	color : #464646;
}



.borderbox {
	clear : both;
	float : none;
	margin-top : 13px;
	border : #A5A4A4 1px solid;
}

span {
	display : none;
}

img {
	border: 0px;
}

p {
	text-align : justify;
	line-height : 13px;
}

ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	display : block;
}

li {
	text-indent: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

input {
	padding : 2px 0px 1px 7px;
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family : tahoma, sans-serif;
	font-size : 9px;
	font-weight : bold;
}

select {
	padding : 2px 0px 1px 7px;
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family : tahoma, sans-serif;
	font-size : 9px;
	font-weight : bold;
}

input.submit {
	padding : 0px;
	border : none;
	cursor : pointer;
}

.clearthis {
	margin : 0px;
	clear : both;  
	float : none;	
	font-size : 1px;
	line-height : 0px;
}

/*loai tin*/
.muctin {
float: left;
width:300px;
height:220px;
padding-top:0px;
text-align:left;


}
/*ten loai tin*/
.nhommuctin {
float: left;
width:586px;
height:200px;
padding:5px;
border:1px solid #CCCCCC;
}
div.space{width:500px;height:1px;padding-bottom:5px;background:url(images/khung/space.gif) repeat-x center left; }

/*new menu*/
	.menulci,
	.menulci ul,
	.menulci li,
	.menulci a {
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}
	 
	.menulci {
		height: 40px;
		width: 1000px;
		background: #4c4e5a;
		background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	 
	.menulci li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		height: 40px;
	}
		
	.menulci li a {
		display: block;
		padding: 0 14px;
		margin: 6px 0;
		line-height: 28px;
		text-decoration: none;
	 
		border-left: 1px solid #393942;
		border-right: 1px solid #4f5058;
	 
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 13px;
	 
		color: #f3f3f3;
		text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	 
		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	 
	.menulci li:first-child a { border-left: none; }
	.menulci li:last-child a{ border-right: none; }
	 
	.menulci li:hover > a { color: #8fde62; }

	.menulci ul {
		position: absolute;
		top: 40px;
		left: 0;
		width:100%;
	 
		opacity: 0;
		background: #1f2024;
		z-index:999999999999;	 
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	 
		-webkit-transition: opacity .25s ease .1s;
		-moz-transition: opacity .25s ease .1s;
		-o-transition: opacity .25s ease .1s;
		-ms-transition: opacity .25s ease .1s;
		transition: opacity .25s ease .1s;
	}
	 
	.menulci li:hover > ul { opacity: 1; }
	 
	.menulci ul li {
		height: 0;
		overflow: hidden;
		padding: 0;
	 
		-webkit-transition: height .25s ease .1s;
		-moz-transition: height .25s ease .1s;
		-o-transition: height .25s ease .1s;
		-ms-transition: height .25s ease .1s;
		transition: height .25s ease .1s;
	}
	 
	.menulci li:hover > ul li {
		height: 36px;
		overflow: visible;
		padding: 0;
	}
	
	.menulci ul li a {
		width: 200px;
		padding: 4px 0 4px 30px;
		margin: 0;
		float : left;
		display : block;
		position: relative;
		border: none;
		border-bottom: 1px solid #353539;
		text-align:left;
	}
	 
	.menulci ul li:last-child a { border:none; }
	
	.menulci a.email { background: url(bubble.png) no-repeat 4px center; }
	.menulci a.email1 { background: url(docs.png) no-repeat 4px center; }
	.menulci a.email2 { background: url(docs.png) no-repeat 4px center; }
	.menulci a.email3 { background: url(arrow.png) no-repeat 4px center; }
