@charset "UTF-8";
/* CSS Document */

/* Nelle introduzioni alle sottocategorie di prodotto la spalla e' probabilmente + alta del contenuto */
/* quindi: anziche' div.contenuti.cc_tallest come in tutte le altre pagine, uso div.spalla.cc_tallest */
/* Ricordiamo che la classe cc_tallest serve per lo script js CLEARANCE, solo per lt IE8              */


/* ______________ LAYOUT ______________ */

#container {
	position: relative;
	width: 710px;
	height: 377px;
}


/* ______________ buttons container ______________ */

#buttonscontainer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 710px;
	height: 30px;
}

#buttonscontainer div.bottonedx {
	position: absolute;
	right: 0;
	top: 12px;
	width: 340px;
}




/* ______________ subcats ______________ */

#subcat1, #subcat2, #subcat3 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 222px;
	height: 105px;
}

#subcat2 {
	top: 121px;
}

#subcat3 {
	top: 242px;
}

#subcat4 {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 466px;
	height: 347px;
	background: #e5e5e5 url(../en/arts/catalogueshop/bags.jpg) left top no-repeat;
}





#subcat1 a, #subcat2 a, #subcat3 a {
	display: block;
	height: 105px;
	background: #f2f2f2 url(../en/arts/catalogueshop/toolbags.jpg) left top no-repeat;
}

#subcat2 a {
	background-image: url(../en/arts/catalogueshop/cyclebags.jpg);
}

#subcat3 a {
	background-image: url(../en/arts/catalogueshop/etc.jpg);
}

#subcat1 a:hover, #subcat2 a:hover, #subcat3 a:hover {
	background-position: 0 -105px;
}





#subcat4 a {
	display: block;
	height: 347px;
	background: #e5e5e5 url(../en/arts/catalogueshop/xxx.jpg) left top no-repeat;
}

#subcat4 a:hover {
	background-position: 0 -347px;
}