body { background: url(image/background.gif) #F4F4F4 no-repeat top center; margin: 0px; padding: 0px; }
#content { width: 780px; margin: 0px auto 0px auto; display: block; }

#menu { background: url(image/background_black.gif) #474C4F no-repeat; height: 130px; width: auto; }
#submenu { background: url(image/divisoriotop.gif) #EBEBEB repeat-x bottom; height: 40px; width: auto; padding-left: 18px; }
#contenuti { background: url(image/divisoriobottom.gif) #EBEBEB repeat-x bottom; width: auto; overflow: hidden; height: 100%; padding: 10px 8px 25px 8px; }
#base { background: url(image/background_black.gif) 0px -130px #474C4F no-repeat; height: 100px; width: auto; }

#foot { margin: 25px 12px 0px 20px; }

/******** TESTO *********/
h1 { font: normal 18px "trebuchet ms", sans-serif; color: #FF9300; margin: 0px; padding: 0px; }
h1 a { color: #FF9300; text-decoration: none; } h1 a:hover { color: #FF9300; text-decoration: none; }

h2, div#articolo a h2 { font: bold 14px "arial narrow", sans-serif; font-stretch: condensed; color: #BE3C28; margin: 0px; padding: 0px; } h2 b { color: #333; text-transform: uppercase; }
div#articolo span { font-size: 10px; color: #333; text-transform: uppercase; }

h6 { font: normal 11px "arial narrow", sans-serif; font-stretch: condensed; color: #fff; margin: 0px; padding: 0px; } h6 b { font-weight: bold; color: #FF9300; }
h6 a { color: #fff; text-decoration: none; } h6 a:hover { color: #FF9300; text-decoration: none; }

p, ol li { font: normal 11px tahoma, arial, sans-serif; color: #333; margin: 0px; padding: 0px; } p b { font-weight: bold; color: #BE3C28; text-transform: uppercase; }
p a { font-weight: bold; color: #666; text-decoration: none; } p a:hover { font-weight: bold; color: #666; text-decoration: underline; }
#boxcontenutisubmenu p a, table.carrelloprodotto th p a, table.carrelloprodotto th p a:hover { font-weight: normal; color: #333; text-decoration: none; } #boxcontenutisubmenu a:hover, #boxcontenutisubmenu a.active { font-weight: normal; color: #BE3C28; text-decoration: underline; }
#boxcontenutifoot p { color: #666; }

span#totcarrello { width: 160px; font: 11px tahoma, arial, sans-serif; color: #333; margin: 0px; padding-left: 10px; float: right; background: url(image/divisoriocarrello.gif) repeat-y top left; }
span#totcarrello p { font-weight: normal; color: #333; float: left; } span#totcarrello b { font-weight: bold; color: #333; float: right; }

/******** MENU e LISTE *********/
ol { margin: 0px 0px 0px 30px; padding: 0px; }

ul#nav { margin-top: 60px; padding: 0px; }
ul#nav li { float: left; margin-left: 10px; padding: 0px; list-style-type: none; }
ul#nav li a { height: 14px; display: block; background-position: 0px 0px; text-indent: -2200px; font: normal 6px sans-serif; color: #000; }
ul#nav li a:hover, ul#nav li.active a { background-position: 0px -14px; }

ul#subnav { font: normal 13px arial, sans-serif; list-style-type: none; margin-top: 6px; padding: 0px; }
ul#subnav li { float: left; margin-right: 15px; padding: 0px; } ul#subnav li input { float: left; }
ul#subnav li a { text-decoration: none; color: #232426; margin: 0px; padding: 0px; cursor: pointer; }
ul#subnav li a:hover, ul#subnav li.active { text-decoration: none; color: #CE5300; }
ul#subnav li.carrello { margin: -5px 0px 0px 20px; position: relative; }
li.carrello a { display: block; text-decoration: none; height: 28px; background: transparent url(image/icona_carrello.gif) no-repeat center top; width: 175px; }
li.carrello a:hover, li.carrellohover { background-position: center bottom; }
li.carrello a span { margin-top: 6px; }

#menustep table { width: 100%; border-collapse: collapse; } #menustep table td { background: none; }
#menustep ul { float: right; width: 430px; } #menustep li { float: left; display: inline; margin-right: 15px; }
#menustep a { display: block; text-decoration: none; text-indent: -2100px; height: 22px; }
#step1 { background: transparent url(image/carrello_step1.gif) no-repeat left top; width: 122px; }
#step2 { background: transparent url(image/carrello_step2.gif) no-repeat left top; width: 133px; }
#step3 { background: transparent url(image/carrello_step3.gif) no-repeat left top; width: 125px; }
#menustep a:hover, #menustep li.active a { background-position: 0 -22px; }

#menucategorie { width: auto; background: url(image/menucategorie.gif) left bottom; }
#menucategorie ul { list-style: none; margin: 0px; padding: 0px 0px 1px 0px; font: bold 13px "arial narrow", arial, helvetica, sans-serif; font-stretch: condensed; }
#menucategorie a { height: 32px; height: 24px; text-decoration: none; color: #3F3F3F; display: block; background: url(image/menucategorie.gif); padding: 8px 0px 0px 25px; }
#menucategorie a:hover, #menucategorie li.active a { color: #3F3F3F; background: url(image/menucategorie.gif) 0 -33px; padding: 8px 0 0 25px; }

#boxcontenutisubmenu { text-align: right; background: url(image/background_contenuti.gif) repeat-x top left; padding: 10px 10px 0px 10px; font: normal 10px tahoma, arial, sans-serif; color: #999; height: 40px; }
#boxcontenutifoot { background: url(image/background_contenuti.gif) repeat-x 0px -33px; padding: 10px 10px 0px 10px; }
#boxcontenutifoot td { background: none; }
#boxcontenutisubmenu input, #boxcontenutisubmenu p { display: inline; } #boxcontenutisubmenu b { color: #333; font-weight: bold; }
#boxcontenutisubmenu ul { list-style-type: none; display: inline; }
#boxcontenutisubmenu li { float: left; margin-right: 4px; } #boxcontenutisubmenu li a { text-decoration: none; color: #999999; }
#boxcontenutisubmenu li a:hover, #boxcontenutisubmenu li.selected a { text-decoration: none; color: #CE5300; }

ul#foot { float: left; margin: 0px; padding-left: 15px; list-style-image: url(image/icona_freccia.gif); }
ul#foot li { margin-right: 15px; padding: 0px; }

/******** VARIE *********/
.left { float: left; padding: 0px; margin: 0px; } .right { float: right; padding: 0px; margin: 0px; }
.textcenter { text-align: center; margin-top: 5px; } .textright { text-align: right; } .textleft { text-align: left; } .textjustify { text-align: justify; }

img { border: 0px solid; }
img#logo { margin: 20px 0px 0px 20px; border: 0px; }
img#angolodx { display: block; position: relative; top: 192px; z-index: 5; float: left; }

div#miniature { width: 90px; height: 90px; float: left; margin-right: 5px; padding: 0px; border: 1px solid #c1c1c1; background-color: #fff; text-align: center; }
div#thumbnailgallery { width: 90px; height: 90px; display: table; text-align: center; float: left; margin: 0px 3px 3px 0px; border: 1px solid #686868; background: url(image/img_nondisponibile.gif) no-repeat }
.margine { margin: 0px 6px 0px 6px; }

div.ombra { float: left; background: url(image/shadow.png) no-repeat bottom right !important; background: url(image/shadow.gif) no-repeat bottom right; margin: 8px 0px 5px 10px !important; margin: 8px 0px 5px 1px; }
fieldset#ombrahome { width: 745px; display: block; background-color: #fff; border: 1px solid #888; margin: -6px 6px 6px -6px !important; margin: 0px 6px 6px 0px; padding: 4px !important; padding: 4px 4px 0px 4px; }
fieldset#ombranew { width: 745px; display: block; background-color: #FF6600; border: 1px solid #FF6600; margin: -6px 6px 6px -6px !important; margin: 0px 6px 6px 0px; padding: 4px; }

.righaalternata { background-color: #ccc; }

/******** MAPPA GOOGLE *********/
#map { width: 100%; height: 450px; border: 1px solid #333; } #mapbox img { float: left; margin-right: 5px; }
#mapbox { width: 350px; font: normal 11px tahoma, arial, sans-serif; color: red; margin: 0px; padding: 0px; }
#mapbox form p { float: left; padding-bottom: 20px; }

/******** FORM *********/
form { display: inline; margin: 0px; padding: 0px; }
input, select, textarea { font: normal 10px tahoma, arial, sans-serif; color: #666; padding-left: 3px; margin: 0px 2px 1px 0px; width: auto; }
input.bottone { font-weight: bold; color: #BE3C28; }

label { font: normal 11px tahoma, arial, sans-serif; color: #333; margin: 0px 1px 0px 0px; padding: 0px; }
label input, label select, label textarea { width: auto; height: auto; margin: 0px; padding: 0px; display: block; }
form #inline { display: inline; float: left; } label#inline input, label#inline select { display: inline; margin-right: 5px; padding: 0px; }

input.search { width: 14px; height: 20px; background: url(image/icona_search.gif); cursor: pointer; border: 0px solid; }
input.searchover { width: 14px; height: 20px; background: url(image/icona_search.gif) 0px -20px; cursor: pointer; border: 0px solid; }

input.next { width: 41px; height: 16px; background: url(image/icona_next.gif); cursor: pointer; border: 0px solid; }
input.nextdown { width: 41px; height: 16px; background: url(image/icona_next.gif) 0px -16px; cursor: pointer; border: 0px solid; }
input.prev { width: 41px; height: 16px; background: url(image/icona_prev.gif); cursor: pointer; border: 0px solid; }
input.prevdown { width: 41px; height: 16px; background: url(image/icona_prev.gif) 0px -16px; cursor: pointer; border: 0px solid; }

/******** TABELLE *********/
table.carrello { border-collapse: collapse; width: 100%; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; }
table.carrello thead th { background: url(image/background_carrello.gif) repeat-x top left; height: 30px; font: normal 10px tahoma, arial, sans-serif; color: #999999; text-align: right; padding-right: 10px; }
table.carrello tbody th { background: url(image/background_carrello.gif) 0px -32px; padding: 15px 0px 15px 0px; text-align: left; }
table.carrello tbody td { background: url(image/background_carrello.gif) 0px -32px; padding: 15px 10px 15px 10px; text-align: left; vertical-align: top; }
table.carrello tfoot td { background: url(image/background_carrello.gif) 0px -417px; height: 50px; font: normal 10px tahoma, arial, sans-serif; color: #999999; text-align: right; padding-right: 10px; }
table.carrello tfoot td.vuoto { background: url(image/background_contenuti.gif) repeat-x; height: 34px; padding: 0px; }
table.carrello tfoot th { background: url(image/background_carrello.gif) 0px -467px; height: 33px; text-align: left; padding: 0px 10px 0px 10px; }
table.carrello tfoot th, table.carrello tfoot th a { font: normal 10px tahoma, arial, sans-serif; color: #999999; text-decoration: none; }

table#statoordini { border-collapse: collapse; width: 100%; font: normal 11px tahoma, arial, sans-serif; color: #333; }
table#statoordini a { font-weight: bold; color: #BE3C28; text-decoration: none; } table#statoordini a:hover { font-weight: bold; color: #666; text-decoration: underline; }
table#statoordini thead th { border: 1px solid #333; background: #ccc; font: bold 11px arial, sans-serif; color: #333; padding: 2px; margin: 0px; }
table#statoordini tbody td { border: 1px solid #333; background-image: none; padding: 2px; margin: 0px; vertical-align: top; }
table#statoordini tfoot th { background-image: none; padding: 2px; margin: 0px; } table#statoordini tfoot th ul { padding: 0px; margin: 10px 0px 10px 0px; float: left; list-style-type: none; }
table#statoordini tfoot th li { display: inline; float: left; margin-right: 5px; } table#statoordini tfoot th li img { margin-right: 2px; vertical-align: middle; }
table#statoordini caption { padding: 10px 0px 10px 0px; text-align: right; } table#statoordini caption label input, table#statoordini caption p { display: inline; }
table#statoordini tr.alt td { background-color: #E0E0E0; } table#statoordini tr.over td, tr:hover td {	background-color: #bcd4ec; }

div#prodotto { padding: 0px 10px 20px 10px; } div#prodotto table { border-collapse: collapse; width: 100%; } div#prodotto table td { background: none; }
div#prodotto thead th { text-align: left; vertical-align: top; } div#prodotto thead th.bordo { vertical-align: middle; border: 1px solid #686868; width: 286px; text-align: center; } div#prodotto thead th.bordo img { margin: 2px; }
th.bordo a { display: block; width: auto; }
div#prodotto tbody th { text-align: left; height: 100px; } div#prodotto tbody th p, div#prodotto tbody th label { padding-top: 5px; }

table.carrelloprodotto { border-collapse: collapse; width: 100%; } table.carrelloprodotto p { color: #333; padding: 3px 0px 3px 0px; }
table.carrelloprodotto tr th { background: url(image/divisoriocarrello.gif) repeat-y top left; text-align: left; padding: 0px 10px 0px 10px; }
table.carrelloprodotto tr th.clear { background-image: none; width: 280px; } table.carrelloprodotto tr th.clear h2 { padding: 2px 0px 4px 0px; }

table.form { border-collapse: collapse; width: 100%; margin: 10px 0px 10px 0px; }
table.form tr td { padding: 0px; text-align: right; background-image: none; vertical-align: top; } table.form tr th { padding: 0px; text-align: left; background-image: none; }

div#boxmenu table { border-collapse: collapse; width: 100%; display: block; }
div#boxmenu tr td { padding: 0px; text-align: right; background: none; vertical-align: top; }
div#boxmenu tr th { padding: 0px; text-align: left; background: none; }

div#categoria { width: auto; padding: 0px 0px 5px 5px; margin: 0px; }
div#categoria table { width: 100%; }
div#articolo { height: 100px; width: 46%; display: inline; float: left; border: 1px solid #c1c1c1; margin: 0px 5px 5px 0px; padding: 5px 5px 0px 5px; text-align: left; background-color: #fff; hover: expression(this.onmouseover=new Function("this.style.background='#E0E0E0';"),this.onmouseout=new Function("this.style.background='ffffff';")); cursor: pointer; }
div#articolo:hover { background: #E0E0E0; cursor: pointer; }
div#articolo a, div#articolo a p { text-decoration: none; font-weight: normal; }

fieldset#ombranew table { display: block; border-collapse: separate; width: 745px; background-color: #EBEBEB; }
fieldset#ombranew table tr th { width: 232px; background-color: #fff; text-align: left; padding: 3px; border: 1px solid #c1c1c1; hover: expression(this.onmouseover=new Function("this.style.background='#E0E0E0';"),this.onmouseout=new Function("this.style.background='ffffff';")); cursor: pointer; }
fieldset#ombranew table tr th:hover { background: #E0E0E0; cursor: pointer; }
fieldset#ombranew table p { color: #333; padding-top: 2px; } div.ombra table tr th h2 { padding: 2px 0px 2px 0px; }
fieldset#ombranew a { text-decoration: none; }