/** Soluzione per far apparire in tutti i browser la barra di scorrimento verticale anche quando non ce ne è bisogno ed evitare il fastidioso "tintennio" del sito quando si cambia pagina **/

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	background: #86B7A3;
	font: normal 11px/18px verdana, arial, tahoma, sans-serif;
	color: #000000;
	margin: 0px;
}

a {
	outline: none; /** Toglie il bordino tratteggiato attorno al link quando si clicca **/
}

a img
{
	border: 0px;
}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration:none;
}

div#wrapper {
	width: 980px;
	background: #CAE5DB;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #FFFFFF;
}

div#testata {
	height: 202px;
}


div#logo, div#promozioni {
	float: left;
	border-bottom: 1px solid #000000;
}

div#logo {
	width: 686px;
	height: 160px;
	background: url(../images/testata.gif) no-repeat;
}

div#promozioni {
	width: 294px;
	height: 160px;
	background: lime;
}


/** MENU **/

div#barra_header {
	clear:left; /** Blocca il flottamento a sinistr superiore **/
	width: 980px;
	height: 40px;

}

div#menu, div#cerca {
	float: left;
	border-bottom: 1px solid #000000;
}

div#vuoto {
	clear: left;
}

div#menu {
	width: 784px;
	height: 40px;
	background: #CCFFCC;
}

div#wrap  {
	margin-left: 15px;
	margin-top: 3px;
}

table#menu tbody tr td {
	border-right: 2px solid #CCFFCC;
}

table.items tbody tr td {
	border-bottom: 1px solid #000000;
}


/** CERCA **/
div#cerca {
	width: 196px;
	height: 40px;
	background: #CCFFCC;
}

div#cerca form div.search input#mod_search_searchword, div#cerca form div.search input.button {
	font: normal 11px verdana, arial, tahoma, sans-serif;
}

div#cerca form div.search input.button {
	width: 40px;
	height: 38px; /** Se l'height del file stesso è a 40 su IE6 da un problema grafico **/
}

div#cerca form div.search input#mod_search_searchword {
	position: absolute; /** Altrimenti sta sotto **/
	margin-top: 10px;
	margin-left: 7px;
}


/** BLOCCO PRINCIPALE **/

div#blocco_principale {
	width: 980px;
}


/** CONTENUTI **/

div#blocco_contenuti {
	width: 930px;
	height: 100%;
	background-color: #EDF9F4;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: 1px solid #000000;
}

div#component {
	padding-top: 10px;
}

div#component td.contentheading, div#component td.contentheading {
	font-size: 13pt;
}

div#component span.small {
    font-weight: bold;
}


/** TASTI AVANTI E DIETRO **/

th.pagenav_next a, th.pagenav_prev a {
	display:block;
	width: 150px;
	height: 60px;
}

th.pagenav_next a {
	background: url('../images/tasto_avanti.gif') no-repeat;
}

th.pagenav_next a:link, th.pagenav_next a:visited  {
	background-position: 0px;
}

th.pagenav_next a:hover {	
	background-position: -150px;
}

th.pagenav_prev a {
	background: url('../images/tasto_dietro.gif') no-repeat;
}

th.pagenav_prev a:link, th.pagenav_preva:visited  {
	background-position: 0px;
}

th.pagenav_prev a:hover {	
	background-position: -150px;
}

th.pagenav_prev a, th.pagenav_next a {
	color: #EDF9F4;
}



/** BANNER **/

div#bottom {
	clear: left; /** In questo modo il div non parte da in alto a sinistra a causa del flottamento a SX dei due div superiori ma DOPO i due div superiori. In poche parole si blocca il flottamento a SX. **/
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 25px;
}

div#bottom div.bannergroup div.banneritem {	text-align: center;
}


/** FOOTER **/

div#footer {
	width: 400px;
	margin-top: 10px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	color: #CAE5DB;
	text-align: center;
}