@charset "UTF-8";
body {
	margin: 0;
	background:#ebe7dc;
	font-size: 14px;
	font-family: arial;
}
a:link, a:visited {
	color: #000;
}
img {
	border: 0;
}
.page {
	margin: 0 auto;
	clear: both;
}
.page2 {
	width:972px;
	margin: 0 auto;
	clear: both;
	*margin-left:10px;
}
.body { width:998px; background:#ebe7dc url(../images/bg_cart.gif); margin: 0 auto;}
.page_nav_w { background:#fff; height:35px; overflow:hidden; margin-bottom:10px; font-size:16px; padding-top:5px; *padding-top:0;}
.page_nav_w a:link, .page_nav_w a:visited {color:#ef0080; text-decoration:none;}
.page_nav_w a:hover { text-decoration:underline}
.page_nav_w .first { width:120px; padding-left:30px;} 
.page_nav_w .phone { font-weight:bold;color:#ef0080; background:url(../images/dot6.gif) left no-repeat; padding-left:15px;}
.phone_num { color:red; font-size:22px; font-weight:bold}
.header {background:url(../images/header_bg.jpg) top left no-repeat; overflow:hidden; height:172px;}
.logo {
	margin-left: 10px;
	float: left;
}
.menu {
	display:block; float:right; margin-right:25px; /*width:778px*/ width:920px
}
.ul_menu {
	color:#fff;
	width:100%;
	line-height:30px;
}
.ul_menu td { text-align:center}
.ul_menu a:link, .ul_menu a:visited {
	display: block;
	padding: 0 10px;
	padding-top:2px;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	color:#fff;
}
.ul_menu a:hover {
	color: #000;
}
.leftcol {
	width: 190px;
	float: left;
	margin-right: 10px; *margin-right:6px;
}
.rightcol {
	width:550px; *width:560px;
	float:left;
	background:#fff; padding:0 10px; *padding:0 8px;
}
.rightcol2 {
	overflow: hidden;
	width:190px;
	float:right;
}
.block1 {
	background: #fffaf4 url(../images/block1.gif) left repeat-y;
	border-bottom: #000 1px solid;
	margin-bottom: 15px;
}
.block1_1 { background:none; border:none}
.block1_1 .content { padding: 0 10px}
.block2 {
	background: url(../images/block2.gif) top left no-repeat;
	overflow: hidden;
}
.rightcol2 .block2 { background-image:url(../images/block2_5.gif)}
.block2_1 {background: url(../images/block2_1.gif) top left no-repeat; overflow: hidden;}
.block2_2 {background: url(../images/block2_2.gif) top left no-repeat; overflow: hidden;}
.block2_4 {background: url(../images/block2_4.gif) top left no-repeat; overflow: hidden;}
.block2_6 {background: url(../images/block2_6.gif) top left no-repeat;overflow: hidden;}
.block2_7 {background: url(../images/block2_7.gif) top left no-repeat;overflow: hidden;}
.block2_8 {background: url(../images/block2_8.gif) top left no-repeat;overflow: hidden;}
.block2_9 {background: url(../images/block2_9.gif) top left no-repeat;overflow: hidden;}
.block1 h4.title {
	margin: 10px 10px 10px 10px;
	padding: 0;
	color: #fff;
	*line-height:38px;
	*margin-bottom:0px;
	font-size: 13px;
	text-transform:uppercase;
}
.block2 .ul1 {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}
.block2 .ul1 li {
	background: url(../images/dot1.gif) 10px left no-repeat;
	padding: 4px 10px;
	border-bottom:#000 1px dashed;
}
.block2 .ul1 a:link, .block2 .ul1 a:visited {
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}
.block2 .ul1 a:hover {
	text-decoration: underline;
}
.block2 .ul1 ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
.block2 .ul1 ul li {
	background: url(../images/dot2.gif) 10px left no-repeat;
}
.block2 .ul1 ul a:link, .block2 .ul1 ul a:visited {
	font-weight: normal;
}
.banners { margin-top:10px;}
.banners p {margin:5px 0; padding:0}
.ul2 {
	margin: 0 10px;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
.ul2 li {
	background: url(../images/dot3.gif) 0px 8px no-repeat;
	padding: 8px 5px 8px 17px;
	border-bottom:#000 1px dashed;
}
.ul3 li { background-image:url(../images/dot5.gif)}
.ul4 li { background-image:url(../images/dot6.gif)}
.ul2 a:link, .ul2 a:visited {
	font-weight: bold;
	text-decoration: none;
}
.ul2 a:hover {
	text-decoration: underline;
}
.icon_home {
	background: url(../images/icon_home.gif) right no-repeat;
	height: 40px;
	margin-right: 0;
}
.icon_tructuyen {
	background: url(../images/icon_tructuyen.gif) right no-repeat;
	height: 50px;
	margin-right: 0;
}
.block2 .content {
	margin: 10px;
}
.footer_sub {
}
.menu_foot { display:block; text-align:center; font-weight:bold; margin-bottom:10px;}
.menu_foot a:link, .menu_foot a:visited { color:#ffffff; text-decoration:none}
.menu_foot a:hover { text-decoration:underline}
.footer {
	background: url(../images/bg_footer.gif) left repeat-y;
	overflow:hidden;
	padding:10px 30px 10px 30px;
	color:#fff;
	width:912px;
	*width:978px;
	margin: 0 auto;
	clear: both;
*margin-left:10px;
}
.footer span { margin:0 20px;}
.footer img { margin-top:15px}
.thongtin_canbiet {
	background: url(../images/bg_thongtin_canbiet.jpg) top left no-repeat;
	float: right;
	width: 179px;
	height: 281px;
}
.thongtin_canbiet ul {
	margin: 70px 4px 0 4px;
	padding: 0;
	list-style: none;
}
.thongtin_canbiet ul li {
	border-bottom: #fff 1px dashed;
	background: url(../images/dot4.gif) 10px 50% no-repeat;
	padding: 5px 0 5px 20px;
}
.thongtin_canbiet ul a:link, .thongtin_canbiet ul a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.thongtin_canbiet ul a:hover {
	text-decoration: underline;
}
.title_cat {
	background: url(../images/title_cat.gif) top left no-repeat;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	font-size: 18px;
	color: #fff;
	clear: both;
}
.title_cat a { color:#fff}
.galleryview { margin:0; padding:0;}
.block_list {
	display: block;
	border: #a6a8aa 1px solid;
	background: url(../images/block_list.gif) bottom repeat-x;
	width: 172px;
	height: 202px;
	*width:175px; *height:207px;
	float: left;
	margin: 0 4px 15px 4px;
}
.block_list .content {
	margin: 10px;
	color: #969696;
}
.block_list .content img {
	display: block;
}
.block_list .content a.title:link,.block_list .content a.title:visited {
	font-weight: bold;
	display: block;
	color: #0061a2;
	margin-top: 0px;
	height: 15px;
	text-decoration: none;
}
.block_list .content a.title:hover {
	text-decoration: underline;
}
.block_list .price {
	font-size: 12px;
	float:left;
	background:url(../images/bg_price.gif) repeat-x;
	padding:5px 8px;
	color:#000;
}
.block_list .detail {
	font-size: 12px;
	float:right;
	background:url(../images/bg_detail.gif) repeat-x;
	padding:5px 8px;
}
.block_list .price span {
	font-weight: bold;
	font-size: 16px;
}
.copyright {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	float:right;
	width:600px;
}
.banner { margin-top:10px;}
.banner p { margin:0; padding:0;}
.search_form {
	background: url(../images/search_form.jpg) top right no-repeat;
	width: 252px;
	height: 28px;
	*margin-top:5px;
}
.search_form input {
	background: none;
	width: 186px;
	height: 18px;
	margin-left: 7px;
	border: none;
	margin-top: 5px;
}
.search_form input.button {
	width: 20px;
	text-indent: -99999px;
	*font-size:0px;
	*line-height:0px;
}
.top_banner {
	height: 128px;
	float: right;
	overflow:hidden;
	width:670px;
	text-align:center;
}
.top_banner p {
	margin: 0;
	padding: 0;
}
.giohang {
	background: url(../images/gio_hang.gif) top left no-repeat;
	width: 190px;
	height: 60px;
	margin-bottom: 10px; overflow:hidden;
}
.giohang p {
	color: #fff;
	padding: 0;
	margin: 5px 10px;
	font-weight: bold;
}
.giohang p span.padding {
	font-weight: normal;
	font-size: 11px;
	margin-right: 10px;
}
.giohang a:link, .giohang a:visited {
	color: #fff;
	font-size: 10px;
}
table.form {
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	border: #ccc 1px solid;
}
.tr1 {
	
}
.tr2 {
	background: #eee;
}
table.form td {
	padding: 4px 20px;
	vertical-align: top;
}
table.form td.first {
	width: 100%;
}
table.form input {
	background: #fff;
	border: #fc008e 1px dashed;
	height: 27px;
	line-height: 27px;
	width: 320px;
	font-size: 1.1em;
}
table.form textarea {
	width: 320px;
	height: 100px;
	border: #fc008e 1px dashed;
}
table.form input.button {
	background: #fc008e;
	width: 120px;
	border: none;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
}
table.form input.radio {
	width: 15px;
	height: 15px;
}
table.form .option {
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 0;
}
.tb_color {
	margin-top: 10px;
}
.tb_color td {
	text-align: center;
}
.tb_color img {
	border: #fff 2px solid;
	cursor: pointer;
}
.tb_color img.current {
	border-color: #ccc;
}
.ao_trang {
	background: #fff;
}
.ao_trang_bo_den {
	background:#fff url(../images/ao_trang_bo_den.gif) top repeat-x;
}
.ao_trang_bo_cam {
	background:#fff url(../images/ao_trang_bo_cam.gif) top repeat-x;
}
.ao_vang {
	background: #f7ee24;
}
.ao_xanh_la {
	background: #bcd746;
}
.ao_thien_thanh {
	background: #93d5f1;
}
.ao_hong {
	background: #ecd6d5;
}
.ao_den {
	background: #000;
}
.image_product {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 300px;
	overflow: hidden;
	list-style: none;
	border: #ccc 1px solid;
}
.image_product li {
	height: 300px;
}
.image_product_h {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	overflow: hidden;
	list-style: none;
}
.image_product_h li {
	height: 150px;
}
.form-submit { border: 0px solid rgb(204, 204, 204); color: rgb(73, 73, 73); margin-top: 0pt; font-size: 10px; font-weight: bold; padding: 2px; background-image: url('../images/search.gif'); width: 55px; height: 18px; }
#edit-update { background-color: grey; color: white; padding: 3px; border: medium none; width: 120px; cursor: pointer; }
#edit-checkout { background-color: red; color: white; padding: 3px; border: medium none; width: 120px; cursor: pointer; }
.subtotal { color: rgb(153, 0, 0); text-transform: uppercase; }
#cart-form-products input { border: 1px solid rgb(153, 153, 153); }
#cart-form-products a { color: rgb(77, 93, 138); }
#cart-form-products { border: medium none; }
tr.even, tr.odd { background: none repeat scroll 0pt 0pt transparent; }
tr.even, tr.odd { background-color: rgb(238, 238, 238); border-bottom: medium none; padding: 0.1em 0.6em; }
fieldset { margin-bottom: 1em; padding: 0.5em; }
fieldset { border: 3px solid rgb(238, 238, 238); }
fieldset legend a { color: rgb(51, 119, 170); font-weight: bold; }
fieldset legend a:link { color: rgb(51, 119, 170); padding: 6px; font-size: 13px; }
fieldset legend { color: rgb(51, 119, 170); font-weight: bold; }
.pink_button {
	background: red;
	padding: 2px 4px;
	color: #fff;
	font-size: 20px;
}
.pink_button a:link, .pink_button a:visited {
	background: #fff;
	color: #000;
	padding: 3px 5px;
	text-decoration: none;
}
.clear { clear:both}
#slider { position:relative}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:583px;
		height:283px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:36px;
		height:36px;
		position:absolute;
		left:20px;
		top:240px;
		z-index:1000;
		text-indent:-9999px;
		}	
	#nextBtn, #slider1next{ 
		left:530px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:36px;
		height:36px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
.big_font {
	font-size: 22px;
	font-weight: bold;
}
.red {
	color: #fb0014;
	font-size: 18px;
}
a.submit_order:link, a.submit_order:visited {
	color: #fff900;
	background: #473c66;
	padding: 5px 10px;
	border: #ccc 2px dashed;
	text-decoration: none;
	font-size: 18px;
	display: block;
}
.short_des {
	color: #473c66;
	font-size: 16px;
	margin-top: 20px;
}
.short_des a:link, .short_des a:visited {
	color: #fb0014;
	display: block;
}
fieldset {
	border: #ccc 2px dashed;
	margin-top: 20px;
}
.comment h4 { margin:5px 0; padding:0; color:#473c66; font-weight:16px}
.comment table { border:#000 2px dashed; background:#473c66; color:#fff}
.comment table td { padding:10px}
.comment table input { height:25px; width:230px}
.comment table textarea { height:150px; width:300px; padding:10px}
.comment .button {background:#473c66; color:yellow; border:#000 2px dashed; padding:5px 20px; font-size:16px; margin-top:10px}
.tb_book { background:#7d76ac; border:#676191 3px dashed; color:#fff; font-weight:bold; font-size:12px; width:100%; margin-top:20px; margin-bottom:20px}
.tb_book a:link, .tb_book a:visited { text-decoration:none}
.tb_book a:hover { text-decoration:underline}
.tb_book td { border-bottom:#fff 1px solid; padding:10px 0px 10px 5px}
.tb_book .input { width:330px; height:25px; border:none; font-size:15px; padding:2px 5px }
.tb_book .textarea {width:330px; height:120px; padding:5px}
.tb_book ul.mau_ao { margin:0; padding:0; list-style:none; font-size:13px; width:300px}
.tb_book ul.mau_ao li { display:block; float:left; width:150px; margin-bottom:5px}
.tb_book ul.vi_tri_in { margin:0; padding:0; list-style:none; font-size:13px;}
.tb_book ul.vi_tri_in li { display:block; float:left; width:210px; margin-bottom:5px}
.tb_book .yellow {color:#fdf300; display:block}
.tb_book .small { font-size:13px}
.tb_book h4 { margin:0; padding:0; font-size:16px}
.tb_book h3 { margin:0; padding:0; font-size:16px}
.input_money {height:30px; font-size:20px; width:370px; margin-top:5px}
.size_ao {color:#fff}
.size_ao td {border:none; padding:0;}
.size_ao ul { margin:10px 0 0 0; padding:0; list-style:none; font-size:13px}
.size_ao ul li { display:block; float:left; width:100px; line-height:20px; margin-right:10px; margin-top:5px}
.size_ao ul input {float:right; width:80px; height:20px; font-size:10px}
.tb_banggia { font-size:13px; background:#fff; color:#7b76ae}
.tb_banggia th {padding:5px 10px; text-align:center}
.tb_banggia td {padding:5px; text-align:center; font-size:15px; border-top:#7b76ae 1px solid}
.tb_book .button { font-size:16px; text-transform:uppercase; color:#fdf001; background:#504b73; border:#fff 2px dashed; padding:20px 20px}
div.fileinputs {
	position: relative;
	margin-bottom:10px;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.fileinputs input {	
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 2;
	border:none;
	background:none;
	font-size:15px;
	height:30px;
	width:320px;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	height:30px;
	width:428px;
}
.tr2 { background:#676191}
.ul2 li.nobor {border:none}
.ul1 li.nobor {border:none}
.div_size1, .div_size2 { width:250px; background:#f28cba; float:left; height:20px; padding:5px; border-bottom:#fff 2px solid}
.div_size2 { width:130px; background:#ec3392}