@charset "utf-8";
/* CSS Document */
body{margin:0; font-family:Arial; font-size:12px; background-image:url('/includes/images/main_bg2.gif');background-repeat:repeat-x;background-color:#f0f0f0;}
#width{width:970px; text-align:left; background-color:#FFF}
table td{font-size:12px;}
.logo{ float:left; width:225px}
.phone{ float:left; width:475px; text-align:center}
.giohang{ float:left; width:200px; padding-top:20px; padding-left:25px;}
.giohang div{ float:left; width:80px; padding-top:10px; font-family:Tahoma; font-size:11px; color:#a1a1a1}
.giohang div b{ color:#F00}
.giohang div a{ text-transform:uppercase; color:#024ea2; font-family:Tahoma; font-size:11px; font-weight:bold;}
.giohang span{ float:left; width:50px}
.both{ clear:both}
.space{height:6px; font-size:2px; clear:both;}
.spacer{height:6px; font-size:2px; clear:both;}
img{border:0;}
h1,h2,h3,form {margin:0; padding:0;}

#page_border { border:1px solid #CCC; height:100%; border-top:0; border-bottom:0;}

.bggMenu{ background:url(/includes/images/bggMenu.jpg) repeat-x; height:28px; border-top:1px solid #999;}
.bggMenu div{ padding-top:6px}
.bggMenu a{ font-family:Tahoma; font-size:10px; color:#FFF; text-decoration:none; font-weight:bold; text-transform:uppercase; padding: 5px 5px 7px 5px; }
.bggMenu a:hover{color:#FC0}

.upBggMenu{ background:url(/includes/images/upBggMenu.jpg) repeat-x; height:33px;}
.upBggMenu b{ font-family:Tahoma; font-size:11px; padding-left:5px}
.upBggMenu a{ font-family:Tahoma; font-size:11px; color:#767676; padding-left:10px; padding-right:10px; text-decoration:none}
.upBggMenu a:hover{text-decoration:underline}

.bggFind{ background:url(/includes/images/bggFind.jpg) repeat-x; height:32px;color:#ea292a;font-family:Tahoma; font-size:11px; font-weight:bold; border-bottom:1px solid #CCC;}
.bggFind b{ text-transform:uppercase; color:#404040; font-family:Tahoma; font-size:10px; padding-left:15px}
.bggFind img{ padding-left:130px}
.bggFind a{ color:#ea292a; font-family:Tahoma; font-size:11px; font-weight:bold}

.columnSpace{ float:left; width:5px; font-size:1px; font-family:Tahoma}
.columnLeft{ float:left; width:182px}
.columnCenter{ float:left; width:775px}
.boxDanhmuc { border:1px solid #cfcfcf; background-color:#f7f7f7; padding-left:16px; padding-top:12px}
.boxDanhmuc .cat_title a{ font-family:Tahoma; font-size:11px; color:#555555; text-transform:uppercase; text-decoration:none; font-weight:bold}
.boxDanhmuc .cat_list a{ font-family:Tahoma; font-size:11px; color:#555555; text-decoration:none; line-height:20px }

.box { border:1px solid #cfcfcf; padding-left:16px; padding-top:12px}
.box div{ font-family:Tahoma; font-size:11px; color:#565656; padding-top:10px}
.box dt{ font-family:Tahoma; font-size:20px; color:#fd0000}

.box div a{ font-family:Arial; font-size:12px; color:#565656; text-decoration:none;}
.box div a:hover{text-decoration:underline}

.bannerHome {float:left; width:567px}
.Newsletter {float:left; width:200px}
.Newsletter #newsletter_box{background:url(/includes/images/bggNewsLetter.jpg) repeat-x; height:100px; border:1px solid #dadada; margin:0; padding:0;}
.Newsletter #newsletter_box div{ padding-left:10px}
.Newsletter #newsletter_box span{ padding-left:10px; font-family:Tahoma; font-size:11px; color:#1e1e1e; display:block;}

.bggPro{ background:url(/includes/images/bggPro.jpg) repeat-x; padding:5px 10px 6px 10px; text-transform:uppercase; color:#FFF; font-weight:bold; font-size:11px;}
.bggPro img{padding-top:5px; padding-left:5px}

.boxPro{border:1px solid #e3e3e3; width:190px; height:178px; float:left; text-align:center}
.boxProImg { height:120px;}
.boxProName{ height:30px; overflow:hidden;}
.boxPro a{ text-decoration:none; font-family:Tahoma; font-size:12px; color:#000;}
.boxPro a:hover{text-decoration:none}
.boxProSpace{float:left; width:2px; font-size:1px;}

.boxPro span{float:left;}
.boxPro .boxPrice { width:115px; float:left; font-family:Tahoma; font-size:11px; font-weight:bold; color:#fe6601; padding-top:10px;text-align:center; display:block;}
.boxPro .boxBuyBt { padding-top:6px; display:block;}

.bggFooter{background:url(/includes/images/bggFooter.jpg) repeat-x; height:36px; text-align:right}
.bggFooter dt{padding-top:7px}
.bggFooter a{ font-family:Tahoma; font-size:12px; color:#1c1c1c; text-decoration:none}
.bggFooter img{ padding-right:15px; padding-left:15px;}

.upbggFooter{ background-color:#f7f7f7; height:115px}
.upbggFooter dt{float:left; width:230px; line-height:20px}
.upbggFooter dt div{padding-left:60px; padding-top:15px}
.upbggFooter dt a{ font-family:Tahoma; font-size:12px; text-decoration:none; color:#868686}
.upbggFooter dt a:hover{text-decoration:underline}
.upbggFooter dl{ clear:both}
.upbggFooter span{ float:left; width:5px; background:url(/includes/images/gach_f.jpg) repeat-x; height:92px}

.bottomFooter{ font-family:Tahoma; font-size:11px;text-align:center; line-height:18px}

.tablebox { border:1px solid #cfcfcf; padding-top:12px;}
.tablebox .pro_list_thum{ float:left; width:135px; text-align:center;}
.tablebox .pro_list_content{ float:left; width:490px; color:#666}
.tablebox .pro_list_content a{font-weight:bold; text-decoration:none; color:#376098}
.tablebox span{ float:left; width:110px; text-align:center; font-weight:bold; color:#f90101; padding-top:25px}
.tablebox dl{ clear:both}

.boxPage{ border:1px solid #cfcfcf; background-color:#e9e9e9;font-family:Tahoma; font-size:12px; color:#545454}
.boxPage dt{ padding-left:6px; padding-top:6px}
.boxPage div{ float:left; width:360px; font-weight:bold; font-family:Tahoma; font-size:12px; color:#fe5c1b; padding-left:5px}
.boxPage div a{ font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; color:#1f5581}
.boxPage span{ float:left; width:400px; text-align:right;}
.boxPage dl{ clear:both}

.Page{ border:1px solid #cfcfcf; background-color:#e9e9e9;font-family:Tahoma; font-size:12px; color:#fe5c1b; text-align:right; padding-right:10px; font-weight:bold}
.Page a{ font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; color:#1f5581}

.boxTimkiem { border:1px solid #cfcfcf; background-color:#fbfbfb; padding-left:8px; padding-top:8px; color:#484848}
.boxTimkiem div a{ display:block; background:url(/includes/images/arrow.jpg) no-repeat left 5px; padding-left:8px; margin-bottom:2px; text-decoration:none; color:#06C;}
.boxTimkiem div a:hover {text-decoration:underline;}

.inputNewsLetter{width:175px; border:1px solid #b3a69e}
.inputTimkiem{width:304px;  border:1px solid #9c9c9c}
.inputGia{border:1px solid #9ab6cc; width:60px}
.inputXem{border:1px solid #7e9db9; color:#3f3f3f; width:30px; font-weight:bold}
.selectTimkiem{width:160px; border:1px solid #9c9c9c}
.selectHangsx{border:1px solid #9ab6cc; width:150px}
.selectSapxep{border:1px solid #7e9db9; color:#333; width:116px}

/*footer*/
#footer {background:url(/includes/images/footer_bg.gif) no-repeat center; height:176px; width:100%;}
#footer table {width:100%;}
#footer table td {width:25%; vertical-align:top; padding-top:15px;}
#footer table td .footer_title_header {padding-left:30px; font-weight:bold; font-size:11px;}
#footer table td .footer_title_list {padding-left:25px; padding-top:20px;}
#footer table td .footer_title_list ul {margin:0; padding:0; list-style:none;}
#footer table td .footer_title_list ul li {padding:1px;}
#footer table td .footer_title_list ul a {font-size:11px; color:#666; text-decoration:none;}
#footer table td .footer_title_list ul a:hover {text-decoration:underline;}

#footer_1{ text-align:center; background-color:#023785; padding:5px; font-weight:bold; color:#FFF; font-size:11px; margin-bottom:10px;}
#footer_1 a {color:#FFF; padding-left:20px; padding-right:20px; text-decoration:none;}
#footer_2{ text-align:center; line-height:18px;}

/*Carts*/
#shoping_cart_box {background:url(/includes/images/cart_bg.gif) repeat-x; border-bottom:1px solid #9bb7e9;}
#shoping_cart_box a {color:red; font-size:11px;}

.payOrderTitle{font-size:16px; padding-bottom:6px; font-weight:bold; color:Red;}
.payOptionTable{border-collapse:collapse;}

/*Account*/
#account_menu ul {list-style:none; margin:0; padding:0;}
#account_menu li {padding:3px; background-color:#069; margin-bottom:1px}
#account_menu li a{font-weight:bold; color:#FFF; text-decoration:none;}

/*paging*/
.pagingSpace{width:4px;}
.pagingFarSide{	width:15px;}
.pagingIntact A{display:block; padding: 1px 4px 0px 4px; text-decoration:none; font-size:11px;}
.pagingIntact A:hover{color:#FFF; background-color: #0066FF;padding-left:4px; padding-right: 4px; font-size:11px;}
.pagingViewed {font-size:14px; color:#0099FF; font-weight:bold; color: #000; padding-left:2px; padding-right: 2px; padding-bottom:2px; padding-top:1px; }
.highlight{	background-color:#FFFF66;}

#dropmenudiv{position:absolute;border:1px solid #727272;border-top-width: 0;font:normal 10px Verdana;line-height:18px;z-index:100;margin-top:1px;}
#dropmenudiv a{width: 100%;display: block;text-indent: 3px;padding: 3px 0;text-decoration: none;font-weight: bold; border-bottom:1px solid #727272;color:#333}
#dropmenudiv a:hover{text-decoration: underline}

/*product*/
.categoryPath { padding:3px; background:url(/includes/images/cath_shade.jpg) repeat-x;}
.categoryPath a { text-decoration:none; font-size:11px; color:#666}

#pro_name_head {padding-bottom:2px; margin-bottom:5px; border-bottom:1px solid #EEE;}
#pro_name_head h1 {font-size:22px; font-weight:normal;}

.pro_detail_sum {margin-bottom:4px; color:#666}
.pro_detail_price {font-size:18px; margin-bottom:5px;}
.pro_detail_price b{color:#F00;}
.pro_detail_stock {margin-bottom:5px; }
.pro_detail_stock b { color:#096}
.pro_detail_offer { color:#F00}
.pro_detail_offer b {text-decoration:underline;}

#productImageBox { vertical-align:middle; height:250px;}
#proImageThum { width:200px; margin-top:5px;}
#proImageThum ul {list-style:none; margin:0; padding:0;}
#proImageThum ul li {float:left; margin-right:4px; padding:0; width:44px; height:44px; overflow:hidden; border:1px solid #CCC; vertical-align:middle;}
#proImageThum ul li img {width:40px; }
.product_thum_select { background-color:#EEE}

#pro_tab_bar {background:url(/includes/images/pro_tab_bar.gif) no-repeat left;}
#pro_tab_bar_r {background:url(/includes/images/pro_tab_bar_r.gif) no-repeat right; padding:10px 4px 2px 10px; font-size:11px;}

#pro_tab_bar a {text-decoration:none; color:#333;}
#pro_tab_bar ul {list-style:none; margin:0; padding:0;}
#pro_tab_bar ul li {float:left;}
#pro_tab_bar ul .pro_tab_select {background:url(/includes/images/pro_tab_select.gif) no-repeat left; width:121px; margin-right:1px; padding-top:3px; text-align:center; font-weight:bold; padding-bottom:2px;}
#pro_tab_bar ul .pro_tab_unselect {background:url(/includes/images/pro_tab_unselect.gif) no-repeat left; width:124px; margin-right:1px; text-align:center; padding-top:3px; padding-bottom:1px;}

#pro_content_box {padding:10px; border:1px solid #CCC; border-top:0; min-height:400px; overflow:auto;}

.access_header { padding:3px 4px 3px 10px; background-color:#E2EEFC; text-transform:uppercase; font-weight:bold; font-size:11px;}
.access_block { width:300px; float:left; margin-right:10px;}
.access_block div { float:left;}
.access_block .access_thum { width:100px; height:125px; overflow:hidden;}
.access_block .access_thum img {width:90px;}
.access_block .access_content { width:200px; height:100px;}
.access_block .access_content a {display:block; padding-top:5px; padding-bottom:5px; font-weight:bold; color:#069}

#login_header { padding:10px 5px 10px 5px; background-color:#069; font-size:26px; color:#FFF;}
#register_header { padding:10px 5px 10px 5px; background-color:#069; font-size:18px; color:#FFF;}

/*News*/
#news_left_column { width:182px; vertical-align:top;}
.news_cat { padding:4px 4px 5px 15px; background-color:#f7f7f7; font-weight:bold; margin-bottom:1px; background:url(/includes/images/arrow.jpg) no-repeat 8px 8px; border-bottom:1px solid #CCC; border-right: 1px solid #CCC}
.news_cat a {text-decoration:none; color:#333}
#news_content_column { vertical-align:top; padding-right:15px;}
#news_title { font-size:22px; color:#06C; padding-bottom:6px;}

#about_container { padding:10px;}
#about_box { border:1px solid #CCC; padding:10px;}
#intro_title { font-size:18px; color:#069}
