.add_mats
{
	 background-image:url(/images/frame_engine/add_0-3_mats.gif);
	 background-repeat:no-repeat;
	 background-position:bottom;
	 
	 width:135px;
	 height:41px;
	
}
.tabDiv
{
	float:none;
	width:285px;
	height:27px;
}


.matTab1
{
	float:left;
	width:92px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
 background-position:  0px -56px;
}

.matTab1On
{
	float:left;
	width:92px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);

}


.matTab1:hover
{
	float:left;
	width:92px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
 background-position:  0px 82px;
}
.matTab2
{
	float:left;
	width:96px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
background-position:  192px -56px;

}

.matTab2On
{
	float:left;
	width:96px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
background-position:  192px -0px;

}
.matTab2:hover
{
	float:left;
	width:96px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
 background-position:  192px 82px;
}
.matTab3
{
	float:left;
	width:96px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
background-position:   -188px -56px;

}

.matTab3On
{
	float:left;
	width:96px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
background-position:   -188px -0px;

}

.matTab3:hover
{
	float:left;
	width:96px;
	height:27px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
 background-position:  -188px 82px;
}
#matMore
{
	float:left;
	width:96px;
	height:20px;
	margin-top:5px;
background-image:url(/usercontrols/frameshop/mat/matButtons.png);
 background-position:  -0px -85px;
}
#no2Mat
{
 background: url(/usercontrols/frameshop/mat/delete_mat_icon.png) no-repeat;
  width: 15px;
  height: 15px;
  	margin:0 0 10px 70px;
}

#no3Mat
{
 background: url(/usercontrols/frameshop/mat/delete_mat_icon.png) no-repeat;
  width: 15px;
  height: 15px;
  	margin:0 0 10px 70px;
}

.matThumb
{
	
	width: 71px; height: 71px; 
	float: left; 
	display: block;
  margin:0 7px 7px 0;
 border: 1px solid black;

 

}

.matThumbOver
{
	border: 3px solid rgb(0, 153, 204);
 width: 67px; height: 67px;  
	float: left; 
	display: block;
  margin:0 7px 7px 0;

 
}
.matThumbOn
{
	border:3px solid #70C132;
 width: 67px; height: 67px;  
	float: left; 
	display: block;
  margin:0 7px 7px 0;

}

.matInfo
{
 height:15px;
 width:15px;
 background-image:url(http://www.imagekind.com/images/thumb_plus.gif);
 margin-top:57px;

}
.matInfoOver
{
 height:15px;
 width:15px;
 background-image:url(http://www.imagekind.com/images/thumb_plus.gif);
 margin-top:55px; 


 
}
.d
{

}