.clip-polygon{
	background-size: 100%;
	position: absolute;
	cursor: pointer;
	cursor: pointer;
	width: 100%;
	height: 100%;
	top: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.clip-polygon div{
	background-color: rgba(64, 215, 255, 0.0);
	width: 100%;
	height: 100%;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.clip-polygon div:hover{
	background-color: rgba(64, 215, 0, 0.4);
}
.part {
	display:none;
}
.canvas{
	position:relative;
	width:700px;
	overflow:hidden;
}
.image-canvas{
	width:100%;
	height:auto;
}
.partlist-table{
	text-align:left;
	width: 100%;
}
.toolbar {
	background-color:#eff1f4;
	padding:10px;
	margin-top: 15px;
	margin-right:10px;
	box-sizing:border-box;
	width:980px;
	pointer-events: none;
}
.lowerbar {
	background-color:#eff1f4;
	padding:8px;
	margin-right:10px;
	box-sizing:border-box;
	width:100%;	
	}
.controls {
	width:160px;
	height:30px;
	position:relative;
	left:50%;
	margin-left:-80px;	
}
.canvas-background{
	position:relative;
	width:980px;
	background-color:#666;
	padding:10px;
	box-sizing:border-box;
}
.canvas-info {
	color:#FFF;
	padding:10px;
}

#zoomSelector {
	width:60px;
	height:30px;		
	margin-left:10px;
	margin-right:10px;	
}
#item-info{
	position:absolute; 
	min-height:100px; 
	margin-top:10px; 
	display:none; 
	top:0px; 
	left:0px;
	z-index:99;
}
.item-add-to-basket {
	display:none;	
	position:absolute;
	width:100%;
	height:100%;
	background-color:#0F9;
	margin:auto;
}
input[id*=etlbutton] {
	height:26px;
	width:26px;
	border:none!important;
	cursor: pointer;
	padding: 7px;
	padding-right: 9px;
	}
input[id*=etlbutton]:active, input[id*=etlbutton]:focus {
	outline:none;
}
.cat-content {
	height: 150px;
	width: 100px;
	background-color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border:1px solid #ddd;
	box-shadow:0 4px 8px #ddd;
	box-sizing:border-box;
}
.cat-float {
	float: left;
	padding: 4px;
}
.etl-gallery-image {
	max-width: 100%;
	max-height: 100%;	
}
.TableRow2 {
	background-color: white;
}
@media only screen and (max-device-width: 768px) {
input[id*=etlbutton] {
	padding: 3%;
	padding-right: 3%;
	}
        .canvas{
		width:100%;	
	}
	.canvas-style{
		width:100%;	
	}
	.toolbar{
		width:100%;
	}
	.canvas-background{
		width:100%;
	}
        
}
	
@media only screen and (max-device-width: 640px){
input[id*=etlbutton] {
	padding: 4%;
	padding-right: 3%;
	}
}
@media only screen and (max-device-width: 480px){
	.canvas{
		width:100%;	
	}
	.canvas-style{
		width:100%;	
	}
input[id*=etlbutton] {
	padding: 6%;
	padding-right: 3%;
	}
}