@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg_body.jpg) repeat; }
#wapper{ width:1000px;text-align:left;margin: 0px auto; background:#fff;}
#container{ width:1000px; float:left;background:#fff; margin-top:60px; margin-bottom:50px;}
.header{width:1000px;float:left;}
.header_left{ width:525px; float:left;}
#header_bottom{ width:460px; float:left;margin-bottom:5px; margin-left:15px;}

.container{ width:1000px; float:left;}
#footer{ width:1000px; float:left; clear:both;}
.logo_partner {float: left;width: 1000px;}
.footer{ width:1000px; height:35px; float:left; background-color:#713E01; border-bottom:solid 1px #fff;}
.footer_top{ width:500px; height:35px; float:left;}
.footer_top ul{ display:inline;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.footer_top li{ list-style:none; min-width:50px; float:left; padding:9px 20px 9px 20px;}
.footer_top li a{ color:#eeeeee; text-decoration:none; text-transform:capitalize;}
.footer_top li a:hover{ color:#dbdbdb;}
.footer_bottomr{ width:470px; float:left; margin-right:20px;color:#eeeeee; padding-top:2px;text-align:right;}
.footer_bottom{ width:100%; float:left; min-height:50px; background:#422400; padding-top:10px;}
.footer_bottom1{ width:470px; float:left; min-height:50px; margin-left:30px; margin-top:5px; color:#fff; line-height:20px;}
.footer_bottom2{ width:470px; float:left; margin-right:20px;color:#fff; padding-top:2px;text-align:right;}

.register{ width:1000px; float:left; margin-top:0px; margin-bottom:0px;padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; color:#970286; text-align:center}
.register a,.register h4{color:#970286; text-decoration:none; padding:0; margin:0;}
.register a:hover{color:#970286; text-decoration:underline}

.container_top{ width:1000px; height:286px; margin-top:2px; float:left;}
.slide{ width:1000px;float:right}
.pormotion{ width:1000px; float:left; margin:10px 0px 0px 0px;}
.title_pormotion{ width:99%; float:left; position:relative; background:url(../images/bg_sell.png) no-repeat scroll left center; height:36px; line-height:30px; color:#eeeeee; font-family:"Palatino Linotype", "Book Antiqua"; font-style:italic; font-size:18px; padding-left:10px; z-index:1000; left:-4px;}
.box_pormotion{ width:1000px; float:left; min-height:100px; margin:5px 0px 5px 0px; position:relative;}
.box_item_pormotion{ width:240px; float:left; margin:5px; text-align:center;}
.box_item_pormotion a{ color:#a26924; font-size:20px;font-family:"Palatino Linotype", "Book Antiqua"; font-style:italic; text-decoration:none;width:240px; float:left;text-align:center;}
.box_item_pormotion a:hover{ color:#595858;}
.box_item_pormotion img{border: 2px solid #e8dedc; -webkit-border-radius: 150px; border-radius: 5em;  -moz-border-radius: 150px; width:180px; margin-top:15px; height:180px;}
.box_item_pormotion img:hover{ opacity:.6;transition: 0.2s linear 0.2s; }

.container_bottom{ width:100%; min-height:250px;margin-bottom:10px}
.container_bottom .left{ width:228px; min-height:250px; float:left; border-right: solid 1px #f4ecea; margin-top:8px; }
.container_bottom .right{ width:1000px; float:left; margin-bottom:5px; background-color:#fff;/*box-shadow: 1px 1px 2px #E0E0E0;*/ margin-top:10px;}
.container_bottom .right1{ width:755px; float:left; margin-bottom:5px; background-color:#fff;/*box-shadow: 1px 1px 2px #E0E0E0;*/ margin-top:8px; margin-left:15px;}

.box_left{ width:228px; float:left;margin-bottom:8px}
.box_left .top{ width:208px; height:36px; float:left; background-image:url(../images/bg_category.png); background-repeat:no-repeat; text-transform:capitalize; font-weight:bold; color:#eeeeee; text-align: left; line-height:30px; padding-left:20px; font-size:15px;font-family:"Palatino Linotype", "Book Antiqua"; font-style:italic;position:relative;left:-4px;}
.box_left .center{ width:228px; min-height:40px; float:left;background-color:#fff;}
.box_left .bottom{ width:228px; height:28px; float:left; background-image:url(../images/index_39.png); background-repeat:no-repeat; clear:both}
.container_bottom .right .nav_top{ width:753px;height:33px; float:left; background-image:url(../images/bg_danhmuc.jpg); background-repeat:repeat-x;}
.container_bottom .right .ndd{ width:770px; min-height:50px; float:left; margin-bottom:5px; }

.container_bottom .right1 .nav_top{ width:99%; float:left; position:relative; background:url(../images/bg_center.png) no-repeat scroll left center; height:36px; line-height:30px; color:#eeeeee; font-family:"Palatino Linotype", "Book Antiqua"; font-style:italic; font-size:18px; padding-left:10px; z-index:1000; text-transform:capitalize;}
.container_bottom .right1 .ndd{ width:745px; min-height:50px; float:left; margin-bottom:5px; margin-left:5px; margin-right:5px; text-align:justify;}
.box_sp{ width:228px; height:210px;float:left; margin-top:10px; text-align:center; margin-bottom:5px;}
.box_sp:hover{box-shadow: 2px 2px 4px #E0E0E0; }
.khoangcach{ width:20px; float:left; height:210px;}
.sptb{ float:left; }
.title_sp{ width:228px; float:left; height:40px; overflow:hidden; text-align:center; font-weight:bold; color:#7b4505; margin-bottom:4px; font-weight:bold; font-size:16px;}
.title_sp a{ color:#a26924; text-decoration:none}
.title_sp a:hover{ color:#f4ecea; text-decoration:none}

.price_details{ width:235px; height:26px; float:left; margin-top:4px;/*line-height:26px;*/ color:#dd0202; text-align:center; font-weight:bold;}
.title_sp_hot{ width:228px;  text-align:center; font-weight:bold; color:#f21010; margin-top:8px; font-weight:bold; text-transform:uppercase; font-size:13px;}
.title_sp_hot a{ color:#c2c2c2; text-decoration:none}
.title_sp_hot a:hover{ color:#f21010; text-decoration:underline}

.price_details_hot{ width:228px; height:26px; float:left; margin-top:4px;/*line-height:26px;*/ color:#58c752; text-align:center; font-weight:bold;font-size:13px;}
.more{ width:99%; float:left; text-align:right; color:#999999; font-size:13px; font-weight:bold; margin-top:8px;}
.more a{ color:#999999; text-decoration:none;}
.more a:hover{ color:#0bae03; text-decoration:none;}
.more_hot{ width:99%; float:left; text-align:right; color:#999999; font-size:13px; font-weight:bold;}
.more_hot a{ color:#999999; text-decoration:none;}
.more_hot a:hover{ color:#0bae03; text-decoration:none;}
/*.price{ min-width:20px; float:left; height:26px; color:#f21010; line-height:26px; font-weight:bold; margin-right:4px}
.details{ width:80px; height:26px; float:right; background-color:#0079c6; line-height:26px; text-align:center; color:#fff;border-radius: 4px}*/
/*.details a{ color:#fff; text-decoration:none}
.details a:hover{ color:#fff; text-decoration:underline}

.value{ color:#0079c6; font-weight:bold}*/
/*.................news...............*/
.new_home{ width:1000px; float:left; text-align:justify;}
.new_home1{ width:480px; float:left;margin-bottom:20px;}
.new_home2{ width:480px; float:right;margin-bottom:20px;}
.new_home_title{ color:#a9a9a9; font-size:15px; font-weight:bold; text-transform:uppercase; width:1000px; float:left; margin-bottom:15px;}
.hinhtin{ margin-right:5px; border: solid 1px #dbdbdb;}
.name_new{ color:#929292; font-size:15px; font-weight:bold; text-decoration:none;}
.name_new:hover{ color:#0bae03;}
.tomtat{ color:#929292; height:65px; overflow:hidden;text-align: justify;}
/* menu sp */
.headerbar{
font: bold 12px Arial, Helvetica, sans-serif;
color: #970286 !important;
background:url(../images/index_43.jpg) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
 width:160px; float:left/*31px is left indentation of header text*/
}

.applemenu{
margin: 5px 0;
padding: 0;
width: 224px; /*width of menu*/
clear:both;

}

.applemenu div.silverheader a{
background: url(../images/icon_tron.png) no-repeat center left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #a4a4a4;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-top: 5px;
padding-bottom:5px;
text-decoration: none;
padding-left:20px;
font-weight:bold;
text-transform:capitalize;
line-height:20px;
margin-left:5px;
border-bottom: dashed 1px #f4ecea;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #a26924;
font-weight:bold;
text-transform:capitalize;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background: url(../images/icon_tron.png) no-repeat center left;
color: #7b4505;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/

padding-top: 5px; 

/*height: 300px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu .bor{ /*DIV that contains each sub menu*/
width:224px;
color: #a4a4a4;
text-decoration:none;border-bottom: dashed 1px #f4ecea;

/*height: 300px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu .bor a{ /*DIV that contains each sub menu*/
color: #a4a4a4;
text-decoration:none;
padding-left:10px;
line-height:25px;
font-weight:bold;
text-transform:capitalize; font-size:13px;
}
.applemenu div.submenu .bor a:hover{ /*DIV that contains each sub menu*/
color: #7b4505;
text-decoration:none;
font-weight:bold;
text-transform:capitalize;

}
/* menu top */
.wireframeauramenu{
width: 460px; float:left;text-transform:capitalize;
}

.wireframeauramenu ul{
padding:0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
/*overflow: hidden;*/
}

.wireframeauramenu ul li{
display: inline; background:url(../images/bg_menu.png) no-repeat; width:73px; height:105px; text-align:center; float:left; margin-right:5px;
}
.wireframeauramenu ul li:hover{
background:url(../images/ahover.png) no-repeat center; color:#84031f ;

}
.wireframeauramenu ul li a{
color: #ffffff; line-height:105px;
font-size:15px; font-family:"Palatino Linotype", "Book Antiqua"; font-style:italic;
text-decoration: none;
}

.wireframeauramenu ul li a:hover{
color:#a26924;
}
#cart{ float:left; width:182px; height:63px; margin-top:5px; margin-left:10px; line-height:30px}
.status{ width:110px; float:right; line-height:18px; margin-top:10px; text-align:left; color:#1496e9; font-weight:bold}
.hotline{ width:220px; float:left; background:url(../images/hotline.jpg) no-repeat 10px top;color:#FF0000; font-size:20px; font-weight:bold; height:30px; text-align:center; padding-top:6px; margin-left:4px; margin-right:4px; border-bottom: solid 2px #f4ecea;}
.support{width:220px; float:left; text-align:center;margin-bottom:5px; margin-top:5px;margin-left:4px; margin-right:4px; line-height:20px; font-size:14px; color:#000; font-weight:bold;}
.suppor img{ margin-bottom:5px;}
/*.support span{ width:90px; margin-right:5px; padding-top:2px;}*/
.video{ width:224px; float:left; margin:2px;}
.gti{ padding:10px; font-weight:normal; float:left}
.pagination{ text-align: right; margin: 0 20px 20px 0; overflow: hidden; float:left; border:0px #F00 solid; width:100%; margin-top:10px; margin-bottom:10px }
.pagination p               { float: right; margin: 2px 10px 0 0 !important; }
.pagination ul              { float: right; }
.pagination ul li           { display: inline; margin: 0 4px; float: left; }
.pagination ul li a         { display: block; float: left; height: 17px; padding-top: 3px; color: #363636 !important; text-decoration: none; font-weight: bold; font-size: 12px; vertical-align: middle;border: 1px solid #E3E3E3;border-radius: 5px 5px 5px 5px;overflow: hidden;min-width: 20px; text-align:center; line-height:17px; font-family:Arial, Helvetica, sans-serif }
.pagination ul li.graphic a { width: 20px; overflow: hidden; border: 1px solid #E3E3E3; -webkit-border-radius: 5px; border-radius: 5px;  -moz-border-radius: 5px; }
.pagination ul li.graphic a:hover { border-color: #ccc; }
.pagination ul li.first a   { background: url(../images/ico/bg-first.gif) 0 0 no-repeat; }   
.pagination ul li.prev a    { background: url(../images/ico/bg-prev.gif) 0 0 no-repeat; margin-right: 8px; }
.pagination ul li.next a    { background: url(../images/ico/bg-next.gif) 0 0 no-repeat; margin-left: 8px; }                                
.pagination ul li.last a    { background: url(../images/ico/bg-last.gif) 0 0 no-repeat; }
.pagination ul li.active a    {border: 1px solid #E3E3E3;border-radius: 5px 5px 5px 5px;overflow: hidden;min-width: 20px; text-align:center; color:#F00 !important }
.gti .imgsp{ width:200px; float:left; min-height:200px; border:0px #E0E0E0 solid; margin-top:10px; margin-left:10px; margin-right:20px;box-shadow: 0px 0px 0px #E0E0E0;}
.gti .info{ width:495px; float:left; min-height:200px; border:0px #ccc solid; margin-top:15px; margin-left:0px;}
.gti .info b{ line-height:20px}
.namep{ font-size:20px; color:#7b4505; line-height:30px}
.code{font-size:14px; color:#7b4505}
.error{ padding-left:0px !important; font-family:Arial, Helvetica, sans-serif; color:#F00; font-size:12px; float:left !important}
.btn {background-color: #FFC635;background-image: -moz-linear-gradient(center top , #FFDA61 0%, #FFB30E 100%);border: 1px solid #FF7018;color: #000000;float: left;font-size: 12px;font-weight: bold;height: 24px;line-height: 24px;margin: 0;text-align: center;text-shadow: 0 1px 1px #FFFFFF;min-width: 83px;}
.btncancel {background-color: #FFC635;background-image: -moz-linear-gradient(center top , #FFDA61 0%, #FFB30E 100%);border: 1px solid #FF7018;color: #000000;float: left;font-size: 12px;font-weight: bold;height: 24px;line-height: 24px;margin-left: 20px;text-align: center;text-shadow: 0 1px 1px #FFFFFF;min-width: 83px;}
	.input{padding:0px;border: 1px solid #D8D3D0;
		border-radius: 3px 3px 3px 3px; height:25px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width:400px}
	.select{border: 1px solid #D8D3D0;
		border-radius: 3px 3px 3px 3px;
		color: #818285;
		font-size: 13px;
		height: 28px;
		padding: 3px 5px 5px 0; width:250px}
	.textarea{padding:2px;border: 1px solid #D8D3D0;
		border-radius: 3px 3px 3px 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width:400px;font-family:Arial, Helvetica, sans-serif; font-size:12px}
		.errors{ width:500px; padding:10px; border:1px #F00 solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F00; float:left; margin-bottom:10px; margin-top:10px}
.slidedoormenu1 {
    border: 0 solid #CCCCCC;
    float: left;
    list-style-type: none;
    margin-top: 8px;
    min-height: 200px;
    padding: 0;
    width: 100%;
}
.slidedoormenu1 li {
    text-align: justify;
}
.slidedoormenu1 li a {color:#7b4505; font-weight:bold; font-size:16px; text-decoration:none;display: block;padding: 0;    text-indent: 0;width: auto;}
.slidedoormenu1 li a:visited, .slidedoormenu1 li a:active {
}
.slidedoormenu1 li a:hover {
   color:#734f42 !important;
}
.slidedoormenu1 li.lastitem, .slidedoormenu1 li.lastitem a {
    border-bottom-width: 0;
}
.slidedoormenu1 li.lastitem a {
    padding: 8px 0;
}
.imgr1 {
    margin-left: 0;
    margin-right: 6px;
    margin-top: 4px;
}
.tinright1 {
    border-bottom: 1px dashed #f4ecea;   
    margin-left: 10px;
    margin-top: 5px;
    min-height: 50px;
    width: 723px; float:left; padding-top:10px; padding-bottom:10px;
}
.tinright1 a{ color:#7b4505; font-weight:bold; font-size:16px; text-decoration:none;}
.tinright1 a:hover{ color:#000; }
.hinhtin1 {
   /* border: 1px solid #FFFFFF;
    box-shadow: 0 0 2px #777777;*/
    float: left;
    margin: 9px;
}
.xem_them {    
    float: right;
    height: 16px;
    padding-left: 40px;
    text-align: right;
    width: 180px; text-transform:capitalize;
	
}
.xem_them a{color:#7b4505; font-size:12px !important; font-weight:bold;}
.arrowlistmenu1 {
    border: 0 solid #FF0000;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    width: 650px;
}
.arrowlistmenu1 .headerbar {
    color: #000000;
    font: bold 14px Arial;
    margin-bottom: 10px;
    padding: 4px 0 4px 30px;
    text-transform: uppercase; 
}
.arrowlistmenu1 ul {
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0;
}
.arrowlistmenu1 ul li {
    padding-bottom: 2px; float:left; width:98%
}
.arrowlistmenu1 ul li a {
    background: url("../images/arrow_off.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #989896;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 15px;
    text-decoration: none;
}
.arrowlistmenu1 ul li a:visited {
}
.arrowlistmenu1 ul li a:hover {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 15px;
    text-decoration: none;
}
.slider_prev,.slider_prev1,.slider_prev2{ width:21px; height:42px; position:absolute; top:50%;left:0px;background:url(../images/prev.png) no-repeat center center; border:none; z-index:1;}
.slider_next,.slider_next1,.slider_next2{ width:21px; height:42px; position:absolute; top:50%; right:0px;background: url(../images/next.png) no-repeat center center;border:none;z-index:1;}
.vister{ width:96%; padding:10px 2%; font-size:14px;}