@import url("product/product-list/common.css");
@import url("product/product-list/default.css");
/*@import url("product/product-list/style1.css");
@import url("product/product-list/style2.css");*/
/*=== Product Category ====*/
#product-category .page-content,
#product-relation .page-content{
	padding: 0 5px;
}
#product-category  ul.product-category-list{
  margin-left: 15px;
}
#product-category ul.product-category-list li ,
#product-relation ul.product-category-list li {
  width:180px;
   /* width:220px;
    height:250px;
    margin-left:7px;
    margin-right:8px;*/
}

#product-category ul.product-category-list div.product-image img,
#product-relation ul.product-category-list div.product-image img{
   /* width: 130px;
    height: 150px;
	margin: 0 auto;*/
}


/* ===========Product Filter =================*/

#product-filter{
  margin:0;
  background: #fff;
}
#product-filter .filter-title{
    background: url("images/bg_filter_product.png") no-repeat;
    color: #FFFFFF;
    font-size: 12px;
    min-height: 50px;
    padding-bottom: 1px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 1px;
}
#product-filter .filter-title h2{
  margin: 0;
  padding:8px 0;
}


#product-filter .box-filter {
  padding:0 22px 15px 22px;
  border:#f0f0f0 1px solid;
  border-top:#0099cc 3px solid;
  box-shadow:#f0f0f0 0px 1px 2px;
  }
#product-filter .box-filter h3 {
  font-size:16px;
  font-weight:bold;
  color:#0099cc;
  /*border-bottom:#18AD21 1px solid; */
  margin:0 0 0 -22px;
  padding:8px 5px;
  padding-left:22px;
  }

#product-filter .box-filter select{
  width:190px;
  margin-bottom: 5px;
}


#product-filter .box-filter input[type="checkbox"]{
  float:left;
  margin-right: 5px
}
#product-filter .box-filter a{
   float:left;
   padding:0;
   margin: 0;
   line-height: 17px;
   color:#0099cc;
   text-decoration: none;

}

#product-filter .box-filter li.filter a{
    display: block;
    background:url(images/checkbox.png) no-repeat;
    text-indent: 1.5em;
    clear: both;
    margin-top: 5px;

}

#product-filter .box-filter li.filter a.active{
   background:url(images/checkbox_checked.png)  no-repeat;

}



#product-filter .box-filter ul{
   padding:0;
     margin: 0
}
#product-filter .box-filter li.filter{
  display: block;
  padding:5px 0;

  /*border-bottom: 1px solid #ccc;*/
}

#product-filter .box-filter li.filter ul{
   padding:0px 0px 5px 20px;
}
#product-filter .box-filter li.filter ul li a{
     padding:0px;
     margin: 0px ;
     margin-top: 8px;
}

#product-filter .box-filter input[type="text"] {
    cursor:default; background:#fff;
    border-radius:0;
    border:#ccc 1px solid;
    width:35%;
    display:inline-block;
    box-shadow:none;
    font-size:12px;
    padding:0 5px;
    margin-bottom:20px;
}
#product-filter .box-filter .price_unit_l,
#product-filter .box-filter .price_unit_r {
  display:inline-block;

  margin-top:-20px;
  font-size:12px;
  margin-bottom:20px;
}
#product-filter .box-filter .price_unit_l{
  width:40%;
  float: left
}

#product-filter .box-filter .price_unit_r{
  width:43%;
  float: right
}
#product-filter .box-filter .srange {
  height:22px;
  width:24px;
  display:inline-block;
  text-align:center;
  top:0px;
  position:relative;
}

/*=== Product Compare ====*/
#product-compare #compare-info{
   width: 100%;
   border: 1px solid #ccc;

}
#product-compare #compare-info thead{
 background: #F0F0F0;
 color:#369;
 font-weight:bolder;
 text-align: center;
 text-transform: uppercase;
}
#product-compare #compare-info tr td.main{
  background: #F9F9F9;
  color:#369;
  width: 150px;
}

#product-compare #compare-info tr{
   border: 1px solid #F0F0F0;
}
#product-compare #compare-info tr:hover{
  background: #F9F9F9;
}
#product-compare #compare-info tr td{
   padding:8px 8px;
   /*border-right: 1px solid #F0F0F0; */
}

#product-compare #compare-info tr td.product-image img{
   width: 100px;
}

/*==================================== Product Detailt ==========================================*/
div.product-wraper{
position: relative;
padding:8px 0;
}
/*== product gim */
div.product-gim{
    background: url("images/gim.png") no-repeat;
    position: absolute;
    padding-top:10px;
    top: 0px;
    left: 290px;
    width: 14px;
    height: 60px;
}

/*== product image  */
div.product-detailt-images{
    float: left;
    padding: 30px 5px 5px 5px;
	width:310px;
	position: relative;

   background: url("images/product_image_top.png") 0 10px no-repeat;


}

div.product-detailt-images  div.product-promotion{
    background: url("images/discount.png") no-repeat;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    padding-top:10px;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 41px;
}
#ac-slideshow-product-images .ac-navi-wraper {
    margin-top:5px;
	position: relative;
    width:300px;height:50px;
    overflow: hidden;
}

#ac-slideshow-product-images  .ac-navi a {
    width: 44px;
    height: 44px;
	margin: 2px;
    border: 1px solid #ccc;
}
#ac-slideshow-product-images .ac-navi a.active
{
	border: 1px solid #0066CC;
}
#ac-slideshow-product-images .ac-navi-wraper .ac-navi a  img{
    width: 42px;
    height: 42px;
    padding:1px;
}


/*== Product info */
div.product-detailt-info{
    float: left;
    width:400px;
    height:auto;
    padding: 0px 10px ;
    margin-left:15px;
	font-size: 14px;
}
div.product-detailt-info .item{
   border-bottom: 1px dotted #ccc  ;
   line-height: 2.2em;
}

.product-name h4{
  color:#069;
  margin:0;
  font-size: 1.5em;
}
.product-buy{
  cursor:pointer;
  text-indent:60px;
  margin:10px 0;
  display:block;
  float:right;
  width:180px;
  height:52px;
  line-height: 45px;
  color:#fff;
  font-size:24px;
  background: url("images/button-buy.png") no-repeat;
}


.product-rating,
.product-rating-allow{
	/*float:right;*/
	display:block;
	line-height: 1.2em;
}
.product-rating span,
.product-rating-allow span{
	float:left;
	display: block;
	margin-right: 5px;
	        
}

.product-rating img,
.product-rating-allow img,
span.rating img{
	float:left;
	display:inline;
	width:16px;height:16px; !important;
}
.product-price .price-sale{
    color: red;
    font-weight:bold ;
    text-decoration: line-through;
}
.product-price .price{
    color: #0099CC;
    font-weight: bold;
}
.product-sku span,
.product-quantity span,
.product-model span,
.product-color span,
.product-material span,
.product-weight span,
.product-warranty span{
  font-weight: bold;
}
.add-to-cart-box {
  margin-top: 20px;
}


.add-to-cart-box  .qty-box input[type="text"] {
  width:25px;
  height:17px;
  line-height:17px;
  margin-top: -15px;
}
.add-to-compare{
  cursor: pointer;

}


/* Product Share */
.product-share{
  float:left;
}
 .product-share a{
	line-height: normal;
}



/*== Product Services */
.product-services{
  float: right;
  width:220px;
}



.product-services .service-list {}
.product-services .service-list p {font-size:12px; line-height:18px;}
.product-services .service-list {display:block;  padding:3px 0;}
.product-services .service-list li {
	cursor:pointer;
	padding:7px 3px; border-bottom:#EEEEEE 1px solid;
}
.product-services .service-list li:hover{
	color:#069;
}
.product-services .service-list li:last-child{
  border: none
}


.product-services .service-list li.service span.img {
  width:31px;
  height:25px;
  margin-right: 5px;
}
.product-services  li.service span.icon-truck {
 background: url("images/icon-truck2.png") no-repeat;
}
.product-services  li.service span.icon-bill {
 background: url("images/icon-bill.png") no-repeat;
}
.product-services  li.service span.icon-phone {
 background: url("images/icon-phone2.png") no-repeat;
}
.product-services  li.service .service-body {
  overflow: hidden;
}
.product-services  li.service .service-body .service-heading{
  font-size: 12px;
}
/*== Product Lines*/
.product-lines table#product-lines thead th{
      background: rgb(255,202,1); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,202,1,1) 0%, rgba(247,155,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,202,1,1)), color-stop(100%,rgba(247,155,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,202,1,1) 0%,rgba(247,155,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,202,1,1) 0%,rgba(247,155,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,202,1,1) 0%,rgba(247,155,27,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,202,1,1) 0%,rgba(247,155,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca01', endColorstr='#f79b1b',GradientType=0 ); /* IE6-9 */
   color:#333
}

.product-lines a.addProductLineToCart{
   background: url("images/line_order.png") no-repeat;
   width: 20px;
   height: 20px;
   display: block;
}

/*== Product description*/
.product-description .tab-pane{
	padding:0 10px;
    min-height: 100px  ;
}
.product-attributes {
  margin: 10px 0;
}


/*=== Product Scroll Widget ====*/
/* Style Default */
/*.w-product-scroll.default ul.product-category-list li{
  margin-right:16px;
  margin-left:13px;
}*/

/* Style Style1 */
.w-product-scroll  li{
  margin-bottom: 10px;
  border-bottom:1px solid  #f9f9f9;
  position: relative;

}


.w-product-scroll li img{
    width: 100px;
    height: 100px;
	margin: 0 auto;
}

/*ul.product-category-list li:nth-child(3),
ul.product-category-list li:nth-child(6),
ul.product-category-list li:last-child{
    margin-right:0px;
}
*/
.w-product-scroll div.product-title{
/* border-bottom: #F7F7F7  solid 1px;
   line-height: 20px;*/
   overflow: hidden;
   max-height: 35px;
   padding: 0px 2px;
   text-align: center;

}
.w-product-scroll div.product-title a{
   font-weight: bold;
   color: #666;
   text-decoration: none;
}
.w-product-scroll div.product-function{
    text-align: center;
    margin-top: 2px;
    margin-bottom:5px
  }
.w-product-scroll span.price-value{
    font-weight: bold;
    color: #EA5B00;
}

.w-product-scroll span.price-unit{
    font-weight:bold;
    color: #bb2626;
}

.w-product-scroll div.product-promotion{
    background: url("images/discount.png") no-repeat;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    padding-top:10px;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 41px;
}



/*=== Product display style Navigation ====*/

.w-product-display-navigation ul.product-type-navigation{
  float:right;
  margin:5px 0;
}
.w-product-display-navigation ul.product-type-navigation li{
 float:left;
 line-height: 20px;
}
.w-product-display-navigation ul.product-type-navigation li a
{
    font-size: 13px;

}

.w-product-display-navigation .ac-widget-body {

}


.w-product-display-navigation .product-category-image  {
    float:left;
    border-bottom:5px solid #FF8400;
}
.w-product-display-navigation .product-category-image img {
    width:230px;
    height:270px;


}

.w-product-display-navigation .product-category-items {
    float:right;
}
.w-product-display-navigation ul.product-category-list li {
    margin: 10px 0px;
    width:180px;
    height:250px;
}
