@charset "utf-8";


/*ĐỊNH NGHĨA HTML VÀ BODY*/
* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 14px "Tahoma", Geneva, sans-serif;
	color: #7f7f7f;
	background-image: url('../Skins/bg.jpg'); /*background-repeat:repeat-x;*/
	background-position: top;
	width: 1024px;
	margin: 0px auto;

}

a.nut {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	line-height: 150%
}

a:hover.nut {
	text-decoration: underline;
	color: #696969;
	font-size: 14px;
}

a:visited.nut {
	color: #696969;
	font-size: 13px;
}

a.nut_content {
	text-decoration: none;
	color: #0000FF;
	font-size: 14px;
	line-height: 150%
}

a:hover.nut_content {
	text-decoration: underline;
	color: #0000FF;
	font-size: 14px;
}

a:visited.nut_content {
	color: #0000FF;
	font-size: 14px;
}
/*ĐỊNH NGHĨA BỘ KHUNG TRANG WEB*/
#wrapper_banner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#wrapper_banner_image {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	background-repeat: repeat-x;
}

#wrapper {
	width: 100%;
	float: left;
	margin-top: 0px
}

#wrapper_full {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	border-right: 1px solid #e7e5e5;
	border-left: 1px solid #e7e5e5;
	
}
/*ĐỊNH NGHĨA THẺ DIV MENU TOP*/
/*#header_top{height:25px;position:relative;box-shadow:0 2px 2px rgba(0,0,0, .1);background-image:url(../images/ngochuy_bg.jpg);background-repeat:repeat-x;}*/
#header_top {
	height: 25px;
	position: relative;
	box-shadow: 0 2px 2px rgba(0,0,0, .1);
	background: #fff;
	background-repeat: repeat-x;
}

/*PHẦN ĐĂNG NHẬP*/
#user_login {
	position: absolute;
	left: 0px;
	top: 5px;
	color: white;
}

	#user_login a {
		color: white;
		text-decoration: none;
	}

		#user_login a:hover {
			color: #002c3f;
		}

/*PHẦN LINKS*/
/*NẰM TẠI VỊ TRÍ CÁCH BIÊN TRÁI 270PX CÁCH BIÊN TRÊN 10PX */
#header_links {
	text-align: right;
	position: absolute;
	right: 0px;
	top: 5px;
}
	/*HIỂN THỊ LI TRÊN CÙNG 1 DÒNG*/
	#header_links li {
		display: inline;
	}
		/*CỨ MỖI THÀNH PHẦN LI SAU LI CÁCH NHAU BIÊN TRÁI 10PX*/
		#header_links li + li {
			margin: 0 0 0 10px;
		}
		/*THIẾT LẬP THUỘC TÍNH CHO THẺ a*/
		#header_links li a {
			font: 12px "Tahoma";
			color: #999999;
			text-decoration: none;
			text-transform: capitalize; /*background:url(../images/tmc_sep.png) 0 10px no-repeat;*/
		}

			#header_links li a:hover,
			#header_links li a.active {
				color: #8eeedf;
			}

/*PHẦN THEMES*/
#header_themes {
	position: absolute;
	right: 0;
	top: 10px;
}

	#header_themes li {
		display: inline;
	}

		#header_themes li + li {
			margin: 0 0 0 5px;
		}

/*ĐỊNH NGHĨA THẺ DIV BANNER*/
#banner {
	width: 100%;
	text-align: center;
}
/*ĐỊNH NGHĨA THẺ DIV LOGO*/
/*#logo{width:680px;height:100px;display:block;position:absolute;left:-1px;top:10px;}*/
#logo {
	width: 680px;
	height: 100px;
	left: -1px;
	top: 10px;
}
/*ĐỊNH NGHĨA THẺ DIV QUẢNG CÁO*/
#adv {
	position: absolute;
	left: 333px;
	top: 0px;
}
/*ĐỊNH NGHĨA THẺ DIV SEARCH*/
#search {
	position: absolute;
	right: 2px;
	top: 100px;
	width: 325px;
	height: 38px;
}

.search_query {
	float: left;
	margin: 0 0 0px 2px;
	padding: 0px 0px 0px 0px;
	color: #988f8f;
}

/*ĐỊNH NGHĨA NAVIGATION*/
#navigation_bao {
	width: 100%;
	height: 32px;
	margin: 0 auto;
	text-align: center;
	/*background: #486db3;*/
	background: #0092cb;
}

#navigation {
	height: 20px;
	width: 100%;
	text-align: center;
	color: #696969;
}
	/*ĐỊNH NGHĨA THANH MENU*/
	#navigation ul {
		text-align: center;
		position: relative;
		width: 100%;
		list-style: none
	}

		#navigation ul li {
			text-align: center;
			top: 0px;
			left: 0px;
		}

			#navigation ul li a {
				display: block;
				padding: 8px 20px;
				text-decoration: none;
				font: 13px "Tahoma";
				color: #fff;
			}

			#navigation ul li:hover > a {
				color: #000;
			}

			#navigation ul li + li > a {
				background: url(../images/tmc_sep.jpg) 0px 10px repeat-y;
			}

			#navigation ul li span {
				float: left;
				padding: 15px 0;
				position: absolute;
				left: 0;
				top: 62px;
				display: none;
				width: 100%;
				color: #fff;
				background: url(../images/border_nav.png) 0 0 no-repeat;
			}

				#navigation ul li span a {
					display: inline;
				}
					/*#navigation ul li:hover span {display:block;}*/
					#navigation ul li span a:hover {
						color: #F2F2F2;
					}



/*ĐỊNH NGHĨA VÙNG BAO SLIDER*/
#slider_holder {
	height: 420px;
	width: 100%;
	padding: 0px 0 0 0px;
	background: url(../images/bg_columns.jpg);
}
/*ĐỊNH NGHĨA SLIDER*/
#slider {
	height: 420px;
	width: 769px;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 5px;
}
/*ĐỊNH NGHĨA PHẦN NỘI DUNG*/
#content {
	width: 100%;
	background: #fff;
	float: left;
	

}

/*ĐỊNH NGHĨA PHẦN NỘI DUNG HIỂN THỊ*/
#menutrai {
	width: 200px;
	float: left;
	margin: 0 5px 0 0;
}

#center_content {
	width: 100%;
	float: left;
	
	background-color: #fff;
}

#menuphai {
	width: 250px;
	float: right;
	
	background-color: #fff;
}
/*ĐỊNH NGHĨA PHẦN TIÊU ĐỀ*/
#title {
	width: 691px;
	float: left;
}

.title {
	font-size: 20px;
}

.h1_color_green {
	color: #80B9B0;
	float: left;
}

.h1_color_gray {
	color: #332121;
	float: left;
}

/*ĐỊNH NGHĨA HIỂN THỊ SẢN PHẨM*/
.products {
	float: left;
	width: 130px;
	min-height: 200px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
	border: 1px dotted gray;
	border-radius: 4px;
}

	.products img {
		width: 120px;
		height: 150px;
		padding: 5px;
	}

	.products p {
		padding: 3px 5px 0 5px;
		color: #44280E;
		font-weight: bold;
	}

.list {
	float: left;
	width: 769px
}
/*769px*/
#add_cart {
	width: 50px;
	height: 32px;
	background-image: url(../images/cart.png);
	margin: 3px 9px 0 9px;
}

/*ĐỊNH NGHĨA CÁC CHỨC NĂNG*/
#right_content {
	width: 220px;
	float: left;
	margin: 0px 0px 20px 80px;
}

#cart_top {
	background: url(../images/block_cart_top.jpg) 0 0 no-repeat;
	min-height: 83px;
}

	#cart_top h3 {
		margin: 16px 0 0 10px;
		padding: 10px 0px 10px 15px;
		font-family: 'Curlz MT';
		font-size: 35px;
		font-weight: normal;
		text-transform: none;
		font-weight: bold;
	}

	#cart_top a {
		padding: 15px 0 0 100px;
	}

#cart_mid {
	background: url(../images/block_cart_mid.jpg) 0 0 repeat-y;
}

	#cart_mid .content_c {
		padding: 3px 15px 3px 15px;
	}

#cart_bottom {
	background: url(../images/block_cart_bottom.jpg) 0 0 no-repeat;
	min-height: 10px;
}

/*ĐỊNH NGHĨA FOOTER*/
#footer {
	width: 100%;
	background: #006599 0 0 repeat-x;
	min-height: 50px;
	clear: both;
	float: left;
}

#footer_inline {
	width: 981px;
	min-height: 50px;
	margin: 0 auto;
	color: #E4F8B3;
	padding-top: 9px;
}

#footer-column-1 {
	font-size: 36px;
	width: 50%;
	padding: 0 0 0 40px;
	float: left;
	border-right: 1px dotted white;
}

	#footer-column-1 p {
		font-size: 12px;
	}

#footer-column-2 {
	float: left;
	font-size: 15px;
	padding: 10px 0 0 20px;
}

	#footer-column-2 a {
		text-decoration: none;
		color: #E4F8B3;
		padding: 0 25px 0 25px;
		margin-left: 15px;
	}

		#footer-column-2 a:hover {
			background-color: red;
		}


/*ĐỊNH NGHĨA MENU CHAY DOC*/
#menu-scroll {
	position: absolute;
	left: 0;
	top: 0;
}

	#menu-scroll a {
		text-decoration: none;
	}

	#menu-scroll dl {
		width: 183px;
	}

	#menu-scroll dl, dd {
		margin: 0;
	}

	#menu-scroll dt {
		background: #3e1f1c;
		;
		font-size: 14px;
		padding: 5px;
	}

		#menu-scroll dt a {
			color: #fff;
		}

	#menu-scroll dd a {
		color: #000;
	}

	#menu-scroll ul {
		list-style: none;
		padding: 5px;
	}

/*ĐỊNH NGHĨA QUẢNG CÁO*/
#adv_content {
	min-height: 121px;
	clear: both;
}

h3 {
	margin: -6px 0 0 0;
	padding: 30px 5px 10px 0;
	font-family: "Tahoma", Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3e1f1c;
	text-transform: none;
	font-weight: bold;
}

#cart_content1 {
	margin: 2px 10px 0px 5px;
}

	#cart_content1 .SanPham {
		font-size: 12px;
	}

#SanPham .tongtien {
	border-bottom: 1px solid;
	padding-left: 15px;
}


/*CSS cho trang Chitietsanpham.aspx*/
/* ĐỊNH NGHĨA VÙNG BAO NỘI DUNG */
#ct_content {
	min-width: 614px;
	min-height: 500px;
	padding: 10px 5px 0px 5px;
}

#ct_left_content {
	padding: 5px 5px 0 5px;
	width: 200px;
	height: 400px;
	float: left;
	border: 1px dotted gray;
	border-radius: 5px
}

	#ct_left_content img {
		padding: 5px;
	}

#ct_right_content {
	float: left;
	padding: 5px 5px 0 15px;
	width: 310px;
	height: 210px;
}

#name_product {
	padding: 5px;
	width: 200px;
}

#size_product {
	padding: 5px;
	width: 491px;
}

#detail_product {
	padding: 5px;
	width: 414px;
	max-height: 230px;
}

#add_product {
	padding: 15px 5px 5px 5px;
	width: 450px;
}
/*ĐỊNH NGHĨA PHẦN COMMENT*/
#comment_user {
	width: 700px;
	min-height: 100px;
	padding: 5px;
}

#details_comment {
	width: 700px;
	min-height: 100px;
	padding: 5px;
}

#send_comment a {
	color: #78B4AA;
	padding: 3px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

	#send_comment a:hover {
		color: Red;
	}

#form_comment {
	padding: 5px;
	display: none;
	background: #F2F2F2;
	width: 700px;
}

#comment_content {
	padding: 5px 0 5px 0;
}

#comment_content_detail {
	background: #F2F2F2;
	border: 1px dotted #F2F2F2;
	width: 700px;
}

#comment_table td.right {
	text-align: right;
	padding: 0 3px 0 0;
}



#thanhtoan {
	width: 100%;
	margin: 5px;
}

#tongsp {
	width: 250px;
	min-height: 30px;
}

.tongtien1 {
	width: 250px;
	min-height: 30px;
}


.title1 {
	width: 100%;
	background: #2D1B19;
	min-height: 30px;
	font-size: 18px;
	color: white;
}

	.title1 p {
		padding: 5px 10px 0 5px;
	}

.textbox_thanhtoan {
	width: 300px;
	height: 30px;
}

.label_thanhtoan {
	width: 150px;
	height: 30px;
	font-size: 14px;
	color: #44280E;
	font-weight: bold;
}

.cbo_size {
	margin: 5px;
	padding: 5px;
}

.label_size {
	margin: 9px;
	color: #44280E;
	font-weight: bold;
}

/* main menu styles */

#nav {
	text-align: left;
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	/*background: #486db3;*/
	background: #0092cb;
	float: left;
}

	#nav li {
		margin: 0px;
		float: left;
		position: relative;
		list-style: none;
		align-items: center;
	}

	#nav li1 {
		margin: 5px 0 0px 0;
		float: left;
		position: relative;
		list-style: none;
		align-items: center;
	}

	#nav a {
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		text-align: left;
		display: block;
		padding: 8px 20px;
		border-radius: 5px; /*some css3*/

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		/*text-shadow:0 2px 2px rgba(0,0,0, .7);*/
		/*float:left ;*/
	}



	/* selected menu element */

	#nav .current a, #nav li:hover > a {
		background: #fff; /*url(../images/bg.png) repeat-x 0 -20px;*/

		color: #fff;
		/*border-top:1px solid #f8f8f8;*/
		/*box-shadow:0 2px 2px rgba(0,0,0, 0.7);*/ /*some css3*/
		/*-moz-box-shadow:0 2px 2px rgba(0,0,0, .7);

    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);*/
		/*text-shadow:0 2px 2px rgba(255,255,255, 0.7);*/
	}



	/* sublevels */

	#nav ul li:hover a, #nav li:hover li a {
		background: none;
		border: none;
		color: #000;
	}

	#nav ul li a:hover {
		background: #999999 url(../images/bg.png) repeat-x 0 -100px;
		color: #000;
		border-radius: 10px; /*some css3*/

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		/*text-shadow:0 2px 2px rgba(0,0,0, 0.7);*/
	}

	#nav ul li:first-child > a {
		-moz-border-radius-topleft: 10px; /*some css3*/

		-moz-border-radius-topright: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
	}

	#nav ul li:last-child > a {
		-moz-border-radius-bottomleft: 10px; /*some css3*/

		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}



	/* drop down */

	#nav li:hover > ul {
		opacity: 1;
		z-index: 999;
		visibility: visible;
	}

	#nav ul {
		opacity: 0;
		/*left:100%;*/
		visibility: hidden;
		display: block;
		padding: 0;
		width: 250px;
		float: left;
		position: absolute;
		/*background:#f6aa2d url(../images/bg.png) repeat-x 0 0;*/
		/*background:  rgba(255, 165, 0, 0.8);*/
		background: #F2F2F2;
		border: 1px solid #7788aa;
		border-radius: 10px; /*some css3*/

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		/*box-shadow:0 2px 2px rgba(0,0,0, .5);*/
		/*-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);*/



		-moz-transition: opacity .25s linear, visibility .1s linear .1s;
		-webkit-transition: opacity .25s linear, visibility .1s linear .1s;
		-o-transition: opacity .25s linear, visibility .1s linear .1s;
		transition: opacity .25s linear, visibility .1s linear .1s;
	}

		#nav ul li {
			/*float:none;*/
			float: left;
			margin: 0;
			/*border-bottom:1px solid #fff ;*/ /*tao duong vien cho sub menu*/
		}

		#nav ul a {
			font-weight: normal;
			display: block;
			/*text-shadow:0 2px 2px rgba(255,255,255, 0.7);*/
		}

		#nav ul ul {
			left: 160px;
			top: 0px;
		}


@keyframes loading {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 80px 0;
	}
}

.btn {
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 180px;
	height: 50px;
	font: bold 26px/60px Verdana, monospace, sans-serif;
	color: #fff;
	background-color: #3EA0FF;
	border: none;
	margin: 0 15px 15px 0;
	transition: text-shadow 0.3s ease;
	text-transform: uppercase;
	-webkit-box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	box-shadow: 0 1px 2px #999999;
}

	.btn:hover,
	.btn.loading {
		text-shadow: 0 1px 0 #333;
	}

	.btn.loading {
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, transparent), color-stop(50%, transparent), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, transparent), color-stop(100%, transparent));
		background-image: -webkit-linear-gradient(left top, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(left top, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: -o-linear-gradient(left top, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-image: linear-gradient(left top, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
		background-size: 80px 80px;
		animation: loading 1.5s linear infinite;
	}

	.btn:nth-child(2) {
		background-color: #FFBF41;
	}

	.btn:nth-child(3) {
		background-color: #EE8943;
	}

	.btn:nth-child(4) {
		background-color: #C02221;
	}

	.btn:nth-child(5) {
		background-color: #824167;
	}

	.btn:nth-child(6) {
		background-color: #249CA9;
	}


/*Ad noi dung*/
#noidung {
	width: 1280px;
	margin: auto auto;
	height: auto;
	border: 0;
}

#noidung1 {
	width: 1000px;
	height: auto;
	float: left;
	border: 0;
}

#noidung2 {
	width: 200px;
	height: auto;
	float: left;
	border: 0;
}
/*Tabbar*/
.pb_label_home {
	width: 100%;
	margin: auto auto;
	height: 20px;
	border: 0;
}

.tabbar {
	width: 200px;
	height: 20px;
	float: left;
	border: 0;
	background: url(../Skins/tieude.jpg) repeat-x;
	padding: 5px 0 0 5px;
}

.tabbar2 {
	width: 500px;
	height: 2px;
	float: left;
	border: 0;
	background: url(../Skins/line.gif) repeat-x;
	color: #F33473;
	padding-top: 10px;
}

/*Modal Popup*/
.ModalPopupBG {
	background-color: #666699;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.popup_Container {
	background-color: #fff;
	border: 2px solid #000000;
	padding: 0px 0px 0px 0px;
}

.popupConfirmation {
	width: 500px;
	height: 500px;
}

.popup_Titlebar {
	background: url(../Images/titlebar_bg.jpg);
	height: 29px;
}

.popup_Body {
	padding: 15px 15px 15px 15px;
	font-family: Arial;
	/*font-weight:bold;*/
	font-size: 12px;
	color: #000000;
	line-height: 15pt;
	clear: both;
	padding: 20px;
}

.TitlebarLeft {
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

.TitlebarRight {
	background: url(../Images/cross_icon_normal.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 15px;
	width: 16px;
	float: right;
	cursor: pointer;
	margin-right: 5px;
	margin-top: 5px;
}

.popup_Buttons {
	margin: 10px;
}
/*-------------------------------------------------
BOX SECTION 
-------------------------------------------------*/
#container {
	font-size: 1em;
	border-top: 1px solid #eeeeee;
	width: 769px;
	padding: 0px 0;
	margin: auto;
	position: relative;
	clear: both
}

/*-------------------------------------------------*/
.box1 {
	border: 1px solid #e0e5e3;
	background: url(../images/box1_bot.gif) bottom repeat-x #f9fffd;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	behavior: url(../js/PIE.htc);
	position: relative;
	padding: 5px 25px;
}

.min_height {
	min-height: 508px;
}

.left {
	float: left;
}

.right {
	float: left;
}

.centrer {
	text-align: center;
}

.marg_right1 {
	margin-right: 10px;
}

.marg_right2 {
	margin-right: 25px;
}

/* Dành cho điện thoại */
@media all and (max-width: 480px) {
	.main:before, .main::after {
		content: "";
		display: table;
		clear: both;
	}

	.main {
		max-width: 100%;
	}

	.content {
	}
}

/* Dành cho máy tính bảng */
@media all and (max-width: 1024px) {
}
/*Tạo buttom nhảy lên, xuống hoặc vào giữa trang*/
#top-buttom_image {
	position: fixed;
	_position: absolute;
	bottom: 5px;
	right: 5px;
	clip: inherit;
	_top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);
	_left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}