body {background-image:url('../images/bg_body.jpg'); background-position:top; background-repeat:repeat-x; margin: 0 auto; padding-bottom:30px; font-family:Verdana; font-size:11px;}
#container {width:980px; margin: 0 auto;}
#header {height:60px;}
#logo {float:left;}
#lingue {float:right;height:20px;margin-top:35px; font-family: Verdana; font-size:11px; color: #666666;}
#lingue a{color: #666666; text-decoration:none;}
#lingue a:hover, #lingue a.on{color: #E51930; text-decoration:none;}

/* -- MENU -------------------------------------------------------------------*/
#menu {font-family: Arial; font-size:12px; background-image:url('../images/bg_menu.jpg'); background-position:left; background-repeat:no-repeat; height:60px; padding-left:230px;}
.menu_item_1, .menu_item_1_on{float:left;height:60px;}
.menu_item_1 a{background-image:url(../images/bg_menu_item_off.gif);background-position:left 0;background-repeat:no-repeat;color:#666666;display:block;padding:0 0 0 20px; height:60px;text-decoration:none;}
.menu_item_1 a:hover{color: #E51930; text-decoration:none;}
.menu_item_1 span{background-image:url(../images/bg_menu_item_off.gif);background-position:right 0;background-repeat:no-repeat;display:block;padding:24px 20px 24px 0;}
.menu_item_1_on a{background-image:url(../images/bg_menu_item_on.gif);background-position:left 0;background-repeat:no-repeat;color:#E51930;display:block;padding:0 0 0 20px; height:60px;text-decoration:none;}
.menu_item_1_on span{background-image:url(../images/bg_menu_item_on.gif);background-position:right 0;background-repeat:no-repeat;display:block; padding:24px 20px 24px 0;}

#submenu {font-family: Arial; font-size:12px; height:21px; clear:both; padding-top:9px;}
#submenu span{margin-right:10px;}
#submenu a{font-family: Arial; font-size:12px; color:#666666; text-decoration:none;}
#submenu a:hover, #submenu .on{color:#E51930; text-decoration:none;}
#testataFlash {width:960px; height:228px; background-image:url('../images/bg_flash.gif'); background-position:top; background-repeat:no-repeat; margin-top:10px; padding: 40px 0 0 20px;}
#main {width:960px; background-image:url('../images/bg_content_container.gif'); background-position:top; background-repeat:no-repeat; margin-top:10px; padding: 20px 0 0 20px;}

/* -- STILI LINEA58 ----------------------------------------------------------*/
.testo {font-family: Verdana; font-size:11px;color:#000000; line-height:1.5em;}
.testo_link {font-weight:bold; color:#E51930; text-decoration:none;}
.testo_link:hover {font-weight:bold; color:#888888; text-decoration:none;}

/* -- HOME -------------------------------------------------------------------*/
#colNews, #colCentrale, #colSx {width:300px; float:left;}
#colNews, #colCentrale {margin-right:20px;}
.box {border-top: solid yellow 8px;}
#colNews {border-top: solid red 8px;}
.titoloBox {font-family: Georgia; font-size:20px;color:#888888;padding:10px;}
#contNews{/*height:300px;*/ background-image:url('../images/sfondo_box_news.gif'); background-position:top center; background-repeat:no-repeat; padding: 15px 10px 0 10px;}
.boxNews{font-family: Verdana; font-size:11px;color:#000000; margin-top:10px; margin-bottom:10px; line-height:1.5em; border-bottom: dashed #AAAAAA 1px;}
.titoloNews{font-weight:bold;}

/* -- FOOTER -----------------------------------------------------------------*/
#footer{font-family: Verdana; font-size:10px; color:#666666; background-color:#F5F4EF; border-top:solid 1px #DAD9D7; border-bottom:solid 1px #DAD9D7; padding:10px; margin-top:10px;}
#footer a{font-weight:bold; text-decoration:none; color:#666666;}
#footer a:hover{font-weight:bold; text-decoration:none;}

/* -- PAGINE INTERNE ---------------------------------------------------------*/
#bc{width:680px; height:29px; background-image:url('../images/bc_bg.jpg'); background-position:top; background-repeat:repeat-x; }
#bc a{font-family: Arial; font-size:12px; color:#000000;text-decoration:none; margin: 0 10px 0 10px;}
#bc a:hover{color:#E51930;text-decoration:none;}
#bc_bottom{width:680px; height:15px; background-image:url('../images/bc_bottom.jpg'); background-position:top center;}
#bc span, #bc img{display:inline; vertical-align:middle;}
.link_home{margin-left:3px;}

#spalla_dx{float:right; width:240px; margin-right:20px;}
#spalla_sx{float:left; width:680px;}
.box_dx {border-top: solid yellow 8px;}
.titolo_box_dx {font-family: Georgia; font-size:20px;color:#888888;padding:10px;}

h1.tit_int{font-family: Georgia; font-size:20px;color:#888888;font-weight:500; display:block; margin:20px 0;}

/* -- PRODOTTI ---------------------------------------------------------*/
#prod_guida{background:url(../images/help.gif) center center no-repeat; width:250px; height:111px;left:-10px;margin-bottom:10px;position:relative;}
#prod_guida_title{font-family: Georgia; font-size:18px; color:#888888;height:30px;line-height:30px;padding-left:60px;}
#prod_guida_desc{font-family: Arial; font-size:14px; color:#999999;float:right;font-weight:bold;margin:20px 0 0;width:160px;}

/* -- ACCORDION --------------------------------------------------------------*/
div.accordion_content{ margin:20px 0 0 0; padding:0;}
h2.mypets a{margin:0; padding:6px 0 5px 35px; display:block; background-image:url(../images/head_gallery_off.gif); background-position:bottom; background-repeat:repeat-x;  font-family: Georgia; font-size:20px;color:#888888;font-weight:500; text-decoration:none;}
h2.mypets a:hover{margin:0; padding:6px 0 5px 35px; display:block; background-image:url(../images/head_gallery_on.gif); background-position:bottom; background-repeat:repeat-x;}
h2.openpet a{margin:0; padding:6px 0 5px 35px; display:block; background-image:url(../images/head_gallery_on.gif); background-position:bottom; background-repeat:repeat-x; font-family: Georgia; font-size:20px;color:#888888;font-weight:500; text-decoration:none;}
div.thepet{ margin:0 0 20px 0; padding:20px 10px 9px 10px; border-bottom:1px solid #DAD9D7; background-color:#F5F4EF;}
div.thumb{ background-color:#FFFFFF; border:1px solid #CCCCCC; float:left; margin:0 10px 10px 0; padding:10px; width:125px; height:120px;}

/* -- LIGHTBOX ---------------------------------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 500px; background-color: #000000; }

/* -- POPUP ------------------------------------------------------------------*/
body.popup{background:none; margin: 0 auto; padding:0;}
#container_popup {margin: 0 20px 20px 20px;}
#main_popup {background:none; margin-top:10px; padding: 0;}
.popup #footer {padding:10px 20px 10px 20px;}

#strumenti {float:right;height:20px;margin-top:10px; font-family: Verdana; font-size:11px; color: #666666;}
#strumenti a{color: #666666; text-decoration:none;}
#strumenti a:hover{color: #E51930; text-decoration:none;}

/* -- FORM -------------------------------------------------------------------*/
input {height:13px; border: solid 1px #AEB19C; margin-bottom:5px; padding:3px 0 7px 0;}
input:hover {background-color:#FFFCD1;}
input[type=submit], button{height:30px; background-image:url('../images/bg_button.jpg'); background-position:top; background-repeat:repeat-x; }
input[type=submit]:hover, button:hover{background-image:url('../images/bg_button_hover.jpg'); }
textarea {border: solid 1px #AEB19C; margin-bottom:5px; }
textarea:hover {background-color:#FFFCD1;}
.formTesto {font-family: Verdana; font-size:12px; color:#333333; line-height:1em;}

/* -- RICERCA ----------------------------------------------------------------*/
#ricerca_header {border-bottom:solid 1px #F8FA1D; height:29px;}
#ricerca_header ul li {list-style:none; display:block; float:left; margin-right:10px; height:30px; width:180px; text-align:center; background-image:url('../images/bg_button.jpg'); background-position:top; background-repeat:repeat-x;}
#ricerca_header ul li.on, #ricerca_header ul li:hover{background-image:url('../images/bg_button_hover.jpg'); }
#ricerca_header ul li a, #ricerca_header ul li span {display:block; font-family: Arial; font-size:13px; padding:7px 0 0 0; text-decoration:none; color:#666666;}

#ricerca fieldset {background-color:#FFFCD1; margin-top:1px; display:block; padding:5px 10px 10px 10px;}
#ricerca .titolo_field {font-weight:bold; color:#666666; margin-bottom:10px;}

.selectArea {font-family: Verdana; font-size:13px; color:#666666; }

#ricerca_footer {border-top:solid 1px #F8FA1D; text-align:center; margin-top:1px;}

#results #nav_res{height:20px; margin-bottom:10px; }
#results h2, .titoloFamiglia h2{font-family: Georgia; font-size:18px;color:#888888;font-weight:bold;}
#results #nav_res .pagine{height:18px; line-height:18px; margin-left:10px; float:left; width:40px; color:#666666; font-size:12px;}

#results #nav_res a.first{background:url('../images/arrow_page_off_first.gif') center center no-repeat; display:block; width:18px; height:18px; margin-left:10px; float:left;}
#results #nav_res a.prev{background:url('../images/arrow_page_off_prev.gif') center center no-repeat; display:block; width:18px; height:18px; margin-left:10px; float:left;}
#results #nav_res a.next{background:url('../images/arrow_page_off_next.gif') center center no-repeat; display:block; width:18px; height:18px; margin-left:10px; float:left;}
#results #nav_res a.last{background:url('../images/arrow_page_off_last.gif') center center no-repeat; display:block; width:18px; height:18px; margin-left:10px; float:left;}

#results #nav_res a.first:hover{background:url('../images/arrow_page_on_first.gif') center center no-repeat;}
#results #nav_res a.prev:hover{background:url('../images/arrow_page_on_prev.gif') center center no-repeat;}
#results #nav_res a.next:hover{background:url('../images/arrow_page_on_next.gif') center center no-repeat;}
#results #nav_res a.last:hover{background:url('../images/arrow_page_on_last.gif') center center no-repeat;}

#results table {text-align:left; color:#666666;}
#results thead {background-image:url('../images/header_tab.gif');background-position:center top;background-repeat:repeat-x;height:32px; font-weight:bold; }
#results .resRicerca tbody tr {border-bottom:1px dashed #E3E3E3;}
#results tbody a img{border:1px solid #666666;}
#results tbody a:hover img{border:1px solid #E51930;}
#results tbody a, .id_articolo{color: #666666; text-decoration:none; font-weight:bold;}
#results tbody a:hover{color: #E51930; text-decoration:none;}
#results thead td {padding:10px;}
#results tbody td {vertical-align:top; padding:10px;}

#results tbody tr.divisioneGruppo, #results tbody tr.inizioGruppo {border-bottom:none;}
#results tbody tr.divisioneGruppo td, #results tbody tr.inizioGruppo td {border-top:1px solid #FAEF19;}
#results tbody tr.divisioneGruppo td.prezzo {border-top:none;}

#results tbody tr td.prezzo {text-align:right;}

.titoloFamiglia{margin-bottom:10px;}
.imgFamiglie {float:left; width:100px; padding-top:33px;}
.imgFamiglia{margin:10px; border:1px solid #666666; display:block;}
.imgFamiglia:hover{border:1px solid #E51930;}

.certificati {font-family:Verdana; font-size:10px; color:#666666; font-weight:bold; width:60px; background:url('../images/bg_btn.gif') bottom center repeat-x #F8F8F4; text-decoration:none; display:block; padding:10px; margin:0 0 5px 10px;}
.certificati:hover {background:url('../images/bg_btn_on.gif') bottom center repeat-x #FFFCD6;}

.contFamiglie {background-color:#F6F6F6;background-image:url('../images/header_tab.gif');background-position:center top;background-repeat:repeat-x;margin-bottom:10px;}

.resFamiglia tr {border:0;}
.resFamiglia {border-bottom:1px solid #FAEF19; height:100%;}

#path_ricerca {height:30px; line-height:30px; font-family:Verdana;}
#path_ricerca a{text-decoration:none; color:#666666; font-weight:bold; font-size:11px;}
#path_ricerca a:hover{color:#E51930;}

/* grafica*/
#grafica_results a img{display:block; }
#grafica_results a{margin:5px; border:1px solid #666666; padding:10px;display:block;float:left;}
#grafica_results a:hover{border:1px solid #E51930;}

div.accessori, div.attrezzi, div.cappucci {font-family:Verdana; color:#666666; font-weight:bold; text-align:center; width:130px; height:20px; background:url('../images/bg_btn.gif') center center repeat-x; line-height:20px;margin-right:10px; float:left;}
div.accessori:hover, div.attrezzi:hover, div.cappucci:hover {background:url('../images/bg_btn_on.gif') center center repeat-x; cursor:pointer;}