body {
background: #F8F9F2;
color: #4C4C4C;
font: 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
}
.clear {
clear: both;
}
a {
color: #000066;
}
a:hover {
color: #000;
text-decoration: none;
}
img {
border: 0;
}
img.left {
clear: left;
float: left;
padding: 1px;
border: solid 1px #ccc;
margin: 2px 15px 4px 0;
}
p {
margin: 0 0 12px;
}
input, select, textarea {
font: 12px Arial, Helvetica, sans-serif;
color: #333;
}

/* Header ------------------------------- */

div#hd {
background: #F8F9F2 url("../images/horizDot.png") repeat-x bottom;
color: #4C4C4C;
margin: 0;
padding: 0;
border: 0;
}
div#hd img {
margin: 15px 0 13px 24px;
}
div#hd img#hm {
margin: 30px 0 13px 24px;
}
div#hd div {
background: transparent url("../images/vertDot.png") repeat-y right;
width: 143px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
}
div#hd div h1 {
display: none;
}

/* END Header ------------------------------- */

div#container {
width: 980px;
margin: 0;
padding: 0;
}


/* left side ------------------------------- */

div#leftside {
background: #F8F9F2;
color: #52524F;
width: 142px;
float: left;
margin: 0;
padding: 0;
}
div#leftside ul {
background: #F8F9F2;
color: #52524F;
width: 122px;
text-align: right;
padding: 0;
margin: 0 10px;
list-style: none;
}
div#leftside ul li {
background: #F8F9F2;
color: #52524F;
margin: 12px 0;
}
div#leftside ul li a {
background: #F8F9F2;
color: #52524F;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 2px 4px;
}
div#leftside ul li a:hover {
color: #880018;
}
div#leftside ul li.open {
padding-top: 2px;
padding-bottom: 2px;
}
div#leftside ul li.open a {
background: #AB0A0C;
color: #fff;
display: block;
padding-top: 3px;
margin-top: 4px;
margin-bottom: 4px;
}
/* secon level */
div#leftside ul li ul {
margin: 3px 0 6px;
}
div#leftside ul li ul li {
background: #F8F9F2;
color: #52524F;
margin: 0 6px 0 0;
}
div#leftside ul li ul li a, div#leftside ul li.open ul li a {
background: #F8F9F2;
color: #AB0A0C;
font-size: 11px;
text-decoration: none;
text-transform: none;
margin: 0;
padding: 2px;
}
div#leftside ul li a:hover {
background: #AB0A0C;
color: #fff;
}
div#leftside ul li ul li a:hover {
background: transparent;
color: #AB0A0C;
text-decoration: underline;
}
/*END second level */

div#leftside div#banners {
text-align: center;
margin: 40px 0 20px;
}
div#leftside div#banners img {
margin: 0 0 8px;
}


/* END left side ------------------------------- */

/* content ------------------------------- */

div#content {
background: #F8F9F2 url("../images/vertDot.png") repeat-y left;
color: #555;
line-height: 15px;
width: 838px;
float: left;
padding: 0 0 20px;
margin: 0;
}

/* home content */
div#content div#flashMovie {
margin: 15px 15px 20px;
}
div#content div#banner {
width: 210px;
float: left;
margin: 0 0 0 15px;
padding: 0;
}
div#content div#news {
width: 360px;
float: left;
margin: 0 0 10px 24px;
padding: 0;
}
div#content div#news h2 {
background-image: none;
font-size: 15px;
font-weight: normal;
letter-spacing: 1px;
margin: 0 0 12px;
padding: 0;
}
div#content div#news p {
color: #666;
margin: 0 0 8px;
}
div#content div#news p img {
float: left;
margin: 2px 8px 3px 0;
}
div#content div#news p strong {
color: #333;
}
div#content div#news a {
color: #333;
font-weight: bold;
text-decoration: none;
margin-bottom: 5px;
}
div#content div#news a:hover {
background: transparent;
text-decoration: underline;
}
/* END home content */


/* template content */
div#content h2 {
color: #990000;
font-size: 18px;
font-weight: normal;
margin: 15px 25px 15px;
padding: 0;
clear: both;
}
div#content div#context h2 {
margin-top:0;
margin-left:0;
}
div#content h2 a {
color: #507466;
text-decoration: none;
}
div#content table h2, div#content table h2 a {
margin: 10px 0 5px;
}
div#content strong {
color: #333;
}

/* table */
table {
border-collapse: collapse;
border: 0;
}
table td {
padding: 0 15px 5px 0;
text-align: left;
}
table td p {
margin: 6px 0;
}
table td img {
float: left;
padding: 2px;
border: solid 1px #ccc;
margin: 2px 10px 4px 0;
}

/* brands */
div#brands {
padding: 20px 0 20px 25px;
}

/*table storia*/
table td.storiaimg {
width: 20%;
padding: 0 0px 5px 0;
text-align: left;
}

table td.storiades {
width: 80%;
padding: 0 5px 5px 0;
text-align: left;
}

table td.storiaimg img {
float: left;
padding: 1px;
border: solid 1px #ccc;
margin: 2px 5px 4px 0;
}


/* taglie */
div#searchSizes {
width: 250px;
float: left;
margin: 0;
padding: 0;
}
table.taglie {
border-collapse: separate;
border: 0;
margin: 10px 0;
}
table.taglie td {
width: auto;
color: #666;
padding: 3px 5px;
text-align: right;
}
table.taglie td.resultsLabel {
font-size: 14px;
width: 120px;
color: #000;
text-align: right;
}
table.taglie td.results {
color: #AB0A0C;
font-size: 14px;
font-weight: bold;
text-align: left;
}
table.taglie td p {
margin: 0;
}
div#imgSizes {
width: 520px;
float: left;
margin: 0;
padding: 0;
}

/* titoli del trova prodotto */
div#content h2#trovaProd1 {
background: transparent url("../images/titles/trovaProd1.jpg") no-repeat;
width: 132px;
height: 51px;
}
div#content h2#trovaProd2 {
background: #E9E7DC url("../images/titles/trovaProd2.gif") no-repeat;
height: 37px;
margin: 0;
padding: 0;
}

/* titolo istituzionale con banner */
div#content h2#hd1 {
background: url("../images/hd1.jpg") no-repeat;
width: 777px;
height: 127px;
margin: 0 0 10px;
padding: 0;
}

div#content h2 span, div#content h3 span {
display: none;
}

/* istituzionale con spalla dx */
div#content div#context {
width: 540px;
float: left;
text-align: justify;
margin: 0;
padding: 0 25px 18px;
}
div#content div#context h3 {
color: #000;
font-size: 12px;
clear: both;
text-transform: uppercase;
line-height: 12px;
margin: 6px 0;
padding: 0;
}
div#content div#context h3 a {
background: transparent;
color: #000;
text-decoration: none;
}
div#content div#context h3 a:hover {
background: transparent;
color: #000;
text-decoration: underline;
}

/* larghezza 100% */
div#content div#contextWide {
color: #333;
width: 790px;
text-align: justify;
line-height: 14px;
margin: 0 0 15px;
padding: 0 0 15px 10px;
}

/* TP = trova prodotto */
div#content div#contextTP1 {
color: #333;
width: 660px;
float: left;
margin: 0 0 0 5px;
padding: 0;
}
div#content div#contextTP2 {
color: #333;
width: 530px;
float: left;
margin: 0;
padding: 0 0 0 5px;
}
div#content h3#TP_DN {
background: url("../images/titles/TP_DN.gif") no-repeat;
height: 72px;
margin: 0 0 20px;
padding: 0;
}
div#content h3#TP_DI {
background: url("../images/titles/TP_DI.gif") no-repeat;
height: 72px;
margin: 0 0 20px;
padding: 0;
}
div#content h3#TP_UN {
background: url("../images/titles/TP_UN.gif") no-repeat;
height: 72px;
margin: 0 0 20px;
padding: 0;
}
div#content h3#TP_UI {
background: url("../images/titles/TP_UI.gif") no-repeat;
height: 72px;
margin: 0 0 20px;
padding: 0;
}
div#content div#thumbnails a img {
border: solid 1px #ccc;
margin: 5px;
padding: 0;
}
div#content div#thumbnails a:hover {
background: transparent;
}
div#content div#thumbnails a:hover img {
background: transparent;
border: solid 1px #000;
}
/* TP spalla menu 1 */
div#content div#TP_mn1 {
width: 93px;
float: left;
text-align: right;
margin: 0;
padding: 18px 20px 20px 10px;
}
div#content div#TP_mn1 ul li {
font-size: 12px;
text-transform: uppercase;
color: #000;
margin: 0;
padding-right: 8px;
list-style: none;
}
div#content div#TP_mn1 ul li ul {
margin: 8px -8px 18px;
padding: 0;
text-align: right;
list-style: none;
}
div#content div#TP_mn1 ul li ul li {
font-size: 11px;
padding-right: 8px;
margin: 0 0 8px;
text-transform: none;
}
div#content div#TP_mn1 ul li ul li a {
color: #666;
padding: 2px;
text-decoration: none;
}
div#content div#TP_mn1 ul li ul li a:hover {
background: #AB0A0C;
color: #fff;
}
div#content div#TP_mn1 ul li.open {
color: #AB0A0C;
}
div#content div#TP_mn1 ul li ul li.open {
background: url("../images/arrow.gif") no-repeat right;
color: #AB0A0C;
}
div#content div#TP_mn1 ul li ul li.open a {
color: #AB0A0C;
}
div#content div#TP_mn1 ul li ul li.open a:hover {
background: #fff;
color: #AB0A0C;
}
/* TP spalla menu 2 */
div#content div#TP_mn2 {
width: 122px;
float: left;
text-align: right;
margin: 0;
padding: 21px 20px 20px 0;
}
div#content div#TP_mn2 ul {
margin: 8px 0 18px;
padding: 0;
text-align: right;
list-style: none;
}
div#content div#TP_mn2 ul li {
font-size: 11px;
text-transform: uppercase;
color: #000;
margin: 0;
list-style: none;
}
div#content div#TP_mn2 ul label {
display: block;
font-size: 11px;
color: #666;
text-transform: none;
vertical-align: middle;
margin-bottom: 3px;
}
div#content div#TP_mn2 ul label input {
margin-top: -2px;
}
div#content div#TP_mn2 ul select {
width: 110px;
}

/* scheda prodotto popup cerca prodotto */
div#scheda {
background: #fff;
width: 613px;
height: 440px;
border: solid 1px #C8C6BC;
}
div#scheda div#close a {
display: block;
background: #C8C6BC;
color: #000;
font-size: 10px;
text-align: right;
text-decoration: none;
text-transform: uppercase;
padding: 1px 3px;
}
div#scheda div#close a:hover {
background: #000;
color: #fff;
}
div#scheda div#photo {
background: #fff;
width: 297px;
height: 427px;
float: left;
}
div#scheda div#info {
width: 255px;
background: #fff;
float: left;
padding: 15px 30px;
}
div#scheda div#info h3 {
color: #AB0A0C;
font-size: 13px;
margin: 20px 0 2px;
clear: both;
}
div#scheda div#info h4 {
color: #000;
font-size: 15px;
font-weight: normal;
margin: 0 0 10px;
clear: both;
}
div#scheda div#info dl {
padding: 0 0 25px;
}
div#scheda div#info dl dt {
float: left;
font-size: 11px;
color: #bbb;
text-transform: uppercase;
}
div#scheda div#info dl dd {
float: left;
color: #333;
border-left: solid 1px #bbb;
padding-left: 5px;
line-height: 14px;
}
div#scheda div#info div#icons {
padding: 25px 0 10px;
clear: both;
}
div#scheda div#info div#icons img {
margin: 0 5px 5px 0;
border: 0;
}

/* spalla sez. istituzionale */
div#content div#contentRight {
background: #F8F9F2 url("../images/vertDot.png") repeat-y left;
width: 165px;
float: left;
margin: 0;
padding: 10px 20px 20px;
}
div#content div#contentRight p {
margin: 0 0 25px;
}
/* END template content */


/* END content ------------------------------- */

/* Catalog ------------------------------- */

div#catalog {
margin: 0;
padding: 0;
}
div#catalog div#flashNav {
padding: 0;
margin: 0 0 0 1px;
}
div#catalog div#contentBox {
background: #fff;
width: 794px;
padding: 0;
margin: 0 15px;
}
div#catalog div#details {
background: #fff;
margin: 0;
padding: 0;
width: 794px;
height: 427px;
}
div#catalog div#details div#photo {
width: 297px;
height: 427px;
margin: 0;
padding: 0;
float: left;
}
div#catalog div#details div#info {
font-size: 12px;
/*width: 187px;*/
width: 197px;
height: 405px;
margin: 0;
padding: 0px 10px 20px;
float: left;
}
div#catalog div#details div#info div.code {
color: #AB0A0C;
font-size: 12px;
margin-top: 10px;
}
div#catalog div#details div#info div.name {
color: #000;
font-size: 14px;
margin: 0 0 8px;
/*text-transform: lowercase;*/
}
div#catalog div#details div#info table, div#scheda div#info table {
border-collapse: collapse;
margin: 0;
font-size: 11px;
}
div#catalog div#details div#info table th, div#scheda div#info table th {
background: #eee;
font-weight: normal;
text-align: left;
padding: 1px 6px;
}
div#catalog div#details div#info table td, div#scheda div#info table td {
vertical-align: top;
color: #666;
padding: 2px 6px;
border-bottom: solid 1px #eee;
}
div#catalog div#details div#info div.icons {
margin: 20px 0 10px;
}
div#catalog div#details div#thumbnails {
width: 280px;
height: 427px;
margin: 0;
padding: 0;
text-align: right;
float: left;
}
div#catalog div#details div#thumbnails img {
margin: 1px;
border: 0;
}
div#catalog div#details div#thumbnails a {
background: transparent;
}
div#catalog div#details div#thumbnails div#thumbsNav {
font-size: 12px;
color: #999;
clear: left;
text-align: center;
padding: 10px;
}
div#catalog div#details div#thumbnails div#thumbsNav span {
padding: 1px 30px;
}
div#catalog div#details div#thumbnails div#thumbsNav a {
background: #DFDDD4;
color: #444;
padding: 1px 3px;
text-decoration: none;
}
div#catalog div#details div#thumbnails div#thumbsNav a:hover {
background: #666;
color: #fff;
}
div#plusLink {
color:#fff; 
position:absolute; 
top: 523px; 
left: 670px;
width: 270px; 
padding: 0 10px 0 0;
}
div#plusLink a {
color:#fff; 
text-decoration: none;
}
div#plusLink a:hover {
text-decoration: underline;
}

/* link acquista online */
a.buy {
background: #fff;
color: #900;
width: 100px;
border: solid 1px #900;
display: block;
font-size: 10px;
margin: 3px 0 3px;
padding: 1px 2px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}
a.buy:hover {
background: #900;
color: #fff;
}

/* mappa del sito -------*/
ul#sitemap {
margin-top: 20px;
}
ul#sitemap li a {
color: #333;
text-decoration: none;
}
ul#sitemap li a:hover {
background: #333;
color: #fff;
}
ul#sitemap li {
margin-bottom: 8px;
list-style: none;
font-weight: bold;
}
ul#sitemap li ul {
margin-top: 4px;
margin-bottom: 10px;
}
ul#sitemap li ul li {
margin-bottom: 2px;
list-style: inherit;
font-weight: normal;
}


/* footer ------------------------------- */

div#footer {
background: transparent url("../images/horizDot.png") repeat-x top;
color: #9D9D9D;
font-size: 9px;
line-height: 13px;
width: 100%;
clear: left;
margin: 0;
padding: 1px 0;
}
div#footer div#copy {
background: #F8F9F2;
color: #9D9D9D;
width: 112px;
float: left;
text-align: right;
margin: 0;
padding: 14px 12px 14px 18px;
}
div#footer div#footMenu {
background: #F8F9F2 url("../images/vertDot.png") repeat-y left;
color: #9D9D9D;
width: 768px;
height: 50px;
float: left;
font-size: 11px;
margin: 0;
padding: 14px 12px;
}
div#footer div#footMenu img {
vertical-align: bottom;
border: 0;
}
div#footer div#footMenu a {
background: transparent;
color: #666;
text-decoration: none;
margin: 0 4px;
padding: 2px;
}
div#footer div#footMenu a:hover {
background: #666;
color: #fff;
}
div#footer div#footMenu a.flag:hover {
background: transparent;
}
div#footer div#footMenu a#bottomLg {
display: block;
float: right;
width: 128;
height: 21;
margin: -15px 0 5px 15px;
padding: 0;
}

/* END footer ------------------------------- */

/* layout at boxes */
.oneRowBox {
margin-bottom: 10px;
}
.oneRowBox, .twoRowBox, .threeRowBox {
clear: both;
}
.twoRowBox div {
width: 278px;
float: left;
}
html>body .twoRowBox div {
margin-bottom: 5px;
}
.twoRowBox div.secondBox {
width: 278px;
margin-left: 10px;
}
.threeRowBox div {
width: 182px;
float: left;
}
html>body .threeRowBox div {
margin-bottom: 5px;
}
.threeRowBox div.secondBox, .threeRowBox div.thirdBox {
margin-left: 10px;
}
.twoRowBox div.wide, .twoRowBox div.wide div {
width: 371px;
}
.twoRowBox div.short, .twoRowBox div.short div {
width: 185px;
}

.twoRowBox div.second {
margin-left:10px;
}

.ssoHeader {
    text-align: center;
}