/* Motorecco website 2007 - CSS Document */

html, body { height: 100%; }
body { background: White url(Images/bg_body.gif); color: Black; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
a { color: #003366; background-color: transparent; }
a:hover { text-decoration: underline; }
form#aspnetForm { margin: 0; padding: 0; height: 100%; }

/* Stili generici */
.clear { clear: both; height: 1px; }
.dotclearer { clear: both; height: 10px; background: url(Images/dotclear.gif) repeat-x; overflow: hidden; }

/* ***** Contenitori generali ***** */
#outercontainer { width: 100%; height: 100%; margin: 0; }
#innercontainer { position: relative; width: 930px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; background: url(Images/bg_filler.gif) repeat-y; border: solid #CCCCCC; border-width: 0 1px; }

/* ***** Header ***** */
#header { width: 930px; height: 80px; background: url(Images/moto-recco-hbg.gif) repeat-x left top; }
#header a img { border: none; }
#logo { float: left; width: 230px; padding: 0; }
div#menu { height: 40px; width: 700px; padding-top: 40px; float: left; text-align: center; }
div#menu .static-menu-item { font-weight: bold; font-size: 14px; }
div#menu .static-menu-item a { text-decoration: none; color: white; }
div#menu .static-menu-item a:visited { text-decoration: none; color: white; }
div#menu .static-menu-item a:hover { text-decoration: underline; color: white; }

/* ***** Breadcrumbs ***** */
#breadcrumbs { color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: White url(Images/dottedline.gif) bottom left repeat-x; padding: 2px 0 3px; margin-left: 12px; }
#breadcrumbs a { color: #666666; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .currentnode { font-weight: bold; }

/* ***** Footer ***** */
#footer { margin-top: 5px; position: absolute; bottom: 0; width: 100%; color: #ffff00; text-align: center; padding: 0; font-size: 11px; background-color: #003399; }
#footer a { color: #ffff00; }
#footer .content { padding-top: 5px; padding-bottom: 5px; }

/* ***** Section ***** */
#sectionouterbody { background: White url(Images/top-motorecco.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#sectionouterbody h1 { margin-top: 0; font-size: 21px; font-weight: bold; color: #2752a8; }
#sectionouterbody h2 { margin-top: 0; font-size: 16px; font-weight: bold; color: #2752a8; }
#sectioninnerbody { width: 100%; background: url(Images/bg_section.gif) repeat-y; margin-bottom: 10px; overflow: hidden; color: #666666; }
#sectioncontent { float: left; width: 703px; margin: 0; padding: 10px; }

/* ***** Subsection ***** */
#subsectionouterbody { background: White url(Images/top-motorecco.gif) 12px 2px no-repeat; padding-left: 12px; padding-top: 14px; }
#subsectionouterbody h1 { margin-top: 0; font-size: 21px; font-weight: bold; color: #2752a8; }
#subsectionouterbody h2 { margin-top: 0; font-size: 16px; font-weight: bold; color: #2752a8; }
#subsectioninnerbody { width: 100%; background: url(Images/bg_subsection.gif) repeat-y; margin-bottom: 10px; overflow: hidden; }
#subsectioncontent { float: left; width: 565px; margin: 0; padding: 10px; }

/* ***** Submenu ***** */
.submenutitle { font-size: 11px; font-weight: normal; color: #666666; background: #CCCCCC url(Images/submenutitle_dotted.gif) bottom left repeat-x; padding: 3px 0 5px; padding-left: 5px; text-transform: uppercase; }
#submenu { float: left; width: 130px; margin: 0; padding: 3px; padding-right: 5px; color: #666666; }
#submenu ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
#submenu ul li { padding: 0 0 1px; margin: 0; color: #666666; background: url(Images/dottedline.gif) bottom left repeat-x; }
#submenu ul li a { display: block; padding: 2px 0; padding-left: 12px; margin: 1px 0; width: auto; color: #666666; background: url(Images/submenu-pointer.gif) 4px 6px no-repeat; text-decoration: none; }
#submenu ul li a:hover { background-color: #F5F5F5; }

/* ***** Extra ***** */
#extra { float: left; width: 195px; margin: 0; margin-right: -2px; padding: 0 0 10px; }
#extra .csboxtitle { font-size: 13px; font-weight: bold; color: White; background: #2752a8; height: 18px; margin-left: 1px; padding-left: 5px; padding-top: 2px; }
#extra ul { margin: 10px 0 0; padding: 0 5px; list-style-type: none; font-size: 10px; color: #3C3C3C; }
.pollbar { background-color: #FFEF00; font-size: 4px; }

/* ***** Tabelle presentazione prodotti ***** */
.tablesezione { border: none; width: 100%; }
.tablesezione td { vertical-align: top; width: 33%; padding-bottom: 15px; padding-right: 10px; font-size: 11px; color: #666666; }
.titoletto { font-size: 13px; font-weight: bold; color: #2752a8; padding-bottom: 2px; }
.titoletto a { color: #2752a8; }
.icona { float: left; padding-right: 10px; }
.icona img { border: none; }

.boxhome { border-right: 1px dotted; background-position: left bottom; border-top: 1px dotted; background-attachment: scroll; border-left: 1px dotted; border-bottom: 1px dotted; background-repeat: repeat-x; background-color: transparent; padding-right: 4px; margin-top: 4px; padding-left: 4px; margin-bottom: 8px; padding-bottom: 4px; padding-top: 4px; }