/* CSS Document */
body {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	background-color:#fff;
	color:#666;
	margin:0;
	padding:0;
}
a{ color:#000; text-decoration:underline;}
a:hover{color:#ff0000;}
a img{border:0;}
div#container{width:950px;margin:0 auto}
div#intestazione {background-image:url(/immagini/header_bg.jpg); background-repeat:no-repeat; height:156px;}
div#contenuto{float:left;width:730px; padding-right:10px;}
div#navigazione{float:right;width:200px; padding:0px; border-left:solid 2px #B1D644; background-color:#fff; margin-top:55px;}
div#footer{margin:0; padding:0; padding-top:4px;}
#molliche{ font-size:10px;}
#intestazione th { height:130px; text-align:left;}
#intestazione th h1{color:#000; font-size:24px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
#intestazione th h2{color:#000; font-size:16px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:5px;}
#intestazione th h6{margin-bottom:3px; margin-top:3px;}
#intestazione td { background-color:#B1D644;  padding: 3px 0; }
#intestazione td a{color:#000; font-size:13px; padding: 0px 5px; text-decoration:none;}
#intestazione td a:hover{text-decoration:underline;}
#evidenza{margin-top:15px;}
.clear{
 	clear:both;
 	height:1px;
 	line-height:1px;
 	font-size:1px;
 	}
#map{
	width:90%;
	margin:0 auto;
	height:400px;
	}	
div .gmnoprint{
	color:#000000;
	}
#slideshow{
	display:block;
	margin:0 auto;
	}	
#navigazione h3{font-size:15px; margin:0; padding:0; text-align:center; margin-top:10px; margin-bottom:3px; color:#B1D644; letter-spacing:3px; }
#navigazione p{margin:0; padding:0; margin-bottom:4px; margin-left:15px;}
#footer p{text-align:center; font-size:11px; margin:0; padding:0;}
/*
.intestazione_t h1{color:#fff; font-size:26px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.intestazione_t h2{color:#fff; font-size:14px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.intestazione_l a{color:#888;}
.intestazione_l a:hover{color:#E76B18;}
*/

/* Non utilizzato */ 
div#extra{clear:both;width:100%}
.TitoloPagina{
	font-size:14px;
	font-weight:bold;
	color:#B1D644;
	}
#boxShowKart {
	text-align:center;
}
#boxShowKart div {
	padding:8px 8px 2px;
}
#boxShowKart div img {
	margin-bottom:10px;
}
#boxShowKart div strong {
	display:block;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}
#boxShowKart div span {
	display:block;
	font-size:11px;
}
#boxShowKart div span em {
	font-size:11px;
	font-weight:bold;
}
#boxShowKart hr {
	background-color:#CCCCCC;
	border:0 none;
	clear:both;
	color:#CCCCCC;
	height:1px;
	width:90%;
}
#boxShowKart p {
	margin-top:25px;
	text-align:center;
	text-transform:uppercase;
}
#boxShowKart span {
	display:block;
	margin-top:5px;
	text-align:center;
}
#fw_box_NegozioChiuso a{
	color:#E76B18;
	}
		/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/

.ordina_prodotto a{
 font-weight:bold;
 	}

div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 650px;	
	height:280px;
	margin:0 auto;	
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	/* decoration */
	margin-left:5px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	/* custom decoration */
	text-align:center;
	width:160px;
	margin-right: 5px;	
}
/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/immagini/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:30px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


.msg_help a, #fw_piante a{
	color:#E76B18;
	}
/* STRUTTURA BOX RICERCA */	
#custom-search{
	width:180px;
	height:26px;
	padding-left:31px;
	background:url(/immagini/bg_custom_search.gif);
	background-position:6px 50%;
	background-repeat:no-repeat;
	clear:right;
	}
	
#txtCustomSearch {
	border:0;
	font-size:14px;
	color:#000;
	height:15px;
	margin-top:2px;
	/*margin-left:25px;*/
	padding-top:3px;
	width:124px;
	background-color:#FAFAFA;
	}
#custom-search-button {
	width:16px;
	height:16px;
	padding:9px;
	background-image:url(/immagini/btnSearchCustom.gif);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	}
#custom-search-wait {
	width:16px;
	height:16px;
	padding:9px;
	background-image:url(/immagini/ajax-loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	display:none;
	}
#risultato_ricerca .fw_img_prodotto{
	float:left;
	display:inline;
	width:200px;
	margin-right:10px;
	background-color:#000;
	overflow:hidden;
	}

/* DROPDOWN START */
#wrap_ddsmoothmenu {
	width:950px;
	margin:0 auto;
}
.ddsmoothmenu{
font: 12px Verdana;
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin:0 4px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
} 

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #c7f04d; /*background of menu items during onmouseover (hover state)*/
color: #000;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
height:30px;
background-color:#B1D644;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
#intestazione .ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding:3px 5px;
margin: 0;
height:24px;
border-top-width: 0;
border-bottom: 1px solid #e4dbd4;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 5px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity:0.4;
filter: alpha(opacity = 40);
}
 /*DROPDOWN END*/
 
 
.outer{
    	display:table;
    	height:113px;
    	overflow:hidden;
    	width:150px;
	}
.middle{
    	display:table-cell;
    	text-align:center;
    	vertical-align:middle;
	}
.inner{
    	height:113px;
    	text-align:center;
    	width:150px;
	}