/******* CSS SHOW CATEGORY *********/

.box-product {margin-bottom:10px;}

.box-product .box-title {margin-bottom:5px;}

.box-product .box-title .titleL {

	float:left;  

	padding-left:5px;

	text-transform:uppercase;

}

.box-product .box-title .titleL a {color:#333333;}

.box-product .box-title .titleR {

	float:right;	

}



.box-product .box-content {

	border:1px dotted #999999;

	padding:10px;

	overflow:hidden;

}





/************************************* CSS FOR SHOW PRODUCT *******************************/

 

#List_Product { 

	margin-top:10px; 

}

.floatImgPro {

	margin-top:2px;

	margin-left:120px;

	position:absolute;

}



/*----------------- VIEW 1 ----------------*/

#List_Product .View1 {

  float:left; 

	padding-bottom:10px;

	margin-bottom:10px;

	width:100%;

}

#List_Product .last {

	background:none;

	margin-bottom:0px;

	padding-bottom:0px;

}



#List_Product div.View1 div.item{

  float:left;

	margin:0; 

}

 

#List_Product .View1 div.item .boxItem {

	margin:0px;	

}

#List_Product .View1 h3 {

  padding:2px; 

	font-weight:bold; 

}

#List_Product .View1 h3 a {color:#13417f; font-size: 16px; font-family: Arial;}

#List_Product .View1 h3 a:hover { 

  text-decoration:none;

}



#List_Product .View1 .img {  

	border:1px solid #c7c7c7;

	text-align:center;

	background:#FFF;

	padding:5px;

	width:130px;

	height:130px;

}



#List_Product .View1 .maso {

	font-weight:bold;

	padding-top:5px;

}

#List_Product .View1 .price {

	color:#c82d33 ;

	font-weight:bold;

	text-align:left;

}

#List_Product .View1 .price_old {

	color:#333333;

	font-weight:normal;

	text-decoration:line-through;

}





/*----------------- VIEW 2 ----------------*/



#List_Product .View2 {

  padding:0px 2px;

  margin-bottom:5px;

  

}

#List_Product .col1{

	background:#F7F7F7;

}

#List_Product .col2{

	background:#ffffff;

}

#List_Product .col_select{

	background:#F4EAD2;

}

#List_Product .colTop {

	border-bottom:1px solid #e0e0e0;

	background:#F4F4F4 ;

}



#List_Product .View2 .pro_info {

	text-align:justify;

}

#List_Product .View2 h3 {

	font-weight:bold;

	padding:2px 0px;

}

#List_Product .View2 h3 a{ }

#List_Product .View2 .img{

	border:1px solid #e0e0e0;

	padding:1px;

	text-align:center;

	float:left;

	margin-right:5px;



}

#List_Product .View2 .check{

	float:left;

	width:25px;

	padding-top:80px;

	text-align:center;

	vertical-align:middle;

}



#List_Product .View2 .maso{

	margin:0px;

	padding:0px;

	color:#CC0000;

	font-weight:bold;

}

#List_Product .View2 .price {

	color:#CC0000;

}

#List_Product .View2 .hr{

	height:1px;

	background:url(../images/hr.gif) center repeat-x;

	padding:1px;

}



#List_Product .noProduct {

	padding:50px;



	text-align:center;

	color:#ff0000;

}



.price_old{

	color:#999999;

	text-decoration:line-through;

	font-size:11px;

	font-weight:normal;

}

p.time{

	padding:0px;

	margin:0px;

	text-align:center;

	color:#000000;

}



.line_pro {

	background:url(../images/line_pro.gif) left no-repeat;

}



.font_keyword{

	background-color: yellow; 

	color: red; 

	font-weight: bold;

}

.font_keyword a {

	background-color: yellow; 

	color: red; 

	font-weight: bold;

}

/*********** DETAIL **********/

#divInfo{padding-top:20px ;margin:0px;}

 

.ad-image {

	border:1px solid #e2e2e2; 

	text-align:center;

}



#divInfo .zoom_pic {position:absolute; margin-top:-25px; margin-left:10px; }

#divInfo .zoom{

	display:block;

	background:url(../images/icon_zoom.gif) 0px 6px no-repeat;

	color:#ff0000;

	padding:2px;

	height:26px;

	line-height:25px;

	padding-left:20px;

	

}

#divInfo .other_pic {}



#divInfo .other_pic img {border:1px solid #e0e0e0; padding:1px; margin-right:5px;}



#divInfo .colInfo1{

	padding:4px;	

	font-size: 14px;

	color:#333333;

	font-family: Arial;

	border-bottom:1px solid #f0f0f0;

}

#divInfo .colInfo2{

	padding:4px;

	font-size: 14px;

	color:#666666;

	font-family: Arial;

	border-bottom:1px solid #f0f0f0;

}



#divInfo .p_name{

	font-weight:bold;

	color:#145ea0;

	margin-bottom:2px;

}



#divInfo .maso{

	color:#D66161;

	font-weight:bold;

}



#divInfo .price{

	font-weight:bold;

	font-size:12px;

	color:#e60101;

}

 

#divInfo .poster {

	color:#ff9000;

}

#divInfo .poster a {

	color:#ff9000;

} 

 

#divInfo .toots a {

	 

	text-decoration:none;

}



.price_new {

	font-weight:bold;

	font-size:12px;

	color:#FF0000;

}



 

.btn_print {

	background:transparent url(../images/print.gif) no-repeat scroll 0 0;

	color:#A94502;

	cursor:pointer;

	font-weight:bold;

	padding:2px 2px 2px 25px;

	width:108px;

}



.desc ul {

	list-style:inherit;

	margin:0px;

	

}

.desc ol{

	list-style:decimal;

	margin:0px;

	margin-left:15px;

}



/**** OTHER PRO*****/

.item-pro {

	background:url(../images/line_pro.gif) right repeat-y;

	padding:0px 7px;

	width:180px;

}

.item-pro .img {

	border:1px solid #e0e0e0;

	text-align:center;

}

.item-pro  h3  {text-align:center;}

.item-pro  h3 a {

	color:#ff0000;;

	font-weight:bold;

	padding:2px;

	

}

.item-pro .price{color:#145ea0 ; font-weight:bold; text-align:center;}



.item-pro .floatImgPro {

	margin:2px 120px 0px ;

	position:absolute;

}









/*COMMENT*/

/*COMMENT*/

.boxComment {  

}

.fComment { 

	font-size:14px;

	text-transform:uppercase;

	font-weight:bold; 

	padding-bottom:5px;

	margin-bottom:5px;

} 

.divVotes {

	border-bottom:1px solid #d4d4d4;

	padding:5px 0px;

	margin-bottom:10px;

}

.divWrite { padding:10px;}

.c_textarea  {

	padding:5px 0px;	

}

.c_button {

	padding:2px 0px;

	text-align:right;

}

 

#ext_comment {} 

.divCommentList{ }

.list_comment {

 	padding:5px 0px;	 

	display:block;	

	border-bottom:1px dotted #d4d4d4;

}

.list_comment .c-title {

	padding-bottom:5px;	

}

.list_comment .ctitle {font-weight:bold;	color:#882106;}

.list_comment .c-name {font-weight:bold; color:#0067b1; }

.list_comment .c-email	{color:#7c7c7c; font-weight:normal; font-size:11px;}

.list_comment .c-name a {color:#0067b1;}

.list_comment .c-desc {

	text-align:justify;

	padding:5px 0px;

	font-size:11px;

	font-family:Tahoma;

}

.list_comment .c-date	{color:#7c7c7c; font-weight:normal; font-size:11px;}



.list_comment .close{

	width:18px; height:16px; background:url(../images/icon_action.gif) no-repeat left -87px;  position:absolute;

	margin-left:620px;

	 

}

.list_comment	.close:hover, .closecom:hover{background:url(../images/icon_action.gif) no-repeat right -87px}



.vk-menu {padding:2px 0px;}

 



/*SEARCH*/

.formSearch {

	background:#FAFAFA;

	padding:5px;

	border:1px solid #ccc;

}

p.mess_result {

	font-size:12px;

	margin-bottom:10px;

	text-align:center;

}

p.mess_result span {

	color:#FF0000;

	font-size:14px;

	font-weight:bold;

}





/********************* CSS BoxShopping ****************************/

#BoxShopping {

	padding:0px;

	line-height:18px;

}



.fCart {

	font-size:16px;

	color:#FF0000;

	text-transform:uppercase;

	font-weight:bold;

}

#BoxShopping .navShopping{

	padding:3px;

	border:1px solid #e0e0e0;

	margin-bottom:10px;

	text-align:center;

}

.border_cart {

	background:#e0e0e0;
	margin-top: 20px;

}



.row_title_cart {

	background:#eeeff1;

	color:#FF753E;
	color:#333;
	padding:10px;

	font-weight:bold;

}

.row_total_cart {

	padding-right:5px;

	font-weight:bold;

	background:#eeeff1;
	padding:10px;
	color:#000;

}

.row_item_cart {

	background:#fff;

	padding:10px 0;
	font-size: 13px;
	font-family: Arial;

}
.row_item_cart .p_name
{
	color:#13417f;
	font-size: 14px;
	font-family: Arial;
}
.textfiled
{
	background: #fff;
}

.shopping_title{

	background:#eeeff1;
	padding:7px 10px;
	border:1px solid #eeeff1;
	font-size: 16px;
	color:#333;
	font-weight: bold;
	margin-bottom: 20px;

}

.box_shopping {

	padding:2px;

	border-left:1px solid #e0e0e0;

	border-right:1px solid #e0e0e0;

	border-bottom:1px solid #e0e0e0;

}

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

.mess_comment {

	margin-top:10px;

	padding:5px;

	border:1px solid #e0e0e0;

	font-size:14px;

	font-weight:bold;

	color:#FF0000;

}



table.tbl_from { padding:0px; border-spacing:1px; }

table.tbl_from .td1 { font-weight:bold; background:#F8F8F8;padding:3px;}

table.tbl_from .td1 { padding:3px;}



.list-brand

{

	margin: 10px 0;

}

.list-brand ul,.list-brand li

{

	list-style: none;

}

.list-brand li

{

	float: left;

	border-right: 1px solid #fff;

	



}

.list-brand li

{

	background: #eeeff1;

	padding:10px 15px;



}
.list-brand li.current
{
	background:#13417f;
}
.list-brand li.current a
{
	color:#fff;
}

.list-brand li:last-child

{

	border-right: none;

}

.list-brand li.active

{

	background: #13417f



}

.list-brand li.active a

{

	color:#fff;

}

.list-brand li a

{

	color:#13417f;

	font-size: 16px;

	font-family: arial;

}

.mid-title .titleL

{

	margin-bottom: 0;

}

.box-item-left

{

	float: left;

	width:200px;
	border: 1px solid #dbdbdb;
    box-shadow: 4px 4px 0px 2px #e0e0e0;
    margin-bottom: 10px;

}


.box-item-right

{

	float: right;

	width:210px;

	padding-right: 10px;

}

.box-item-right table

{

	margin-top: 10px;

	color:#666666;

	font-size: 13px;

	font-family: arial;

}

.box-item-right table tr,.box-item-right table  td

{

	padding:2px  0;

}

.related-product

{

	margin: 10px 0;





}

.title-related

{

	color:#333333;

	font-size: 20px;

	font-family: Arial;

	text-transform:uppercase;

	padding-bottom: 15px;
	border-bottom:1px solid #ccc; 
	margin-bottom: 20px;

}

.box-item-right h3 a

{

	color:#13417f;

	font-size: 16px;

	font-weight: bold;

	font-family: arial;

}
#btnCheckout, #btnConfirm
{
	background: #e95a24;
	border:1px solid #e95a24;
	padding:10px 20px;
	
	height: auto;
}
#btnCheckout span, #btnConfirm span
{
	color:#fff;
	font-size: 12px;
	font-family: Arial;
}
button.btn
{
	background: #eeeff1;
	border:1px solid #eeeff1;
	padding:10px 20px;
	
	height: auto;
}
button.btn:hover
{
	background: #eeeff1;
	border:1px solid #eeeff1;
}
button.btn span
{
	color:#333;
	font-size: 12px;
	font-family: Arial;
}
.note
{
	color:#333;
	font-size: 14px;
	font-family: Arial;
	padding-bottom: 20px;
	font-weight: bold;
}
.textfiled
{
	border:1px solid #ccc ;
}
.class_payment .textfiled
{
	height:  auto;
	padding:3px 10px;
	border:1px solid #ccc ;
	font-size: 14px;
	font-family: Arial;
	margin: 5px 0;

}
.class_payment strong
{
	font-size: 12px;
	font-family: Arial;
	color:#666;
}
.class_check
{
	font-size: 12px;
	font-family: Arial;
	color:#666;
}
.class_check .textfiled
{
	height:  auto;
	padding:3px 10px;
	border:1px solid #ccc ;
	font-size: 14px;
	font-family: Arial;
	margin: 5px 0;

}
.class_security .textarea
{
	background: #fff !important;
	border:1px solid #ccc !important;
	margin-bottom:10px;
}
.class_security .textfiled
{
	height:  auto;
	padding:3px 10px;
	border:1px solid #ccc ;
	font-size: 14px;
	font-family: Arial;
	margin: 5px 0;

}

.mess_finished
{
	font-size: 12px;
	font-family: Arial;
 }
 .mess_finished span
 {
 	position: relative;
 	bottom:10px;
 }
 .mess_finished span strong
 {
 	font-weight: bold;
   	color:#e95a24;
    font-size: 16px;
 }
 .mess_finished a
 {
 	color:#48709f;

 }

 ul.sf-cat {
    display: block;
    border-bottom: 1px solid #d4d4d4;
  	margin: 0;
  	padding-left: 0;
    list-style: none;
}

ul.sf-cat:after {
    content: '';
    display: block;
    clear: both;
}

ul.sf-cat li {
    float: left;
    list-style: none;
        position: relative;
    z-index: 20;
}

ul.sf-cat li a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #232323;
    font-weight: 700;
    padding: 10px 20px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
ul.sf-cat li a {
    background: #d8d8d8;
    color: #404040;
    border-color: #d8d8d8;
}
ul.sf-cat li:hover a, ul.sf-cat li.active a {
    background: #e95a24;
    color: #fff;
    border-color: #e95a24;
}
ul.sf-cat li.active a:before
{
	content: url(../images/down_icon.png);
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -10px;
}

.address-product-footer
{
	margin: 20px 0;
	font-size: 14px;
	color:#333333;
	
}
.company-product, .address-product, .phone-product,.hotline-product,.website-product 
{
	
	font-size: 14px;
	color:#333333;
	text-transform: uppercase;
	padding:5px 0;
}
#sf_related-product .slick-prev
{
	background: url(../images/prev.png) no-repeat;
	width: 40px;
    top: -40px;
    right: 0px;
    height: 24px;
    position: absolute;
    float: right;
    opacity: 0.8;

}
#sf_related-product .slick-prev:hover,
#sf_related-product .slick-next:hover
{
	opacity: 1;
}
#sf_related-product .slick-next
{
	background: url(../images/next.png) no-repeat;
	width: 40px;
    top: -40px;
    right: -25px;
    height: 24px;
    position: absolute;
    float: right;
    opacity: 0.8;

}
.address-product-footer .title-table
{
	font-size: 18px;
	color:#13417f;
	font-family: Arial;
}
.content-table table
{
	margin: 20px 0;
	font-size: 14px;
	color:#535353;
	border: none;
}

.content-table table tr,.content-table table td
{
	border:none;
	padding:5px 0;
}
.content-table
{
	float: left;
	width:65%;
}
.pic_product
{
	float: left;
	width:30%;

}
.content-footer
{
	text-align: center;
	margin-top: 10px;
}
.slick-initialized .slick-slide
{
	outline: none;
}
.nav-button
{
	background: #e0e0e0;
	padding:7px 7px;
	color:#333;
}
.quantity
{
	width:60px;
	padding:5px 7px;
	border:1px solid #ccc;
	text-align: center;
	font-size:12px;
}