/* CSS Document */

/*
 *
 * 2%	100		1
 * 4%	48		2
 * 2%	32		3
 * 2%	23.5	4
 * 1%	19.2	5
 * 1%	15.83	6
 *
 */

.grid { position:relative; margin:0; padding:0; }
.grid .item { position:relative; display:block; float:left; padding:10px; height:426px; border-width:1px; border-style:solid; box-sizing:border-box; }
.grid .item a { text-decoration:none; }
.grid .item .img { margin-top:10px; display:table; width:100%; height:150px; white-space:nowrap; text-indent:-9999px; }
.grid .item .img > div { display:table-cell; white-space:nowrap; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.grid .item .img > div:nth-child(2) { width:3%; }
.grid .item .img > div:nth-child(3) { width:25%; max-width:70px; background-position:center 5%; }
.grid .item .title,
.grid .item .description,
.grid .item .attributes,
.grid .item .actions,
.grid .item .designation { position:absolute; right:10px; left:10px; margin:0; padding:0; white-space:normal; font-size:12px; line-height:14px; }
.grid .item .title,
.grid .item .description,
.grid .item .attributes,
.grid .item .designation { overflow:hidden; }
	.grid .item .actions > span { display:block; }
.grid .item .title { top:180px; height:30px; font-weight:bold; margin-top:13px; }
.grid .item .description { top:212px; height:44px; font-style:italic; }
.grid .item .attributes { top:245px; height:70px; }
	.grid .item .attributes ul > li { display:list-item; margin-left:15px; list-style-type:circle; list-style-position:outside; }
.grid .item .actions { top:318px; height:85px; }
.grid .item .actions > span { display:block; }
.grid .item .actions > span.price { font-size:24px; font-weight:bold; line-height:30px; text-align: right;}
.grid .item .actions > span.price small { font-size:14px; font-weight:normal; }
.grid .item .actions > span.shipping { font-size:14px; line-height:30px; }
.grid .item .actions > .add { margin:10px 0 0; }
.grid .item .actions > .add > * { float:right; margin:0; }
.grid .item .actions > .add input { display:inline-block; width:30.6666666667%; }
.grid .item .actions > .add button { display:inline-block; margin-left:3%; padding:0; width:66.3333333333%; }
.grid .item .designation { top:403px; height:11px; font-size:9px; line-height:10px; font-weight:bold; color:#cc2027; }

#menu_cart .grid .item .img { position:absolute; top:0; }

.grid.static .item { min-width:220px; }

/* DEFAULT = THREE WIDE */
.grid .item { margin:0 2% 2% 0; width:32%; min-width:190px; }

.grid.three .item,
.grid.four .item,
.grid.five .item,
.grid.six .item { min-width:inherit; }

/* ONE (WIDE) */	
.grid.one .item { margin:0 0 2% 0; width:100%; }

/* THREE (WIDE) */	
.grid.three .item { margin:0 2% 2% 0; width:32%; min-width:190px; }

/* FOUR (WIDE) */
.grid.four .item { margin:0 2% 2% 0; width:23.5%; }
.grid.four .item:nth-child(4n) { margin-right:0; }

/* FIVE (WIDE) */
.grid.five .item { margin:0 1% 1% 0; width:19.2%; }
.grid.five .item:nth-child(5n) { margin-right:0; }

/* SIX (WIDE) */
.grid.six .item { margin:0 1% 1% 0; width:15.83%; }

/* CART */
.mycart .grid .item { margin:0 0 2% 0; width:100%; min-width:100%; height:405px; }

/* MIN / MAX */
@media only screen and (min-width:1701px)
{
	section.grid.six .item:nth-child(6n) { margin-right:0; }
}
@media only screen and (min-width:1351px)
{
	section.grid.three .item:nth-child(3n) { margin-right:0; }
}
@media only screen and (max-width:1350px) and (min-width:1152px)
{
	section.grid.three .item:nth-child(3n) { margin-right:0; }
}
@media only screen and (max-width:1700px) and (min-width:1152px)
{
	section.grid.six .item { margin:0 1% 1% 0; width:19.2%; min-width:inherit; }
	section.grid.six .item:nth-child(5n) { margin-right:0; }
}
@media only screen and (max-width:1151px) and (min-width:1001px)
{
	section.grid.three .item { margin:0 2% 2% 0; width:49%; }
	section.grid.six .item { margin:0 2% 2% 0; width:23.5%; }
		
	section.grid.three .item:nth-child(2n),
	section.grid.six .item:nth-child(4n) { margin-right:0; }
}
@media only screen and (max-width:1000px) and (min-width:896px)
{
	section.grid.three .item { margin:0 2% 2% 0; width:49%; }
	section.grid.six .item { margin:0 2% 2% 0; width:32%; }
		
	section.grid.three .item:nth-child(2n),
	section.grid.six .item:nth-child(3n) { margin-right:0; }
}
@media only screen and (max-width:895px) and (min-width:715px)
{
	section.grid .item,
	section.grid.three .item,
	section.grid.six .item { margin:0 2% 2% 0; width:49%; }
		
	section.grid .item .item:nth-child(2n),
	section.grid.three .item:nth-child(2n),
	section.grid.six .item:nth-child(2n) { margin-right:0; }
}
@media only screen and (max-width:714px)
{
	section.grid .item,
	section.grid.three .item,
	section.grid.six .item { margin:0 0 2% 0; width:100%; }
}

.item_snippet {
	all: initial;
	display: block;
}

/* unset all children of item snippet */
.item_snippet * {
	all: revert;
}