﻿/*Reset css*/
body{font-family:Arial, Helvetica, sans-serif;margin:0px auto;text-align:center;font-size:12px;color:#444;line-height:1.5;background:#3694e0}
#form1{width:1000px;padding:10px;margin:10px auto;background:#fff;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;}
*{padding:0px;margin:0px}
li{list-style:none}
a{text-decoration:none;color:#545454;border:none}
img{border:none}
hr{border-top:1px solid #e2e2e2;border-bottom:0px;width:100%;border-left:0px;border-right:0px}
p {padding:0px;margin:0px}

/*Detail*/
/*--Header--*/
#header{margin: 0 auto;position: relative;text-align: center;width:1000px;}

/*--frame--*/
#wapper{width:1000px;margin:0px auto;text-align:left;}
#col_1{width:200px;margin-right:10px;height:auto;float:left;margin-left:0px;overflow:hidden}
#col_2{width:578px;height:auto;float:left}
#col_3{width:200px;height:auto;float:RIGHT;overflow:hidden}
#container{width:1000px;display:inline-block;height:auto;overflow:hidden;clear:both}
.slideimg{padding:5px 0}
.slideimg .title,.slideimg .sp_ten,.slideimg .sp_mota{display:none}
.slideimg .simply-scroll{height:120px}
.slideimg .simply-scroll .simply-scroll-list li{height:120px;border:1px solid #ccc;width:120px;margin:0 3px}
.slideimg .simply-scroll .simply-scroll-clip{width:980px}

/*--menu_block--*/
#menu_block{width:1000px;height:44px;clear:both}
#navmenu-h .box{width:auto;margin:0;margin-right:10px;height:auto;text-align:left;float:right}
#navmenu-h .content{background:none;padding:0;border:0}
#navmenu-h .box a:hover{background:none}
#navmenu-h .box a{background:none;padding:8px 0px 6px 10px;}
#navmenu-h #search_2{width:100%;position:relative;height:77px}
#navmenu-h #search_2 .search_txt{width:150px;margin-top:9px;height:18px;float:left;color:#333}
#navmenu-h #search_2 .search_button{position:absolute;top:13px;right:-2px;width:20px;}
#navmenu-h #search_2 a{position:absolute;top:60px;left:10px;color:#777}

/*--Box--*/
#col_1 .box,#col_3 .box{width:100%;height:auto;clear:both;margin-bottom:7px;text-align:left;float:left}
#col_1 .box .title,#col_3 .box .title{height:36px;background:url(../images/s_box_title.png);position:relative;text-align:center}

#col_1 .box .title h3,#col_3 .box .title h3,#col_1 .box .title h1,#col_3 .box .title h1{color: #fff;text-transform:uppercase;font-size:12px;background:url(../images/title-center-bg.png) repeat-x;height:28px;margin-top:4px;display:inline-block;width:194px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;line-height:28px}
#col_2 .box{height:auto;margin-bottom:10px;float:left; background:#FFF;width:100%;border:1px dotted #3c68c3}
#col_2 .box .title{height:32px}
#col_2 .box .title h1,#col_2 .box .title h3{line-height:2.6;padding-left:20px;text-align: left;text-transform: uppercase;font-size:12px;margin:0 5px;border-bottom:1px solid #ddd}
#col_1 .box .title_left,#col_2 .title_left,#col_3 .title_left{display:none}
#col_1 .box .title_right,#col_2 .title_right,#col_3 .title_right{display:none;}
#col_1 .box .content,#col_3 .box .content{display:inline-block;overflow:hidden;background: #FFF;padding:5px;border:1px solid #eee;width:188px;border-top:0}

#col_1 .mnudoc .content, #col_3 .mnudoc .content{background:url("../images/s_box_cate_middle.png") repeat-y}
#col_2 .box .content{width:578px;padding:5px 0}
#col_2 .sl_intro .content{padding:0}

#col_2 .box .block_sp{width:176px;height:270px;margin:10px 8px;font-size:12px;float:left;display:inline;text-align:center}
#col_1 .box .block_sp,#col_3 .box .block_sp{text-align:center;border-bottom:1px dotted #ccc;padding:5px 0}
#col_2 .box .block_sp .sp_image{width:174px;height:157px;overflow:hidden;border:1px solid #ccc}
#col_2 .box .block_sp .sp_image a img{height:100%;border:0;width:auto}
#col_2 .box .block_sp .sp_image a{display:inline-block;height:157px;width:400px;text-align:center;margin-left:-114px}
#col_1 .box .block_sp .sp_image a img,#col_3 .box .block_sp .sp_image a img{width:100%;border:0;height:auto}
#col_1 .sp_sl .block_sp .sp_image a img,#col_3 .sp_sl .block_sp .sp_image a img{width:150px;padding:0 19px}
.slideimg .sp_sl .sp_image a img{width:auto;height:120px}
#col_2 .box .block_sp .sp_mota{width:100%;height:50px}
.box .block_sp .sp_gia{color:red;padding:3px 0}
#col_2 .dm_mt .padd{padding:5px}
#col_1 .sp_mota .sp_button,#col_3 .sp_button,#col_3 .sp_sl .sp_button,#col_1 .sp_sl .sp_button{display:none}
#col_1 .vert .simply-scroll-list li,#col_3 .vert .simply-scroll-list li{height:auto;width:188px}
a.addcart{line-height:1.5;margin-left:10px}
a.addcart span{margin-left:15px;display:block}
.sp_deteil {background:url(../images/add-cart-button.png);border: medium none;cursor: pointer;display: inline-block;line-height: 1.9;width: 72px;height:17px}
.sp_deteil span{line-height:1.4;color:white}
.addcart{display:none}
.button{background:url(../images/bgmnd.png);background-repeat:no-repeat;width:84px!important;height:27px;border:none;float:left;cursor:pointer;display:block}
.button2{background-attachment: scroll;background-clip: padding-box !important;float:right;
    background-color: #4CB8E6;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 1px solid #1A94C5;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    padding: 3px 15px;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);}
#col_1 .bs .block_sp,#col_3 .bs .block_sp{position:relative;text-align:left}
#col_1 .bs .block_sp:first-child,#col_3 .bs .block_sp:first-child{text-align:center}
.bs .sp_image{display:none}
.bs .block_sp:first-child .sp_image{display:inline-block;width:135px}
.bsno{background:url(../images/TopSellerNumberBg.png) no-repeat; float: left;font-weight: bold;height: 23px;line-height: 23px;   text-align: center;width: 24px;margin:5px 5px 0 0}
.block_sp:first-child .bsno{position:absolute;top:0;left:0;background:url(../images/TopSellerNumber1Bg.png) no-repeat;height:41px;width:41px;color:#fff;font-size:2em;font-family:Tahoma, Geneva, sans-serif;line-height: 41px}
.bs .sp_ten{font-weight:bold}

/*--sp_ct--*/
.sp_large1_block{float:left;width:280px;margin:5px 0;display:inline;text-align:center}
#col_2 .sp_large1_block img{width:255px;margin-top:10px;padding:5px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
#tabs img{padding:5px !important;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
.sliders-wrap-inner a:hover span{display:block;color:#fff}
.sp_thumb span{margin-top:60px;margin-left:-20px}
#sp_ct .sliders-wrap-inner a:hover img{opacity:0.6;filter:alpha(opacity=60);}
.sliders-wrap-inner a{display:inline-block;}
#fragment-binhluan iframe{margin-top:20px}
.sp_detail_block{float:left;width:263px;margin-left:10px}
.button1{ background: url("../images/buy.png") no-repeat scroll 0 0 transparent;border: medium none;color: #FFFFFF;cursor: pointer;float: left;font-size: 16px;font-weight: bold;height: 42px;line-height: 4;padding-right: 5px;text-align: right;width: 119px !important}
#ContentPlaceHolder6_ctl00_pnlthuoctinhtab{position:relative;clear:both}
.sp_all{border-bottom:1px dotted #ccc;padding:3px 0px;display:inline-block;width:100%}
.text-input,.search_txt,.txt,#ContentPlaceHolder6_ctl00_txtnoidung,.xtext-input{ background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;border: 1px solid #D5D5D5;color: #333333;font-size: 13px;padding: 6px;border-radius:4px}
.search_txt{width:185px;margin:5px 0}
input.search_txt,#dnth .xtext-input{width:170px}
.sp_content textarea{width:485px;height:50px;margin-top:5px}
.navigator-wrap-inner img{height:50px;width:auto}
.sp_thumb{display:none;background:url("../images/zoom.png");height:80px; width:80px;position:absolute;top:70px;left:120px;z-index:1;background-repeat:no-repeat}
ul#sp_detail {margin: 10px}
#sp_detail h4 {color: #636363;font-size: 16px;line-height: 20px}
ul#sp_detail li{border-bottom: 1px dotted #ccc;color: #333333;float: left;padding: 5px 0;width: 255px}
ul#sp_detail span {float: left}
ul#sp_detail li span.gt_sp {color: #CC0000;float: right !important;text-align: left !important;width: 130px}
ul#sp_detail li .sp_gim{font-size:14px;font-weight:bold}
#datmua {float: left;margin-left: 15px;position: relative;}
#datmua p {font-weight: bold;margin: 7px 0}
.divconnect{padding:10px 0;border-bottom:1px dotted #ccc}
.addthis_button_tweet{width:80px}
/*--block_new_2--*/
#col_1 #hotrotructuyen img,#col_3 #hotrotructuyen img{width:130px;height:auto}
.tieude{display:inline-block;color: #CC0000;font-weight:bold;font-style:italic}
#col_1 .thongtin,#col_3 .thongtin{margin:0;padding: 0;border-bottom-width: 0;background-color:#fff}
#col_1 .thongtin li,#col_3 .thongtin{padding:3px 0 3px 10px;border-bottom:1px dotted #ccc;background:url(../images/nuthoa.gif) 0 9px no-repeat}
#col_2 #wri_comment .sp_left,.lhe .co1{ width:150px;display:inline-block}
#col_2 #wri_comment .text-input,#divtttv .text-input,.lhe .text-input{width:300px}
#col_2 .box .block_new_2{width:100%;clear:both;border-bottom:1px solid #e2e2e2;position:relative;display:inline-block;padding:7px 0}
#col_2 .box .block_new_2 .a_new,#col_2 .box .block_new_2 .small_text{display:block;overflow:hidden;float:left;margin:10px;display:inline}
#col_2 .box .block_new_2 .a_new img{width:100px;height:80px;padding:2px;border:1px solid #ccc}
#col_2 .box .block_new_2 .mt_mota{margin:0px}
#col_2 .box .block_new_2 h3{display:inline-block}
#col_2 .box a.tt_xemthem{position:absolute;bottom:0px;right:10px;color:#009900;margin:0;font-style:italic}
#col_1 .box .block_new_2 .mt_mota,#col_3 .box .block_new_2 .mt_mota{display:none}
#col_1 .box .block_new_2 .a_new img,#col_3 .box .block_new_2 .a_new img{width:60px;height:auto;padding:2px;border:1px solid #ccc;margin:2px}
#col_1 .box .block_new_2 .a_new,#col_3 .box .block_new_2 .a_new,#col_2 .box .block_new_2 .small_text{margin:0px;float:left;display: inline-block;}
#col_1 .box .block_new_2 h3,#col_3 .box .block_new_2 h3{font-weight:normal;font-size:12px}
#col_1 .box .block_new_2,#col_3 .box .block_new_2{display:inline-block;padding:5px 0;border-bottom:1px dotted #ccc;width:100%}
#col_1 .tt_xemthem,#col_3 .tt_xemthem{display:none}

/*--Counter--*/
.icon1,.icon2,.icon3,.icon4,.icon5{float:left;height:16px;width:16px;margin-right:5px;background-repeat:no-repeat;background-position:center;}
.icon1{background:url(../images/user_orange.png);}
.icon2{background:url(../images/user_magnify.png);}
.icon3{background:url(../images/user_mature.png);}
.icon4{background:url(../images/user_red.png);}
.icon5{background:url(../images/statistics_16.png);}
.tk_sltc{text-align:center;width:155px; height:30px;padding:5px 5px;background:url(../images/counter_background.png);display:inline-block;margin:5px 5px 0 18px}
.tktc p{padding:5px 3px;clear:both;color:#6A3013}

/*--Custumer info--*/
.ttgh{margin-left:300px}
#ttkh .sp_left{width:150px}
.gh_ttl, .gh_ttr{width:118px;float:left}
#dnth .content_1{padding:5px}
.button_xn{padding:3px 0}
#ContentPlaceHolder6_ctl00_DataList1{width:100%}
.dmdathang b,.ctdh_{font-size:17px;text-transform:uppercase}
.ctdh_{font-weight:bold;margin-left:5px}

/*--Another--*/
.thongtin li a{position: relative;padding: 5px 0 4px 0px;text-align:left;text-decoration: none}
#ContentPlaceHolder6_ctl01_divcontent2 .thongtin li{display:inline-block;width:100%;border-bottom:1px dotted #ccc;padding:3px 0px}
.thongtin li a:hover{text-decoration:underline;color:#3c68c3}
/*--------support_online--------*/
.support_online p{padding:8px 10px;position:relative}
.support_online a{color:#FF6600}
.support_online .hotline{color:#CC3300;font-weight:bold}
.support_online .hotline span{font-size:14px;color:#6D0A0C}

.tk_tb td{padding:2px 4px}
.tktc hr{width:150px;text-align:center;border:1px solid #ccc;margin-left:10px}
.tktc p b{float:right;display:inline-block}
/*---footer-*/
#footer{width:980px;border-top:2px solid #3C68C3; padding-top:10px;display:inline-block;text-align:left}
#footer u{ text-decoration:none;}
#footer a{font-weight:bold;}
.destc{float:right;margin-right:10px;}

#slideshow{height:337px;overflow:hidden}
#col_2 .jscarousal-contents-horizontal{width:578px}
#slideshow img{width:578px}
.sp_ctleft{float:left;width:92px}
.sp_gia_c .gt_spg{text-decoration:line-through}
.sp_tinchitiet{padding:0px 5px; background:#FFF;}
.sp_ngaydang{margin-right: 5px;text-align: right;font-style:italic}
.tt_chiase{clear:both;float:right;padding-right:5px;display:inline-block;display:inline}
.xtext-input{width:210px}
textarea.xtext-input{width:350px !important;height:100px !important}
/*--padding--*/
.pagination{display: inline-block;margin-left: 7px;width: 587px}
.pagination a{float:left;margin:2px;border:1px solid #ccc;background:url(../images/b.jpg);color:#fff!important;display:block;padding:0px 7px}
.pagination a:hover{background:#FF9900;border:1px solid #FF6600}
.pagination a b{color:#009900!important}
.pagination a .no{color:#333333}
.pagination span{display:inline-block;float:left}
#wri_comment{margin:5px;clear:both}
#wri_comment p{padding:5px}
#wri_comment p .dummy{width:250px;height:20px}
#wri_comment p label{color:#006699}
#wri_comment p textarea{width:558px;overflow:hidden;height:180px}
.gt_spg{margin-left:17px}
#ContentPlaceHolder6_ctl00_txtsoluong{background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF;border: 1px solid #BBBBBB;border-radius: 4px 4px 4px 4px;
color: #333333;font-size: 13px;padding: 6px;width:27px;text-align:center}
.sp_danhgia{float:left;display:inline-block;width:144px;margin-top:10px;color:#000}
.dg_title{height:20px;width:110px;background:url("../images/bg_text_title.gif");background-repeat:no-repeat;padding-left:20px;font-weight:bold}
.dg_detail span{color:#ff6600;font-weight:bold;font-size:17px;line-height:0}
.dg_detail p{padding:5px 0px}
.dg_detail{text-align:center}
.sp_left{float:left;width:150px}
.sp_right{float:left}
.support_online{text-align:center}
#menu_block .title{display:none}
#menu_block #timkiemth{width:auto;height:auto;float:right;clear:none;margin:5px}
#timkiemth #search_2{height:auto}
.sl_intro .title{display:none}
.sl_intro{width:650px}
.tb_giohang{width:100%;text-align:center;margin:10px 0 0 0}
.tb_giohang td{padding:5px 0px}
.search_button {background: url("../images/76.png") center no-repeat;border: medium none;clear: both;cursor: pointer;height: 25px;width:69px;float:right}
#hotrotructuyen .content{text-align:center}
.ht6{padding:8px 0}
/*--sp_khuyenmai--*/
.sp_kmbn{height:73px;width:66px;background: url("../images/img_save.png");background-repeat:no-repeat;display:inline-block;position:absolute;top:-19px;right:-17px;text-align:center;z-index:100}
.sp_kmbn div{font-size:20px;font-weight:bold;color:#fff;margin-top:20px}

/*tooltip*/
#screenshot{width:200px;height:200px;position:absolute;border:1px solid #ccc;background:#fff;padding:5px;display:none;text-align:left}
.vt32 .title{display:none}.vt32 .content{padding:0;border:0;margin-bottom:7px}
.bsta .simply-scroll .simply-scroll-list li,.bsta .simply-scroll .simply-scroll-clip,.bsta .simply-scroll{height:72px;margin-bottom:0}
.bsta .simply-scroll .simply-scroll-list li{ width:110px; height:61px; border:0; margin:5px 0 0 10px}
#sla_1{overflow:hidden}
.bsta .simply-scroll .simply-scroll-list li img{height:55px; width:110px;margin:3px;}
.sp_sl .content{overflow:hidden;}
.slideimg .content{height:125px;}
#col_2 .sp_sl .simply-scroll .simply-scroll-clip{height:210px}
#col_2 .sp_sl .simply-scroll{height:210px}
.sp_km .block_sp{position:relative}
.buttondn{border:0;border-radius:6px;background:#999;color:#fff;font-weight:bold;padding:2px 10px}
#sla_1 .content{ width:970px;border:0}
.sp_button{ margin-bottom:3px;}
.sp_ten{ bottom:5px;}
/*Comment*/
.comment{margin-top:10px}
.comment img{width:55px;margin-top:5px}
.bltitle{background: url("../images/dt_comment_bg.jpg") no-repeat center bottom ;height:32px}
.bltitle span{text-transform:uppercase;padding:5px 10px;display:inline-block;font-size:14px;font-weight:bold;float:left}
.cm_note{color: #999999;font-size: 0.9em;padding: 3px 10px;}
.sp_info .text-input{margin:5px 5px 0 5px}
.sp_send li{float:left}
.sp_send li a{padding:5px}
.sp_commentdt img{float:left}
.sp_cmtd{float:left;width:497px;margin-left:7px}
.sp_cmtd b{color: #0277B9;line-height:25px}
.cm_button{clear:both;text-align:right;width:100%}
.dislikebutton{background: url("../images/thumbs-down.png") no-repeat;border: medium none;cursor: pointer;height: 18px;width: 18px;}
.sp_commentdt{border-bottom:1px solid #ccc}
.likebutton{background: url("../images/thumbs-up.png") no-repeat;border: medium none;cursor: pointer;height: 18px;width: 18px;}
.cm_button span{padding:0 5px}
.sp_cmtd i{color: #666666;font-size: 0.95em;}
.sp_childcomment textarea{width:460px;margin:5px}
.sp_comment{padding:5px}
.sp_send{padding:3px 0px;display:inline-block;text-align:right;width:100%}
.buttoncomment{background: url("../images/detail-btn.jpg") repeat-x;border: 1px solid #CCCCCC;border-radius: 3px;color: #666666;cursor: pointer;font-size: 0.9em;font-weight: bold;margin: 0 5px 0 10px;padding: 1px 7px;}
.buttoncomment:hover{text-decoration:underline}
.sp_childcomment {margin:5px 0 0 40px;border:1px solid #ddd;padding:5px;border-radius:4px;clear:both;display:inline-block}
.sp_childcomment .sp_info .text-input{width:150px}
#ContentPlaceHolder6_ctl00_bttbinhluan,.bttcomment{background-color: #3FB8FC;background-image: -moz-linear-gradient(center top , #38ADEE, #2E75CE);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #fff;cursor:pointer;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;font-size: 13px;line-height: 18px;padding: 1px 10px;vertical-align: middle;}
#divbinhluan{margin-top:10px;margin-bottom:10px}
.sp_commentdt .sp_commentdt{width:510px;border-bottom:0;border-top:1px dotted #CCCCCC}
.sp_commentdt .sp_commentdt .sp_cmtd{width:445px}
.bltitle .num-comment {background:url(../images/skin.png) center no-repeat;color: #FFFFFF;font-size: 11px;height: 18px;    line-height: 13px;margin:0 0 0 -6px;padding: 3px 0 0;text-align: center;text-shadow: 0 1px 1px #000000;width: 28px;float:left}
.bltitle,.sp_content{padding:0 5px}
/*Back to top*/
#bttop{background:url(../images/crolltop.png);text-align:center;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;;width:30px;height:30px;}
/*Lien he*/
#wri_comment div{padding:5px}
#wri_comment div textarea {height: 180px !important;}
/*Login-Logon*/
.login-link {background: url("../images/tn3_login.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 71px;left: -15px;position: relative;top: 110px;width: 51px;}
#login-lnk-wrap {left: 0;position: fixed;top:30%;z-index: 5;}
.login-link:hover {left: -12px;}
.quytac{background-color: #EFEFEF;border: 1px solid #D7D7D7;padding:10px;height:300px;overflow:auto;margin:10px}
.login{padding:120px 130px 150px 130px}
.co5{width:100px;display:inline-block;font-weight:bold}
.co6{display:inline-block;vertical-align:middle;margin:5px 0}
.button_xn{padding:7px 0}
.lhe b {color: #FF0000;padding:7px 0;display:inline-block;font-size:13px}
.lhe{border-bottom:1px solid #ddd;padding:10px 0}
.lhe li{padding:3px 5px}
.bttdangnhap{background:#ddd;border:0;padding:2px 10px;}
.ui-tabs{text-align:justify;line-height:24px}
#col_2 .ui-tabs .ui-tabs-panel{padding:10px;line-height:24px}
#col_2 .ui-tabs .ui-tabs-panel *,#tinct .padd *,#tinct .padd {line-height:24px}
#col_2 .ui-widget-content{color:#444}
.divdathang, .divgiaohang{padding:5px;margin-top:10px}
.vt28 .pagination{display:none}
#tabs{clear:both}