﻿
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------ Menù -------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#menu ul { list-style:none; padding:0; margin:0; }
#menu ul li { background:url(/img/divisorio-menu.gif) right no-repeat; display:block; height:27px; float:left; margin:0; padding:13px 7px 0 11px; text-transform:uppercase; font-size:11px; font-weight:bold; color:#FFF; }
#menu ul li:last-child { background:none !important; }
#menu ul a { color:#FFF; text-decoration:none; }                /* <----- il problema su IE6 sta qui! */
#menu ul li:hover, #menu ul li:hover a { background-color:#FFF; background-image:none; color:#333; }

.on  { background-color:#FFF!important; background-image:none!important; color:#333!important; }
.on a {color:#333!important; }

#nav_modelli, #nav_accessori { position:relative; }

.wrap_nav_modelli { width:980px; height:auto; background-color:#FFF; }

.wrap_nav_modelli .content { margin:10px; margin-top:26px; min-height:515px; height:auto !important; height:515px; }

.wrap_nav_accessori { width:980px; height:auto; background-color:#FFF; }
.wrap_nav_accessori .content { margin:10px; padding-left:70px; font-weight:normal; line-height:18px; min-height:169px; height:auto !important; height:169px; /* <-- solo IE6 */ }
.wrap_nav_accessori .content h6 { font-weight:bold; font-size:11px; } 
.wrap_nav_accessori .content a:hover { color:#d52b1e !important; }

.wrap_nav_abbigliamento { width:980px; height:auto; background-color:#FFF; }
.wrap_nav_abbigliamento .content { margin:10px; padding-left:154px; font-weight:normal; line-height:18px; min-height:169px; height:auto !important; height:169px; /* <-- solo IE6 */ }
.wrap_nav_abbigliamento .content h6 { font-weight:bold; font-size:11px; } 
.wrap_nav_abbigliamento .content a:hover { color:#d52b1e !important; }

.wrap_nav_store { width:980px; height:auto; background-color:#FFF; }
.wrap_nav_store .content { margin:10px; padding-left:266px; font-weight:normal; line-height:18px; min-height:169px; height:auto !important; height:169px; /* <-- solo IE6 */ }
.wrap_nav_store .content h6 { font-weight:bold; font-size:11px; } 
.wrap_nav_store .content a:hover { color:#d52b1e !important; }
.wrap_nav_store .content .col1 { float:left; width:102px; } 
.wrap_nav_store .content .col2 { float:left; width:520px; border-left:1px solid #b2b2b2; padding-left:10px; }
.wrap_nav_store .content .col2 .col_reg { float:left; margin-right:20px; } 


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------ Slide modelli categorie -----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav_modelli_categ { margin-bottom:23px; }
#nav_modelli_categ #content_thumbs_categ { display:block; width:839px; height:220px; float:left; }

ul#content_thumbs_categ { list-style:none; padding:0; margin:0; }
ul#content_thumbs_categ li { width:212px !important; height:220px !important; padding:0 !important; background-color:#FFF; background-image:none !important; }

#nav_modelli_categ .bx-window { width:840px !important; margin-left:61px; }
#nav_modelli_categ .bx-wrapper .bx-prev { background:#cc0000 url(/allSites/images/freccia_left.gif) no-repeat !important; display:block; position:absolute; z-index:100; top:93px; left:16px; width:20px; height:20px; text-align:center; }
#nav_modelli_categ .bx-wrapper .bx-next { background:#cc0000 url(/allSites/images/freccia_right.gif) no-repeat !important; display:block; position:absolute; z-index:100; top:93px; right:-94px; width:20px; height:20px; text-align:center; }

ul#content_thumbs_categ li .thumb { width:203px; height:220px; }
ul#content_thumbs_categ li .thumb .image { width:201px; height:168px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;  }
ul#content_thumbs_categ li .thumb .image a { padding:0; margin:0; font-size:0px; }
ul#content_thumbs_categ li .thumb .dida { width:201px; height:24px; padding-top:8px; border:1px solid #ccc; text-align:center; font-size:12px; font-weight:bold; color:#2f3c4b; text-transform:uppercase; }
ul#content_thumbs_categ li:hover { }
ul#content_thumbs_categ li:hover .thumb { background-color:#003145; background-image:url('/allSites/images/content_thumbs_categ_hover.gif') !important; background-repeat:no-repeat; background-position:bottom; cursor:pointer; }
ul#content_thumbs_categ li:hover .thumb .image { border-top:1px solid #003145; border-left:1px solid #003145; border-right:1px solid #003145; }
ul#content_thumbs_categ li:hover .thumb .dida { background-color:#003145; border:1px solid #003145; color:#FFF;  }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------- Slide modelli sub categorie -----------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav_modelli_subcateg { margin-bottom:23px; }

ul.content_thumbs_subcateg { list-style:none; padding:0; margin:0; }
ul.content_thumbs_subcateg li { width:169px !important; height:240px !important; padding:0 !important; background-color:#FFF; background-image:none !important; }

#nav_modelli_subcateg .bx-window { width:840px !important; margin-left:61px; }
#nav_modelli_subcateg .bx-wrapper .bx-prev { background:#cc0000 url(/allSites/images/freccia_left.gif) no-repeat !important; display:block; position:absolute; z-index:100; top:71px; left:16px; width:20px; height:20px; text-align:center; }
#nav_modelli_subcateg .bx-wrapper .bx-next { background:#cc0000 url(/allSites/images/freccia_right.gif) no-repeat !important; display:block; position:absolute; z-index:100; top:71px; right:-94px; width:20px; height:20px; text-align:center; }

ul.content_thumbs_subcateg li .thumb { width:161px; height:220px; }
ul.content_thumbs_subcateg li .thumb .image { width:159px; height:131px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; font-size:1px; line-height:1px;  }
ul.content_thumbs_subcateg li .thumb .dida { width:159px; min-height:14px; height:auto !important; height:14px; /* solo IE6 */ padding-top:7px; padding-bottom:7px; border:1px solid #ccc; text-align:center; font-size:12px; font-weight:bold; color:#2f3c4b; text-transform:uppercase; }
ul.content_thumbs_subcateg li .thumb .links { text-transform:none; padding:6px 10px; width:139px; height:45px; border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; color:#003145;   }
ul.content_thumbs_subcateg li .thumb .links a { background:transparent url(/allSites/images/arrow-small.gif) 0px 3px no-repeat !important; padding:0 0 0 10px; margin:0; }
ul.content_thumbs_subcateg li .thumb .links a:hover { color:#d52b1e !important; }
ul.content_thumbs_subcateg li:hover { }
ul.content_thumbs_subcateg li:hover .thumb { background:#003145 !important; cursor:pointer; }
ul.content_thumbs_subcateg li:hover .thumb .image { border-top:1px solid #003145; border-left:1px solid #003145; border-right:1px solid #003145; }
ul.content_thumbs_subcateg li:hover .thumb .dida { background-color:#003145; border:1px solid #003145; color:#FFF;  }
ul.content_thumbs_subcateg li:hover .thumb .links { border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#003145; background-color:#f0f0f0;  }
ul.content_thumbs_subcateg li:hover .thumb .links a { background:transparent url(/allSites/images/arrow-small.gif) 0px 3px no-repeat !important; }

