@charset "utf-8";

/* CSS Document */



#tabs{

  overflow: hidden;

  width: 100%;

  margin: 0;

  padding: 0;

  list-style: none;

}



#tabs li{

  float: left;

  margin: 0 .7em 0 0;

  font-size:19px;

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

  

}



#tabs a{

  position: relative;

  background: #ddd;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));

  background-image: -webkit-linear-gradient(top, #fff, #ddd);

  background-image: -moz-linear-gradient(top, #fff, #ddd);

  background-image: -ms-linear-gradient(top, #fff, #ddd);

  background-image: -o-linear-gradient(top, #fff, #ddd);

  background-image: linear-gradient(to bottom, #fff, #ddd);  

  padding: 6px 8px;

  float: left;

  font-size: 14px;

  text-decoration: none;

  color: #444;

  /* text-shadow: 0 1px 0 rgba(255,255,255,.8); */

  -webkit-border-radius: 5px 0 0 0;

  -moz-border-radius: 5px 0 0 0;

  border-radius: 5px 0 0 0;

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

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

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

}



#tabs a:hover,

#tabs a:hover::after,

#tabs a:focus,

#tabs a:focus::after{

  background: #ca0404;

  color:#FFFFFF;

}



#tabs a:focus{

  outline: 0;

}



#tabs a::after{

  content:'';

  position:absolute;

  z-index: 1;

  top: 0;

  right: -.5em;  

  bottom: 0;

  width: 1em;

  background: #ddd;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));

  background-image: -webkit-linear-gradient(top, #fff, #ddd);

  background-image: -moz-linear-gradient(top, #fff, #ddd);

  background-image: -ms-linear-gradient(top, #fff, #ddd);

  background-image: -o-linear-gradient(top, #fff, #ddd);

  background-image: linear-gradient(to bottom, #fff, #ddd);  

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

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

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

  -webkit-transform: skew(10deg);

  -moz-transform: skew(10deg);

  -ms-transform: skew(10deg);

  -o-transform: skew(10deg);

  transform: skew(10deg);

  -webkit-border-radius: 0 5px 0 5px;

  -moz-border-radius: 0 5px 0 5px;

  border-radius: 0 5px 0 5px;  

}



#tabs #current a,

#tabs #current a::after{

  background: #ca0404;

  z-index: 3;

  

  color:#FFFFFF;

}



/* ------------------------------------------------- */



#content

{

    background: #fff;

    padding: 17px 15px 16px 15px;

	

    margin-right: 10px;

    /* height: 220px; */

	position: relative;

	z-index: 2;	

    -moz-border-radius: 0 5px 5px 5px;

    -webkit-border-radius: 0 5px 5px 5px;

    border-radius: 0px !important;

	

   /* border-top: 1px solid #ccc !important;

   /* -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);

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

    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);*/

}



#content h2, #content h3, #content p

{

    margin: 0 0 0 0;

}



/* ------------------------------------------------- */



#about

{

    color: #999;

}



#about a

{

    color: #eee;

}





a.buy{color:#d80505; font-size:12px; text-decoration:none;}

a.buy:hover{color:#d80505; font-size:12px; text-decoration:underline;}



.price{color:#d80505; font-size:12px;}

.price1{color:#d80505; font-size:12px; font-weight:bold;}



.product_main_box{width:178px; height:286px; border:2px solid #cfcfcf; font-size:12px;}



.product_image{ height:143px;}

.product_name{height:48px; text-align:center; font-size:11px; font-weight:bold; padding: 0 8px 0 8px;}

.product_description{height:14px; text-align:center; font-size:12px; font-weight:bold;}

.product_number{height:14px; text-align:center; font-size:12px; }

.product_line{height:12px; text-align:center;}



/* ------------------------------------------------------------------------------------------------------DIV HOVER EFFECT  */

.product_image img{ height:136px; max-width: 168px;}



.img{

	width:178px; height:286px;

	-webkit-transition-duration: 0.9s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	float:left;

	/*margin-left:-50px;*/

	/*margin-right:20px;*/
margin-right:15px;
	margin-bottom:20px;

	

	

	}



.img:hover{

-webkit-box-shadow: 0px 0px 24px rgba(20, 17, 22, 1);
-moz-box-shadow:    0px 0px 24px rgba(20, 17, 22, 1);
box-shadow:         0px 0px 24px rgba(20, 17, 22, 1);
-webkit-transform:scale(1.1);/*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1);/*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/

}	





.img_last{

	width:178px; height:286px;

	-webkit-transition-duration: 0.9s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	float:left;

	margin-bottom:20px;

	/*margin-left:-50px;*/

	

	

	}



.img_last:hover{

-webkit-box-shadow: 0px 0px 24px rgba(20, 17, 22, 1);
-moz-box-shadow:    0px 0px 24px rgba(20, 17, 22, 1);
box-shadow:         0px 0px 24px rgba(20, 17, 22, 1);
-webkit-transform:scale(1.1);/*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1);/*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/	
}	







 

.img .mask{

	width: 100%;

	background-color: rgb(0, 0, 0);

	position: absolute;

	height: 100%; 

	opacity:0.6;

	cursor:pointer;

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration:0.5s;

}

#img-1:hover .mask{

	height:0%;	

}



/*------------------------------------------------------------------------------   DIV HOVER EFFECT ENDS _____*/