/* CSS Document */

html, body, div, img, ul, li, span, form, fieldset, select, option, p, h1, h2, h3 { margin:0; padding:0 }

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align:center } 
a { color:#000; text-decoration:none }
a:hover { text-decoration:underline }

/*Title, price classes*/
.priceHome { color:#f00; font-size:18px; }
.priceHome a { color:#f00; font-size:18px; }
.priceTech { color:#f00; font-size:11px; }
.priceTech a { color:#f00; font-size:11px; }
.titleNews { font-size:16px; font-weight:bold }
.banner3 { margin-top:6px; border:0px; margin-left:6px }
/*.clearFloat { clear:both }*/
.floatLeft { float:left }
.titoloPromo {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;}

/* Form Classes */
.inputLabel { font-size:9px; color:#000; border:solid 1px #666666 }
.inputLabel1 { font-size:9px; color:#000; border:solid 1px #666666 ; margin-top :2px; margin-bottom:2px;}

#container { width:985px; margin:0 auto; text-align:left }
/* Testata in alto */
#header { width:985px; height:140px; margin-bottom:5px; }
/*Menu in alto*/
#header #header-top { width: inherit; height:23px; text-align:right; background:url(../immagini/bg_header_top_black.jpg) no-repeat }
#header #header-top #header-links { position:relative; float:left; top:0px; left:0px; }
#header #header-top #header-links span { margin-left:30px; margin-right:30px; line-height:20px} 
#header #header-top #header-links span a { color:#000; font-size:12px; text-decoration:none }
#header #header-top #header-links span a:hover { color:#959696; font-size:12px; text-decoration:underline }
#header #header-top span#cart { margin-right:40px; line-height:20px; text-align:right; }
#header #header-top span#cart a { color:#000; font-size:12px; font-weight:bold }
#header #header-top span#cart a:hover { color:#FF9900; }

/*Header centrale*/
#header #header-middle { clear:left; width:inherit; height:93px; margin:0 auto; background:url(../immagini/bg_header_middle.jpg) no-repeat }
#header #header-middle #logo-area { float:left; width:708px; padding-top:6px; padding-bottom:6px;  }
#header #header-middle #logo-area img { float:left; margin-left:20px; border:none }
#header #header-middle #logo-area img.logo {  float:left; margin-left:20px; padding-top:-6px; border:none }
#header #header-middle #logo-area .bannerTop { float:left; margin-left:30px; border:none }

/*Login Form*/
#header #header-middle #login-form { margin-left:708px; height:93px;  color:#000;  }
#header #header-middle #login-form .banner3 { padding-top:16px; border:0 }
#header #header-middle #login-form-in { margin-left:708px; height:93px;  color:#000; background:url(../immagini/bg_header_middle_in.jpg) no-repeat }
#header #header-middle #login-form-in .banner3 { padding-top:6px; margin-left:20px; border:0 }
#header #header-middle #login-form #loginForm { width:260px; height:92px; margin-left:8px; overflow: hidden  }
#header #header-middle #login-form #loginForm fieldset { border:0 }
#header #header-middle #login-form #loginForm fieldset#user { float:left  }
#header #header-middle #login-form #loginForm fieldset#password { float:left; font-size:9px }
#header #header-middle #login-form #loginForm fieldset#password .passwordField { height:13px; margin-left:2px; margin-right:4px; font-size:9px; color:#000; border:solid 1px #666666 }
#header #header-middle #login-form #loginForm fieldset#login { margin-top:12px; margin-left:2px }
#header #header-middle #login-form #loginForm fieldset#check-password  { clear:left; margin-left:-4px; margin-top:-2px }
#header #header-middle #login-form #loginForm fieldset#register { font-size:18px; }
#header #header-middle #login-form #loginForm fieldset#register a { color:#F00; text-decoration:none }
#header #header-middle #login-form #loginForm fieldset#register a:hover { color:#000; text-decoration:underline }
#header #header-middle #login-form #loginForm fieldset#rescue { width:120px; margin-top:-2px }
#header #header-middle #login-form #loginForm fieldset#rescue a { color:#959696}
#header #header-middle #login-form #loginForm fieldset#rescue a:hover { color:#000 }

/*Campi ricerche*/
#header #header-research { clear:left; width:985px; height:22px; text-align:right; background:url(../immagini/bg_header_research.gif) no-repeat  }
#header #header-research #searchForm { position:relative; margin-left:20px }
#header #header-research #searchForm fieldset { float:left; margin-top:2px; margin-left:5px; border:0 }
#header #header-research #welcome-logout { width:auto; margin-right:12px; font-size:10px; font-weight:bold } 
#header #header-research #welcome-logout span#no-log { padding-top:5px;  font-weight:bold }
#header #header-research #welcome-logout span#in-log { padding-right:8px; font-size:10px }
#header #header-research #welcome-logout img { position:relative; top:2px; border:0 }
#header #header-research #welcome-logout a:hover { color:#fff  }

/*Colonna Navigazione */
#navigation { float:left; width:206px; height:100%; min-height:520px;background:#f1f1f1; text-align:center;  }
#navigation #button-area { margin-top:5px; margin-bottom:5px; border:0; }
#navigation #menu { width:200px; background:#fff; margin-left:2px; border:solid 1px #989288; text-align:left }
#navigation #menu ul { list-style-type:none }
#navigation #menu ul li { width:200px; padding-top:2px; padding-bottom:2px; text-indent:4px; background:url(../immagini/lineDotted.gif) no-repeat bottom center  }
#navigation #menu ul li a { display:block; color:#000; font-size:9px; width:inherit; text-decoration:none }
#navigation #menu ul li a:hover { color:#fff; background:#49545d url(../immagini/arrow_nav.gif) no-repeat 185px }
#navigation .bannerColSx { margin-left:3px; margin-top:10px; margin-bottom:10px; border:0 }

/*Contenuti Centrali*/
#content { margin-left:210px;  height:auto } /*min-height:520px;*/
#content #prod-grid {   }
#content #prod-grid .product { float:left; width:254px; margin-right:4px; margin-bottom:4px; }
#content #prod-grid .product .top-prod { width:254px; height:8px; background:url(../immagini/table_prod_top.gif) no-repeat bottom }
#content #prod-grid .product .content-prod { width:252px; height:130px; border-left:solid 1px #49545d; border-right:solid 1px #49545d;  }
#content #prod-grid .product .content-prod .img-prod { float:left; width:125px; text-align:center }
#content #prod-grid .product .content-prod .description-prod { position:relative; margin-left:125px; }
#content #prod-grid .product .content-prod .description-prod .title-prod{ position:absolute; top:0; height:120px; background:#f1f2f2;width:127px; overflow:hidden }
#content #prod-grid .product .content-prod .description-prod .price-prod{ position:absolute; top:98px; width:127px; height:33px; background:#e8e8e8 }
#content #prod-grid .product .bottom-prod { width:254px; height:12px; background:url(../immagini/table_prod_bottom.gif) no-repeat top}
#content #prod-grid .product-vuoto { float:left;  width:554px; margin-right:4px; margin-bottom:4px; display:block; height:2px}

/*News e Promo*/
#content .news-grid { float:left; width:380px; height:auto; margin-top:4px; margin-right:4px; margin-bottom:5px; background:url(../immagini/bg_top_news.gif) no-repeat left top   }
#content .news-grid ul { list-style-type:none; background:#f1f2f2 }
#content .news-grid ul li { width:380px; padding-top:2px; padding-bottom:2px; border-bottom:solid 1px #335662 } 
#content .news-grid ul li a { text-decoration:none }
#content .news-grid ul li a:hover{ color:#FF6600; text-decoration:underline }

/*Bannerone Finale*/
#content #banner-bottom { padding-top:10px; border:0; text-align:center }
 
/*Contenuti Centrali - CATALOGO NEW*/
#content .textArea { font-size:10px }
#content .table-category { background: url(../immagini/bg_category.gif) repeat-x; color:#49545d }
#content .bg-category { background: url(../immagini/line_categroy.gif)  no-repeat }
#content .titleCatalog { font-size:17px; padding-left:10px; padding-bottom:2px;  background:url(../immagini/barra_catalog.gif) no-repeat #fff }
#content .titleCatalog .fatto { font-size:15px; padding-left:10px; padding-bottom:2px;  background:url(../immagini/bg_header_top_black.jpg) no-repeat ; color:#000 }
#content .titleCatalog .fatto a { color:#fff; text-decoration:underline ; font-weight:bold }
#content .titleCatalog2 { font-size:12px; font-weight:bold; padding-left:10px;  background:url(../immagini/barra_catalog.gif) no-repeat }
#content .bottomBorder { margin-bottom:2px; border-bottom:dashed 1px #49545d; }
#content .titleProduct { color: #FF6600; font-size:10px; font-weight:bold }
#content .buttonRegistrati { width:97px; height:36px }
#content .buttonRegistrati a { display:block; width:97px; height:36px;  background:url(../immagini/button_registrati_off.jpg) no-repeat }
#content .buttonRegistrati a:hover { background:url(../immagini/button_registrati_on.jpg) no-repeat } 
#content .buttonOrdina { width:145px; height:36px }
#content .buttonOrdina a { display:block; width:145px; height:36px ; background:url(../immagini/button_ordina.gif) no-repeat }
#content .buttonOrdina a:hover { background:url(../immagini/button_ordina_on.gif) no-repeat }
#content .buttonPrev { width:97px; height:36px  }
#content .buttonPrev a { display:block; width:145px; height:36px ; background:url(../immagini/button_preventivo.gif) no-repeat }
#content .buttonPrev a:hover { background:url(../immagini/button_ordina_on.gif) no-repeat }

/*Piede*/
#footer { clear:left; position:relative; overflow:visible; top:4px; width:983px; height:47px; background:url(../immagini/bg_footer.gif) repeat-x; text-align:left }
#footer span { display:inline; padding:20px; line-height:25px; width:50px; height:27px; font-size:12px; background:url(../immagini/lineGrey.gif) no-repeat right  }
#footer span a { text-decoration:none }
#footer span a:hover { text-decoration:underline }
#footer .lastLink { background:none }
#footer #data { margin-top:6px; text-align:center; } 

/* Progress bar */
.fase1 { height:20px; font-size:12px; font-weight:bold; text-align:center; background:url(../immagini/fase1.gif) no-repeat }
.fase2 { height:20px; font-size:12px; font-weight:bold; text-align:center; background:url(../immagini/fase2.gif) no-repeat }
.fase3 { height:20px; font-size:12px; font-weight:bold; text-align:center; background:url(../immagini/fase3.gif) no-repeat }
.fase4 { height:20px; font-size:12px; font-weight:bold; text-align:center; background:url(../immagini/fase4.gif) no-repeat }


#stampa { margin-left:10px;  height:auto } /*min-height:520px;*/
#stampa .textArea { font-size:10px }
#stampa .table-category { background: url(../immagini/bg_category.gif) repeat-x; color:#49545d }
#stampa .bg-category { background: url(../immagini/line_categroy.gif)  no-repeat }
#stampa .titleCatalog { font-size:17px; padding-left:10px; padding-bottom:2px;  background:url(../immagini/barra_catalog.gif) no-repeat #fff }
#stampa .titleCatalog .fatto { font-size:15px; padding-left:10px; padding-bottom:2px;  background:url(../immagini/bg_header_top_black.jpg) no-repeat ; color:#000 }
#stampa .titleCatalog .fatto a { color:#fff; text-decoration:underline ; font-weight:bold }
#stampa .titleCatalog2 { font-size:12px; font-weight:bold; padding-left:10px;  background:url(../immagini/barra_catalog.gif) no-repeat }
#stampa .bottomBorder { margin-bottom:2px; border-bottom:dashed 1px #49545d; }
#stampa .titleProduct { color: #FF6600; font-size:10px; font-weight:bold }
#stampa .buttonRegistrati { width:97px; height:36px }
#stampa .buttonRegistrati a { display:block; width:97px; height:36px;  background:url(../immagini/button_registrati_off.jpg) no-repeat }
#stampa .buttonRegistrati a:hover { background:url(../immagini/button_registrati_on.jpg) no-repeat } 
#stampa .buttonOrdina { width:145px; height:36px }
#stampa .buttonOrdina a { display:block; width:145px; height:36px ; background:url(../immagini/button_ordina.gif) no-repeat }
#stampa .buttonOrdina a:hover { background:url(../immagini/button_ordina_on.gif) no-repeat }
#stampa .buttonPrev { width:97px; height:36px  }
#stampa .buttonPrev a { display:block; width:145px; height:36px ; background:url(../immagini/button_preventivo.gif) no-repeat }
#stampa .buttonPrev a:hover { background:url(../immagini/button_ordina_on.gif) no-repeat }

