#module {


	float: left;


	width: 670px;


	padding-top: 10px;


}





#module #nav_header {


	width: 100%;


	display: block;


}


#module #nav_header h2{


	width: 100%;


	display: block;


	line-height: 36px;


	font-size: 18px;


	color: #303030;


	font-weight: normal;


	border-bottom: 1px #cdcdcd solid;


	padding-left: 10px;


	


}


#module #nav_header div.content {


width: 690px;


}


#module div.head  h2.header {


	width: 100%;


	display: block;


	line-height: 30px;


	font-size: 18px;


	color: #303030;


	font-weight: normal;


	border-bottom: 1px #cdcdcd solid;


	


}





#module div.head  h2.header a {


	color: #4d4f53;


}





#module div.head  h2.header a:hover {


	color: #1ea31e;


}





#module div.head  h2.header font{


	color: #4d4f53;


	font-size: 15px;


}





#module div.main {


	width: 100%;


	padding: 10px 0;


	float: left;


}


#module div.main div.news {


	float: left; 


	border-bottom: 1px #e6e6e6 solid;


	margin: 1% 10px; 


	padding-bottom: 9px; 


	position: relative;


	width: 98%;


}


#module div.main div.news  .image{


	float: left; 


	width: 25%;


}


#module div.main div.news  .image img{


	float: left; 


	width: 90%;


	border: 1px solid #cdcdcd;


	padding: 4px;


}





#module div.main div.news div.title {
	float: left; 
	padding-bottom: 9px; 
	width: 73%;
	color: #0095d0;
	text-transform: uppercase;
	line-height:18px;
	margin-left:1%;
}


#module div.main div.news div.title  a{


	color: #0095d0;


}


#module div.main div.news div.title  a:hover{


	color: #a8cf45;


}





#module div.main div.news div.text {
	float: left;
	width: 73%;
	color: #303030;
	line-height: 20px;
	text-align: justify;
	margin-left:1%;
}
#module div.main div.news div.text p,#module div.main div.news1 div.text p{font-size:13px!important;}







#module div.main div.news1 {


	float: left; 


	border-bottom: 1px #e6e6e6 solid;


	margin: 10px; 


	padding-bottom: 9px; 


	position: relative;


	width: 98%;


}


#module div.main div.news1 div.title {


	float: left; 


	padding-bottom: 9px; 


	width: 470px;


	color: #0095d0;


	text-transform: uppercase;


	


}


#module div.main div.news1 div.title  a{


	color: #0095d0;


}


#module div.main div.news1 div.title  a:hover{


	color: #a8cf45;


}





#module div.main div.news1 div.text {


	float: left;


	width: 99%;


	color: #303030;


	line-height: 20px;


	text-align: justify;


}





#module div.main div.detail_news {


	width: 98%;


	margin: 0 auto;


}


#module div.main div.detail_news .content_news {


	width: 100%;


	float: left;


	float:  left; padding: 10px 0 15px 0;


	border-bottom: 1px solid #ccc;


}


#module div.main div.content {


	text-align: justify; 


	width: 680px;


	float: left;


	padding: 0 5px;


	padding-bottom: 20px; 


	border-bottom: 1px solid #E8E8E8; 


}


#module .head_brows1 {


	color: #303030;


	float: left;


	width: 100%;


	height: 30px;


	line-height: 30px;


	padding-bottom: 5px;


	border-top: 1px solid #cdcdcd;


	border-right: 1px solid #cdcdcd;


	border-left: 1px solid #cdcdcd;


}


#module .head_brows{


	color: #303030;


	float: left;


	width: 100%;


	border-top: 1px solid #cdcdcd;


	border-left: 1px solid #cdcdcd;


	border-right: 1px solid #cdcdcd;


}


#module .head_brows1 .count{


	float: left;


	width: 170px;


	padding-left: 15px;


	line-height: 35px;


	line-height: 40px;


	font-weight: bold;


}


#module  #pagination{


	float: left;


	width: 390px;


	padding-left: 20px;


	line-height: 35px;


	clear: none;


	padding-top: 5px;


	padding-right: 0;


	text-align: right;


	margin-left: 20px;


}


#module .#pagination a {


	display: block;


	float: none;


}


#module  #pagination a{


	text-decoration: none;


	background-color: #f5f5f5;


	display: inline-block;


	padding: 2px 8px;


	background-color: #fff;


	border: 1px solid #ddd;


	-webkit-border-radius: 5px;


	-moz-border-radius: 5px;


	border-radius: 5px;


	float: none;


	


}








#module #pagination a:hover{


	background-color: #f5f5f5;


}





#module .head_brows .display {


	float: right;


	width: 100px;


	width: 70px;


	margin-top: -33px;


}


#module .head_brows .display  a.cot{


	float: right;


	width: 32px;


	height: 30px;


	cursor: pointer;


	background: url("../images/list.png") no-repeat left bottom;


}


#module .head_brows .display  a.cot:hover{


	background: url("../images/list1.png") no-repeat left bottom;


}


#module .head_brows .display  a.dong{


	float: right;


	width: 32px;


	height: 30px;


	cursor: pointer;


	background: url("../images/luoi.png") no-repeat left bottom;


}


#module .head_brows .display  a.dong:hover {


	background: url("../images/luoi1.png") no-repeat left bottom;


}


#module .head_brows .page {


	float: right;


	width: 85px;


}


#module .head_brows .sortby {


	float: right;


	width: 200px;


}


#module  .name_cat h2 {


	font-size: 12px;


	color: #303030;


	text-transform: uppercase;


	margin-left: 15px;


	line-height: 35px;


	width: 350px;


	float: left;


}


.info_detall {


	float: left;


	width: 720px;


	height: 30px;


	background: #393939;


	line-height: 30px;


}





.info_detall div a{


	float: left;


	height: 30px;


	color: #fff;


	font-size: 12px;


	padding-left: 14px;


	border-right: 1px #ccc solid;


	cursor: pointer;


	


}


.info_detall div a:hover span{


	text-decoration: underline;


	


}


.info_detall div a span{


	float: left;


}


.info_detall div a span.t{


	background: url("../images/ico-len1.png") no-repeat 5px 14px;


	float: left;


	width: 14px;


	height: 30px;


}


.info_detall div a span.r{


	background: url("../images/ico-xuong1.png") no-repeat left 12px;


	float: left;


	width: 9px;


	height: 30px;


}


.info_detall div.c1 a{


	width: 140px;


}


.info_detall div.c2 a{


	width: 190px;


}


.info_detall div.c3 a{


	width: 100px;


}


.info_detall div.c4 a{


	width: 115px;


}


.info_detall div.c5 a{


	width: 96px;


	border-right: none;


}


/*Products brower*/





#product_detail {


	width: auto;


	float: left;


	padding: 0px 0 0 0px;


	min-width: 732px;


}


#product_detail div.img{


	width: 340px;


	float: left;


}





#product_detail h2.title{


	color: #303030; 


	font-size: 16px; 


	width: 450px; 


	padding-bottom: 10px;


}





#product_detail div.tabale{


	float: left;


	width: auto;


	margin-left: 0;


	color: #3e3e3e;


	border-bottom: none;


}





#product_detail div.tabale p{


	float: left;


	clear: both;


	width: 370px;


	padding: 0 5px;


	height: 25px;


	line-height: 25px;


}


#product_detail div.tabale p span.c1{


	float: left;


	font-weight: bold;


	width: 90px;


	padding: 0 5px 0 5px;


}


#product_detail div.tabale p span.c2{


	float: left;


	width: 250px;


	padding: 0  0 0 15px;


	font-weight: bold;


}


#product_detail div.tabale p span.c2{


	float: left;


	width: 265px;


	padding: 0  0 0 5px;


	font-weight: bold;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	color: #0095d0;


}


#product_detail div.tabale p.price  span.c2{


	color: red;


}








#product_detail div.tabale p.groupproduct span.c1{


	background: url("../images/bx1.png") no-repeat left 2px;


	


}





#product_detail div.tabale p.code span.c1{


	


	background: url("../images/bx1.png") no-repeat left -372px;


	


}


#product_detail div.tabale p.price span.c1{


	background: url("../images/bx1.png") no-repeat left -408px;


	


}


#product_detail div.tabale p.manufacturer span.c1{


	background: url("../images/bx1.png") no-repeat left -184px;


	


}


#product_detail div.tabale p.origin span.c1{


	background: url("../images/bx1.png") no-repeat left -223px;


	


}


#product_detail div.tabale p.warranty span.c1{


	background: url("../images/bx1.png") no-repeat left -143px;


	


}


#product_detail div.tabale p.warranty span.c2{


	background: url("../images/bx1.png") no-repeat -30px -141px;


	


}


#product_detail div.tabale p.groupproduct span.c2{


	color: #0095d0;


}








#product_detail div.tabale div.cart1{


	border-top: none;


	float: left;


	clear: both;


	width: 360px;


	padding: 5px 10px;


	font-weight: bold;


	height: 36px;


	line-height: 36px;


}





#product_detail div.tabale div.cart1 input{


	float: left; 


	width: 50px; 


	margin-right: 10px;


	margin-top: 10px;


	padding: 0 ;


	text-align: center;


}








#product_detail div.tabale div.cart1 a{


	margin-top: 2px;


	display: inline-block;


	outline: none;


	cursor: pointer;


	text-align: center;


	background: #165DFC;


	border: none;


	display: inline-block;


	color: white;


	font-weight: bold;


	text-decoration: none;


	border-radius: 4px;


	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);


	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);


	border-bottom: 1px solid rgba(0, 0, 0, 0.25);


	padding: 5px 20px ;


	position: relative;


	cursor: pointer;


	LINE-HEIGHT: 20PX;


}





#product_detail div.tabale div.cart1 a:active{


	margin-top: 3px;


}


/*******New Browse***********/





.pagging {


	float: right;


	width: 500px;


	padding-bottom: 5px;


}


.pagging a{


	text-decoration: none;


	background-color: #f5f5f5;


	display: inline-block;


	padding: 2px 5px;


	background-color: #fff;


	border: 1px solid #ddd;


	-webkit-border-radius: 5px;


	-moz-border-radius: 5px;


	border-radius: 5px;


	float: none;


}


.pagging a:hover{


	background-color: #f5f5f5;


}


#contact input{


	margin-top: 2px;


	margin-left: 5px;


	display: inline-block;


	outline: none;


	cursor: pointer;


	background: #165DFC;


	border: none;


	display: inline-block;


	color: white;


	font-weight: bold;


	text-decoration: none;


	border-radius: 4px;


	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);


	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);


	border-bottom: 1px solid rgba(0, 0, 0, 0.25);


	padding: 5px 15px !important;


	position: relative;


	cursor: pointer;


}


#contact input:hover {


	color: red;


}








div.pr-dt-lf-body-left {


    float: left;


    width: 270px;  


    text-align: center; 


}


div.pr-dt-lf-body-left ul{


    float: left;


	width: 270px;


	text-align: center;


	padding-left: 0;


	padding-right: 0px;


}


div.pr-dt-lf-body-left ul li img:hover{


   opacity: 0.85;


}


div.detail_news img {


	max-width: 700px !important;


}








#gallery {


	float: left;


	width: 275px;


	margin: 0 14px;


	margin-top: 20px;


	padding: 15px 10px 15px 17px;


	background: url(/images/bg_img.png) no-repeat left top;


	height: 240px;


}


#gallery img {


	width: 270px;


	height: 180px;


	float: left;


	border: none;


}


#gallery img:hover {


	opacity: 0.8;


}











li.products_list {


	width: 720px;


	float: left;


	padding: 5px 0;


}


li.products_list  div.img {


	width: 240px;


	height: 160px;


	float: left;


}


li.products_list  div.img img{


	width: 220px;


	height: 150px;


	float: left;


}


li.products_list  div h2 a{


	width: 470px;


	padding-bottom: 10px;


	float: left;


	color: #0367b1;


	


}


li.products_list  div.text2 h4 {


	padding-bottom: 5px;


	padding-right: 5px;


	float: left;


	color: #303030;


}


li.products_list  div.text2  b{


	padding-bottom: 5px;


	float: left;


	color: red;


}





li.products_list  div.datetime {


	float: left;


	width: 400px;


	padding: 0;


	line-height: 20px;


	font-weight: bold;


	padding-bottom: 5px;


}


li.products_list  div.content {


	float: left;


	width: 475px;


	text-align: justify;


	line-height: 18px;


}








 /****************** Input ****************/


	/*form post*/


#main #module  #login {


	float: left;


	padding: 0 5px;


	width: 800px;


}   


#main #module  #login div {


	float: left;


	padding: 0;


	width: 780px;


}   


#main #module  #login ul {


	float: left;


	padding: 0;


	width: 780px;


} 








#main #module #login ul h2{


	float: left;


	clear: both;


	text-transform: uppercase;


	width: 778px;


	line-height: 26px;


	height: 25px;


	margin: 20px 0px 10px -5px;


	font-size: 12px;


	padding-left: 10px;


	border: 1px #ccc solid;


	color: #303030;


	background: url(/images/bg_order.png) #ffd452 repeat-x left top;


}





  


#main #module #login  li{


	float: left;


	padding: 15px 0 0 0;


	width: 390px;


}    


#main #module #login  li label{


	float: left;


	width: 110px;


	text-align: justify;


	padding-right: 5px;


	color: #383838;


	font-weight: bold;


} 


#main #module #login .info_account  li label{


	line-height: 30px;


}  


#main #module #login .company_info  li label{


	width: 130px;


}      


#main #module #login  li input#password {


	font-size: 22px;


}


#main #module #login  li input#repeatpassword {


	font-size: 22px;


}





#main #module #login  li.image input{


	cursor: pointer;


}


#main #module #login  li.image input:hover {


	background: #f8ffa6


}


#main #module #login  li input, #main #module #login  li select{


	float: left;


	width: 230px;


	height: 20px;


	line-height: 20px;


	font-weight: bold;


	border-radius: 4px;


	color: #383838;


	font-size: 12px;


	padding: 4px 5px;


	background: #fcffe0;


	border-color: #a6a6a6 #cccccc #cccccc #a6a6a6;


	border-style: solid;


	border-width: 1px;


} 


#main #module #login  li select{


	float: left;


	width: 240px;


	height: 30px;


	line-height: 30px;


}


#main #module #login  li textarea{


	float: left;


	width: 235px;


	border-radius: 4px;


	color: #464646;


	font-size: 12px;


	padding: 4px 5px;


	background: #fcffe0;


	border-color: #a6a6a6 #cccccc #cccccc #a6a6a6;


	border-style: solid;


	border-width: 1px;


	height: 60px;


}         


#main #module #login #control {


	float: left;


	width: 665px;


	padding: 20px 0 0 0;


}             


#main #module #login #control input{


	background: #008dd4;


	border: none;


	display: inline-block;


	color: white !important;


	font-weight: bold;


	text-decoration: none;


	border-radius: 4px;


	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);


	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);


	border-bottom: 1px solid rgba(0, 0, 0, 0.25);


	padding: 8px 15px !important;


	position: relative;


	cursor: pointer;


}               


 #control a{


	background: #008dd4;


	border: none;


	display: inline-block;


	color: white !important;


	font-weight: bold;


	text-decoration: none;


	border-radius: 4px;


	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);


	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);


	border-bottom: 1px solid rgba(0, 0, 0, 0.25);


	padding: 8px 15px !important;


	position: relative;


	cursor: pointer;


}    


#main #module #login #upload_slots {


	float: left;


	padding-left:120px;


	padding-top: 10px;


	


}


#main #module #login #upload_slots div.textarea{


	float: left;


	padding: 5px 0 10px 0;


}





#main #module #login #upload_slots textarea{


	float: left;


	width: 280px;


	line-height: 23px;


	


	border-radius: 4px;


	color: #999;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;


	padding: 4px 8px;


	background: white;


	border-color: #CCC #EFEFEF #EFEFEF #CCC;


	border-style: solid;


	border-width: 1px;


	


}





#main #module #login #upload_slots input{


	background: #008dd4;


	padding: 3px;


	color: #fff;


	font-weight: bold;


	width: 290px;


	border-radius: 4px;


	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);


	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);


	cursor: pointer;


}





#main #module #login  div.fileholder {


	padding: 5px 0;


}


#main #module #login #control input:hover {


	background: #ff8205;





}  





#main #module #login div.infor {


	float: left;


	width: 525px;


	padding: 15px 0 10px 0;


	font-weight: bold;


	font-size: 14px;


	color: #fe458a;


	margin: 5px;


	border-bottom: 1px solid #ccc;


}    


/****************** End Input ************/





.login_ca {


	padding: 10px 30px !important;


	display: block;


	width: 410px;


	padding-bottom: 10px;


	float: left;


}


.login_ca  span{


	float: left;


	width: 270px;


	clear: both;


	margin: 15px  0 0 0;


	


}


.login_ca a.carticon {


	float: left;


}


.login_ca a{


	margin: 10px 5px 0 5px;


	


	display: inline-block;


	outline: none;


	cursor: pointer;


	text-align: center;


	text-decoration: none;


	padding:  6px 15px 6px 15px;


	text-shadow: 0 1px 1px rgba(0,0,0,.3);


	-webkit-border-radius: .5em;


	-moz-border-radius: .5em;


	border-radius: .5em;


	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);


	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);


	box-shadow: 0 1px 2px rgba(0,0,0,.2);


	color: #fef4e9;


	border: solid 1px #da7c0c;


	background: #f78d1d;


	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));


	background: -moz-linear-gradient(top, #faa51a, #f47a20);


	width: 80px;


}





/*********** Download *******************/





#module div.headdownload {


	width: 660px;


	float: left;


	line-height: 26px;


    height: 26px;


	padding: 0 0;


    margin: 0 5px;


	background: #008dd4;


}





#module div.headdownload .icon{


	width: 60px;


	float: left;


	height: 26px;


    line-height: 26px;


    text-align: center;


    color: #fff;


    font-weight: bold;


    border-right: 1px solid #fff;


    


}





#module div.headdownload .title{


	width: 250px;


	float: left;


	height: 26px;


    line-height: 26px;


    padding-left: 10px;


    color: #fff;


    font-weight: bold;


    border-right: 1px solid #fff;


    


}


#module div.headdownload .coquan{


	width: 150px;


	float: left;


	height: 26px;


    line-height: 26px;


    padding-left: 10px;


    color: #fff;


    font-weight: bold;


    border-right: 1px solid #fff;


    


}


#module div.headdownload .year{


	width: 100px;


	float: left;


	height: 26px;


    line-height: 26px;


    padding-left: 10px;


    color: #fff;


    font-weight: bold;


    border-right: 1px solid #fff;


    


}





#module div.headdownload .download{


	width: 50px;


	float: left;


	height: 26px;


    line-height: 26px;


    padding-left: 10px;


    color: #fff;


    font-weight: bold;


    


}


#module div#download {


	width: 660px;


	float: left;


	line-height: 18px;


    margin: 0 5px;


	background: url(/images/bg-li.png) repeat-x left bottom;


	border-bottom: 1px solid #ccc;


}





#module h2.headdownload{


	width: 655px;


	float: left;


	text-align: center;


    height: 30px; 


    line-height: 30px;


    font-size: 12px;


    color: #fff;


     background: #0093dd;


     margin: -10px 5PX  5PX 5px;


     text-transform: uppercase;


}


#module div#download div.icon{


	width: 59px;


	float: left;


	height: 30px;


	padding: 8px 0;


	background: url(/images/download1.png) no-repeat center center;


	border-left: 1px solid #ccc;


}


#module div#download div.title a{


	width: 250px;


	float: left;


	height: 35px;


	padding: 8px 0;


    padding: 5px;


	border-left: 1px dotted #ccc;


}


#module div#download div.coquan{


	width: 157px;


	float: left;


	height: 30px;


    line-height: 30px;


	padding: 8px 0;


    padding-right: 3px;


	text-align: center;


	border-left: 1px dotted #ccc;


}


#module div#download div.year{


	width: 107px;


	float: left;


	height: 30px;


    line-height: 30px;


	padding: 8px 0;


    padding-right: 3px;


	text-align: center;


	border-left: 1px dotted #ccc;


}





#module div#download div.download a{


	width: 62px;


	float: left;


	padding: 8px 0;


    padding-left: 3px;


	height: 30px;


    line-height: 33px;


    text-align: center;


	border-left: 1px dotted #ccc;


	border-right: 1px solid #ccc;

	background: url(/images/download.png) no-repeat center center;

}

.content_news p{ width:100%; float:left; line-height:20px; font-size:13px; text-align:justify; margin-bottom:10px;}
.content_news img{ margin-top:15px; margin-bottom:15px;}