﻿p, div, ul, li, h1, h2, h3, h4, h5 {margin:0; padding:0;}
body {margin:0; padding:0; background:url(../images/bg_body.gif) repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#424242;}
img { border:none; margin:0; padding:0;}
ul, li {list-style:none;}
.clear {clear:both; font-size:0; line-height:0;}

/* Conten Item */
p {line-height:16px;}

/* Normal links */
a { color:#005388; text-decoration:none;}
a:hover { text-decoration:underline; }

/* ---------------------------- CONTAINER ---------------------------- */
#container {width:815px; margin: 0 auto; background: #ffffff;}

	/* ---------------------------- TOP ---------------------------- */
	/* Top banner - Logo banner */
	#slogan{padding-right:80px;font-size:11px;font-weight:bold;color:#284fa6;}
	#logo {position:absolute; z-index:1000; top:1px; padding:0 0 0 10px;}
	#banner {width:360px; padding:30px 0 10px 440px; background:url(../images/banner_top.jpg) center center no-repeat; text-align:right;}
	
	#search {width:250px; float:left;}
		.inputbox_search{background:url(../images/bg_search.gif) left center repeat-x;border:none; padding:2px 0;}
		.search_button{background:url(../images/bg_buttonsearch.gif) center center no-repeat; width:19px; border:none; padding:0;}
	
	#language{width:88px; margin:2px 5px 0 5px; line-height:15px; float:right; text-align:center; background:url(../images/bg_search.gif) left center repeat-x; font-size:10px; font-weight:bold; border:1px solid #222e58; }

	/* Top navigation */
	#topnav {width:795px;background:url(../images/bg_topnav.gif) left center repeat-x; padding:7px 10px 7px 10px;text-align:right;}
		#topnav ul li {display:inline;padding:0 0 0 30px;font-family:Verdana;}
			#topnav a {color:#ffffff; text-decoration:none;font-size:11px;text-transform:uppercase;}
			#topnav a:hover {color: #989898;}
			#topnav a#active {background:url(../images/bg_topnav_active.gif) left center repeat-x;padding:6px;}
	

	#middle {width:800px;padding-top:0px;}
		
		/* Column 1 */
		/*Homepage*/
			#col1_home{width:800;border-bottom:4px solid #636363;padding:0;margin:0;border-spacing:0;background:#636363;}
			#col1_noidung{background:url(../images/bg_home.jpg) left center no-repeat;line-height:125px;padding:10px;}
			.col1_left_home{width:390px;float:left;}
			.col1_left_home img{float: left; padding:0 5px 5px 0;}
			
			.col1_right_home{width:390px;float:left;}
			.col1_right_home img{float: left; padding:0 5px 5px 0;}

			#noidung_right {width:250px; float: left;}
				.col1_title_home{background: url(../images/bg_col1_title.gif) left center no-repeat; padding:0 0 0 15px; line-height:20px; color:#1b4b9d; font-weight:bold;}
			
			
			#logo_home{float:left;position:absolute; z-index:1000;top:390px;padding-left:5px;}
			#logo_home img{padding-right:10px;}
		/*end Homepage*/

		/*San pham*/
		#sanpham{padding:0 0 50px 0;}
			#banner_sanpham img{float:left;padding:2px 0 10px 10px;}
			#sanpham_img{border:2px solid #e1e1e1;margin:0 10px 10px 0;}
			#sanpham_img2{border:1px solid #e1e1e1;margin:0 0px 0px 0;}
			.title_collection_sanpham{text-transform:uppercase;text-align:center;font-size:13px;font-weight:bold;color:#1379e1;}
			.slide_sanpham{padding:20px 0 40px 0;}
			.slide_sanpham2{padding:0px 0 40px 0;}
			.slide_sanpham3{padding:0px 0 10px 0;}
			.title_type_sanpham{font-size:12px;font-weight:bold;color:#515151;text-transform:uppercase;}
			.title_details{font-weight:bold;padding:3px 7px 3px 0}
				.title_details span{font-weight:normal;}
			
			#phanhoi{border-top:1px dotted #8c8c8c;}
				.titile_phanhoi{background:url(../images/bg_col2_title.gif) left center repeat-x;width:100px;line-height:20px;font-size:10px;font-weight:bold;color:#ffffff;padding-left:10px;}
			#col2 #collection_search{margin-bottom:10px;}
			#col2 #search{margin-bottom:5px;}
			#col2 #search{border:1px solid #c2c2c2;width:188px;}
			#col2 #search .inputbox_search{width:165px;padding:0px 0;}
			#col2 #search .inputbox_search{background:none;}
			#col2 #search .search_button{border:none;height:16px;}
			
			#dropdown select {width:150px;margin:5px 0;}
			
			
		
		
		#col1 {width:580px; float:left;padding-left:10px;}
			.col1_banner_top{}
			.col1_title{background: url(../images/bg_col1_title_red.gif) left center no-repeat; padding:0 0 0 15px; line-height:20px; color:#c42025; font-size:13px; border-bottom:1px solid #dedede; font-weight:bold; margin:10px 0 25px 0;}
			.content_title{background:url(../images/muiten.gif) left center no-repeat;padding-left:12px;color:#1852a1;font-weight:bold;}
			
			.content_titlle_link{padding-left:7px;padding-top:10px;padding-bottom:5px;color:#1852a1;font-weight:bold;text-decoration:underline;}
			
			#content_link ul li{background:url(../images/muiten.gif) left center no-repeat;padding-left:12px;line-height:18px;}
				#content_link a {color:#424242;}
				#content_link a:hover {text-decoration:underline;}
				#content_link a#active {}
				/*Tin tuc*/
				.tintuc{margin:10px 0;}
				.tinkhac {margin:10px 0;}
				.image{text-align:center;margin-top:10px;}
				.readmore span{font-size:10px;color:#1852a1;}
			
			#col1_left{width:280px;margin:10px 0 0 0; float:left;}
				.col1_right_title,
				.col1_left_title{background: url(../images/bg_col1_title_red.gif) left center no-repeat; padding:0 0 0 15px; line-height:20px; color:#c42025; font-size:13px; border-bottom:1px solid #dedede; font-weight:bold; margin:10px 0;}
			#col1_right{width:280px;margin:10px 0 0 10px; float:left;}
				
			/* Right Table*/
			#table_content{margin:0 0 10px 10px; padding:0 0 5px 0; width:180px;background:#dbe9fc;}
				#table_content a {color:#1852a1; text-decoration:none;font-size:10px;}
				#table_content a:hover {text-decoration:underline;}
				#table_content a#active {}
				
				.title{color:#1852a1;text-transform:uppercase;padding:5px 0 5px 0;border-bottom:1px solid #1852a1;}
				.link{color:#1852a1;}
				
				/*Adv Gioithieu*/
				.title_adv{color:#1852a1;text-transform:uppercase;padding:5px 0 5px 0;}
				#table_adv{width:578px; margin: 18px 0 0 0; padding:0px 0 15px 0;background:#dbe9fc;border:1px solid #a0b0c5;font-size:90%;}
				.table_adv{width:578px; margin: 18px 0 0 0; background:#dbe9fc;border:1px solid #a0b0c5;font-size:90%;}
				#table_adv a{color:#1852a1; text-decoration:none;font-size:10px;text-transform:uppercase;}
				#table_adv a:hover {text-decoration:underline;}
				#table_adv a#active {}
				
				.banner_adv{text-align:center;}
				.banner_adv img{padding:10px 5px;}
				
		/* Column 2 */
		#col2 {width:190px; float:left; padding:0 0 0 10px;}
			.title_col2{background:#bee5f8;font-weight:bold;text-transform:uppercase;text-align:center;color:#0257d6;margin:0px 0 10px 0;line-height:28px; font-size:90%;}
					
			.col2_title{color:#ffffff; text-transform:uppercase; background:url(../images/bg_col2_title.gif) left center repeat-x;font-weight:bold;line-height:20px;margin:10px 0 0 0;padding-left:10px;}
			#thamdo{padding:5px;background:url(../images/bg_thamdo.gif) bottom center no-repeat #ebebeb;}
				#checkbox{padding:5px;}
				#button_vote{padding:5px 10px 5px 5px;}
					.button_binhchon{background:url(../images/bg_binhchon.jpg) center center no-repeat ; border:none; cursor: pointer; }

			.col2_adv1{margin:10px 0 0 0;}
			.col2_adv2{margin:10px 0 0 0;}
			.col2_adv3{margin:10px 0 15px 0;}
		
	/* ---------------------------- FOOTER ---------------------------- */	
	#footer {width:800px;margin:0 auto 0;padding:5px 0 30px 0; line-height:16px; text-align:center; color:#acacac;font-size:9px;text-align:right;}
	/* ---------------------------- END OF FOOTER ---------------------------- */


		/* my custom --------------------------------------------------------------------------------------------*/
.container {width:800px; margin: 0 auto; background: #ffffff;}
	.middle {width:800px;padding-top:0px;}

    .colContent{padding-left:15px;}
			.title_details2{font-weight:normal;padding:3px 7px 3px 0;font-size:95%;}
				.title_details2 span{font-weight:bold;padding:3px 7px 3px 0;font-size:95%;}

		.TitleHeader {color:#c42025;font-size:105%;}
		.TitleHeader90 {font-size:90%;font-weight:normal;}

		.col1 {width:580px; float:none;padding:0 0px 0 10px;}
		.col2 {width:190px; float:none; padding:0 10px 0 0px;}
			.table_content2
{
    margin: 0 0 10px 10px;
    width: 200px;
    background: #dbe9fc;
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 15px;
}
				.table_content2 a {color:#1852a1; text-decoration:none;font-size:10px;}
				.table_content2 a:hover {text-decoration:underline;}
				.table_content2 a#active {}


	.middle {width:800px;}
			#col1_noidung1{line-height:15px;padding:10px;}
	.linkTopActive {background:url(../images/bg_topnav_active.gif) left center repeat-x;padding:6px;}
		.col1 {width:580px; float:left;padding-left:5px;}
		.col1_300 {width:290px; float:left;padding-left:5px;}
		.col1b {width:580px; float:left;padding-left:10px;}
		.col1a {width:600px; float:left;padding-left:5px;}
			.col1_title2{background: url(../images/bg_col1_title_red.gif) left center no-repeat; padding:0 0 0 15px; line-height:15px; color:#c42025; font-size:13px; border-bottom:1px solid #dedede; font-weight:bold; margin: 0px 0px 5px;}
			.col1_title3{background: url(../images/bg_col1_title_red.gif) left center no-repeat; padding:0 0 0 15px; line-height:15px; color:#c42025; font-size:13px; border-bottom:1px solid #dedede; font-weight:bold; margin: 0px 0px 5px;}
			.col1_title2_no_border_background{padding:0 0 0 5px; line-height:15px; color:#c42025; font-size:13px; border-bottom:0px solid #dedede; font-weight:bold; margin: 0px 0px 5px;}
			.col1_title2_no_border{background: url(../images/bg_col1_title.gif) left center no-repeat; padding:0 0 0 15px; line-height:15px; color:#c42025; font-size:13px; border-bottom:0px solid #dedede; font-weight:bold; margin: 0px 0px 5px;}

				.content_title_tintuc{background:url(../images/muiten.gif) left center no-repeat;margin-left:0px;padding-left:15px;padding-top:5px;color:#1852a1;font-weight:bold;}
				.content_title_tintuc_no_background{margin-left:0px;padding-left:0px;color:#1852a1;font-weight:bold;}
				.span1 {font-style:italic;font-weight:normal;padding-left:5px;color:#464646;font-size:90%}
.label10
{
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
}


.tablePopup
{
	font-family: Verdana,MS Sans Serif,Tahoma,Arial;
	text-align: left;
	font-size: 11px;
	width: 300;
	border-collapse: collapse;
	background-repeat: repeat;
	vertical-align: top;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	border: 1px solid #140B88;
}


.tablePopup_NoWidth
{
	font-family: Verdana,MS Sans Serif,Tahoma,Arial;
	text-align: left;
	font-size: 11px;
	border-collapse: collapse;
	background-repeat: repeat;
	vertical-align: top;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	border: 1px solid #140B88;
}

.popupColHeader
{
	width: 100%;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	background-color: #140B88;
	text-indent: 12px;
	letter-spacing: 3px;
}

.popupColText
{
	width: 100px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-transform: inherit;
	color: Black;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	background-color: #D5EAFF;
	text-indent: 12px;
	white-space: nowrap;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	border-color: #140B88;
	text-decoration: none;
}

.popupColTextCenter
{
	width: 100px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-transform: inherit;
	color: Black;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	background-color: #D5EAFF;
	text-indent: 0px;
	white-space: nowrap;
	border-width: 0px 0px 0px 0px;
	border-style: none none solid none;
	border-color: #140B88;
	text-decoration: none;
}

.popupColValue
{
	width:200px;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform:capitalize;
	color: Black;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	background-color:#D5EAFF;
	border-bottom: 1;
	border: 1px solid #003399;
	text-indent: 12px;
	white-space: nowrap;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	border-color: #140B88;
}
			#content_link_no_background ul li{padding-left:0px;line-height:12px;}
			#content_link1 ul li{background:url(../images/muiten.gif) left top no-repeat;padding-left:12px;line-height:18px;}
			.content_link2 ul li{background:url(../images/muiten.gif) left top no-repeat;padding-left:12px;line-height:18px; color:Red;}
				.content_title_tintuc_no_img{margin-left:0px;padding-left:0px;color:#1852a1;font-weight:bold;}
			.content_titlle_link2{padding-left:0px;color:#1852a1;font-weight:bold;text-decoration:underline;}

.ms-paging{
font-family:tahoma,sans-serif;
font-size:8pt;
font-weight:normal;
color:#204d89;
}
		/* end my custom --------------------------------------------------------------------------------------------*/

