@charset"UTF-8";

body {
	padding: 0;
	margin: 0;
}

img {
    border-style:none;
}

.grid-content {
	overflow: hidden;
	height: 0;
	background-color: #000;
	background-image: url(./images/vgrid_back.gif);
	background-repeat: repeat;
}

@media screen and (min-width: 1280px) {
	.grid-content {
		margin: 0 32px;
	}
}

.grid-content div {
	overflow: hidden;
	width: 63px;
	height: 63px;
	border: none;
	background-color: #f07;
	color: #FFFFFF;
	margin: 1px 0 0 1px ;
	padding: 0;
}

.grid-content div a:hover, a:active {
	filter: alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;
}

.grid-content div.f-art {
	background-color: #07f;
}

.grid-content div.product {
	background-color: #0f7;
}

.grid-content div.g1x2 {
	height: 127px;
}

.grid-content div.g2x1 {
	width: 127px;
}

.grid-content div.g2x2 {
	width: 127px;
	height: 127px;
}

.grid-content div.g3x2 {
	width: 191px;
	height: 127px;
}

.grid-content div.g4x2 {
	width: 255px;
	height: 127px;
}


.grid-content div p {
	margin: 0;
	padding: 0;
}

.grid-content div.product-list {
	overflow: auto;
	width: 280px;
	height: auto;
	border: none;
	background-color: #222;
	margin: 5px;
	padding: 5px;
}

@media screen and (max-width: 599px) {
	.grid-content div.product-list {
		width: 98%;
		margin: 5px 0;
		padding: 5px;
	}
}

@media screen and (min-width: 600px) and (max-width: 899px) {
	.grid-content div.product-list {
		width: 46%;
		margin: 5px 1%;
		padding: 5px;
	}
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
	.grid-content div.product-list {
		width: 30%;
		margin: 5px 1%;
		padding: 5px;
	}
}

.grid-content p {
	font-size: small;
	color: #bbb;
	text-shadow: 2px 2px 3px #000;
}

.product-list img{
	max-width: 100%;
}