html body {margin: 0; padding: 0; border: 0; height: 99%;background-color:#000000;color:white;width:100%;float:left;}
body{font-family: Georgia,arial,sans-serif; font-size: 10pt; text-align: center; background: url('../Images/background.png') repeat-x top left;}
body > div#container {   height: auto; min-height: 96%; }
div#container{ width: 1015px;   padding: 0;  font-size: 1em; height:96%;  margin: 0 auto; border:0}

div#footer{color: White; clear:both; width: 1015px; margin: 0 auto; border-top:1px solid Black;  padding: 30px 0 20px; line-height:18px; background: url('../Images/footer.png') Black no-repeat top center; position: relative;}
span.w3cstuff {font-size:0.75em; color:#decd96; font-family: Verdana,Sans-Serif;}
span.w3cstuff a, span.w3cstuff a:visited {color:#decd96;}

span#siteMap{ margin: 0px -2px 15px 0px; padding: 0; padding-top: 8px; width: 100%; display: block;}
input { background: url(../Images/input_bar.gif) repeat-x; border:1px solid #666 }

/*FONT*/
span.italic { font-style: normal; font-weight: bold;}
span.italici { font-style: italic;}
span.bold { font-weight: bold;}
.smaller { font-size: smaller}
span.boldBig { font-size: 14px; font-weight: bold; color: #83031d}
span.boldRed { font-weight: bold; color: Red;}
strong { font-size:1.2em; font-weight:normal; font-size:larger; color:#c85505}
span.marked, span.markedM {font-size:1.2em; font-weight:bold; letter-spacing:-1px;}
span.markedM {font-size:1em; letter-spacing:0}





/*HOME*/
div.home {position:relative; width:100%; height:500px;}
div.slider { height: 397px; position: relative;}
a.bannerHome, a.bannerHome:visited {color: #decd96; text-decoration: none}
div.slogan {width:270px; height: 120px; position:absolute; top:0; left:0; padding: 35px; background: url(../Images/citazioneBack_03.png) repeat; text-align: justify; font-size: 0.7em; z-index: 99;}
img.quoteL {position:absolute; top:10px; left:10px;}
img.quoteR {position:absolute; bottom:47px; right:10px;}
img.firma {position:absolute; bottom:10px; right:50px; border:0; margin: 0; padding: 0;}


a#storia img {border:0; margin: 5px 0; padding:0; }
a#grading img {border:0; margin: 5px 0; padding:0; }
a#workshop img {border:0; margin: 5px 0; padding:0; }
a#retailer img {border:0; margin:5px 0; padding:0; }

a.flickr { margin: 0 0 0 5px; }
a.onair { position: absolute; left: 0; bottom: 0px }
div.shiny { }

.spanLastMessage a, .lastMessagesBackR a{ color: #028b02}
a {color:#c85505;}
a:hover {color: #822303}
a.currentPage { font-size:larger; font-weight: bold; margin: 5px;}

h1.firstTitle {padding-top:0; margin-top:0; padding-bottom: 0px; margin-bottom:20px; color: #b9a254; font-size:2.7em; letter-spacing:1px; font-weight:normal; border-bottom:2px solid #af4a04;}
h2.subTitle {font-size:1.6em; color:#888681; font-weight:normal; font-family: Arial; font-weight:normal; width:70%; text-align:right; margin:0; letter-spacing:1px; position:absolute; right:0; top:0;  border-bottom:1px solid #888681; padding-bottom:0px; }



h2.cpRight {font-size:1.6em; margin:5px 0; margin-left:-1px; letter-spacing:0px;}


div.fullWidth {clear:both; padding:0; margin:0;}

/*stili generici, su header e footer*/
div#header{ position: relative; height: 300px; width: 1024px;  padding: 0; margin:0;}

div#logo {border: 0px solid green; padding: 0; margin: 0; height:159px; text-align:left; background: url('../Images/head.jpg') no-repeat top left; }
div#logo img {border:0px solid red; margin:0; padding:0; margin-left:420px;}
div#banners {border: none; padding: 0; margin: 0; margin-top: -1px; position: absolute; margin-left: 0px; left: 0; top:148px; }
div#banners img {margin:0; padding:0; margin-right:-5px;}

div#navigationHead { text-align:right; vertical-align:top; position: relative; top:-55px}
div#navigationHead a {color: White; margin-top:-30px; font-size: smaller; text-decoration:none}
div#navigationHead img { border:0; margin-right:10px; position:relative; margin-top:4px;}
#navigationHead .reservedArea {margin-top:-10px; padding:0; position:relative; margin-top:-4px;}


div.subHead {clear: both; position: absolute; bottom: 1px; left: 0; float: left;  padding-bottom: 0px; margin: 0;} 

div.currentPage { float: left; width: 247px; padding-top: 0px; color: #db1d27 }
div.currentPage h2 {padding-left: 20px; text-align: left; }
div.currentPageRight { float: left; clear: right; color: #65677a;  text-align: left; width: 580px; padding-left: 23px; padding-bottom:5px; }
div.currentPageRight h2 {font-weight:normal; margin-bottom:0; }
h2.currentPageLeft {padding-top: 0px; padding-left: 20px; letter-spacing:0px; padding-bottom:5px; font-size:1.6em; margin-top:0px; text-align: left; color: #db1d27; font-weight:normal;}

div#menuO {padding:0; height:42px; margin:0; margin-top:-4px; text-align:left; border:0px solid black; vertical-align:top;  }
#menuO ul { float: left;  vertical-align:top;  border:0px solid red; text-align: left; padding: 0; margin: 0;}
#menuO li { display: block; float: left; padding: 0px; margin:0; height:38px;}
#menuO li a {text-decoration: none; color: #3e3d3e; margin:0; padding:0;  }
#menuO img {margin:0; padding:0; border:0; }
#menuO li.activeLink {color: #fb4c58;  text-decoration: none; font-weight:bold; padding:0px;  margin:0;}

div#menuBottom {padding:0; margin:0; height:90px; margin-top:-4px; font-size:1.1em; clear:both; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 1px;  background: url(../Images/headbottom.png)  no-repeat top left; }
#menuBottom ul { float: left; text-align: left; padding: 0; margin: 0; padding-left: 45px; }
#menuBottom li { display: block; float: left; padding: 2px; padding-right: 40px; }
#menuBottom li a {text-decoration: none; color: White;  }
#menuBottom li.activeLink a {color: #decd96;   }

/*stili GENERALI per il layout*/
div#content {float: left; width: 100%; margin-left: 0px; }
.box {padding: 0px; }
div#content .box { padding-top: 5px; color: #decd96;   text-align: justify; }
span.itestense {border-left: 1px solid White; padding-left:20px; margin-left:18px;}

div.parLeft { float:left;  line-height:27px; position:relative;width:63%; }
div.parFull {width:100%;line-height:27px; clear:both;}
p {font-size:1.4em;  z-index:10; position:relative;     margin:0;  display:inline; }
img.capital,img.capitalWide, img.capitalWWide  {border:0; margin:0; margin-right:-7px; z-index:1; position:relative;}
img.capitalWide {margin-right:-20px;}
img.capitalWWide {margin-right:-30px;}
.imgRight {float:right; clear:right;}



div.parRight { float:right;  line-height:27px; position:relative;width:63%; }
.imgLeft { border:0; float:left; clear:left;}


/*ABOUT ME*/


/*Contatti*/
.contattiUl li {margin-bottom:15px;}
div#newsbox {margin-top:0px;}
.news_date, .news_author {font-style:italic}

/*Assistenza*/
table.listinoAss { table-layout:fixed; margin-top:1px; width:100%;border-collapse:collapse; background-color:#ffffff }
table.listinoAss td {border-bottom:1px dotted #80b0e7; border-left:1px solid #80b0e7; border-right:1px dotted #80b0e7; padding: 5px 10px; }
tr.listHeader { background-color: #f0f0f0; color:Black; }
tr.listNote { background-color: #f0f0f0; color:#db1d27; }
td.listinoAss { width:310px; vertical-align:top; color:Black; background-color:inherit }
td.tdCostoH { width:100px; text-align: center; font-weight:bold; background-color:#f0f0f0; color:#65677a }
td.tdCosto { width:100px; text-align: center; font-size:1em; letter-spacing:0; font-weight:bold; color:Black }
span.lineT { text-decoration:line-through}
td.tdNote, td.tdEmpty {font-size:smaller; background-color:#f0f0f0; }
span.assTipo { color:#e62e30; font-weight:normal; background-color:inherit}

/*Home
 * a.banner {margin:0 auto; margin-bottom:3px; height:47px; width:238px; border:none;  display:block;}
 * a.banner img { padding:0; border:none;}*/

div.lastNews { background: url(/Images/triangolo1_10.gif) no-repeat top left; }
.lastNews h1 { border-bottom:1px solid white; padding: 0; margin: 0; }

div.niftybox {background-color:#222222;color:White;width:300px;padding:0; margin:0; margin-top:-5px; font-weight:bold;}
div.niftybox h1 {font-size:1.3em;padding:0px; margin:0px; margin-left:5px; margin-top:0; padding-left:10px; color:orange; border-bottom:1px solid; width:90%}
div.niftybox a, div#niftybox a:visited{color:white;text-decoration:none;}
div.niftybox a.darklink, div#niftybox a.darklink:visited{color:#222;text-decoration:none;}
div.niftybox ul {padding:0px; margin:0;list-style:none;}
div.niftybox li {margin:0;padding:0; }
div.niftybox li, div#niftybox h1 {padding-left:15px;}
.cornerTL, .cornerTLG {background-color: transparent; background:url('../Images/generic_tl.gif') no-repeat top left; background-attachment:scroll;padding:0;height: 8px;}
.cornerTR, .cornerTRG  {background-color: transparent;background:url('../Images/generic_tr.gif') no-repeat top right; background-attachment:scroll;padding:0;height: 8px;}
.cornerBL {background-color: transparent;background:url('../Images/generic_bl.gif') no-repeat bottom left; background-attachment:scroll;padding:0;height: 8px;}
.cornerBR {background-color: transparent; background:url('../Images/generic_br.gif') no-repeat bottom right; background-attachment:scroll;padding:0;height: 8px;}
.cornerTRG {background:url('../Images/generic_tr_g.gif') no-repeat top right;}
.cornerTLG {background:url('../Images/generic_tl_g.gif') no-repeat top left;}
div#workshop a {margin-bottom:20px;}

/*FORM DINAMICI*/
span.checkbox {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url('../Images/checkbox.gif') no-repeat;
    display: block;
    float: left;
}
span.radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url('../Images/radio.gif') no-repeat;
    display: block;
    clear: left;
    float: left;
}
span.select {
    position: absolute;
    width: 158px; 
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px arial,sans-serif;
    background: url('../Images/select.gif') no-repeat;
    overflow: hidden;
}

    div.elencosx{
    float:left;
    width:44%;
    text-align:right;
    font-weight:bold;
    color:#938393;
    clear:left;
}
div.elencodx{
    float:left;
    text-align:left;
    margin-left:5px;
    clear:right;
}


/*---WORKSHOP---*/
a.inserti, a.colori, a.legni { width: 293px; height: 224px; padding: 0; text-decoration: none; display: block; position: relative;} 
a.inserti { background: url("../Images/insertiBox.jpg") no-repeat 0 0;  }
a.legni { background: url("../Images/legniBox.jpg") no-repeat 0 0;  }
a.colori { background: url("../Images/coloriBox.jpg") no-repeat 0 0; margin-left: 7%; }
a.inserti span, a.colori span, a.legni span {color: #b9a254; font-size:1.7em; letter-spacing:1px; font-weight:normal; display: block; margin-left: 10px; margin-top: 8px}
a.inserti p, a.colori p, a.legni p { position: absolute; top: 135px; left: 22px; font-size: 1em; color: white;  width: 85%; padding: 0; margin: 0; line-height: 1.3em; }

/*FUNZIONALITA CARRELLO*/
a.cart { background: url("../Images/cartEmpty_18.png") no-repeat 0 0; padding-left: 30px; margin-left: 30px }
a.cartAdd { background: url("../Images/cartEmpty_18.png") no-repeat 0 0; padding: 5px; padding-left: 15px; margin-left: 10px;}
a.cartFull { background: url("../Images/cartFull_18.png") no-repeat 0 0; padding-left: 30px; margin-left: 30px }