body {
background: #fff;
color: #333;
font: 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
}
.toltech {
color: #DDDDDD;
font-size: 9px;
text-align: right;
background: #000;
margin: 0;
padding: 3px 10px;
}
.toltech a {
color: #DDDDDD;
text-decoration: none;
}
.toltech a:hover {
color: #666666;
background-color: #DDDDDD;
text-decoration: none;
}
.clear {
clear: both;
}
a {
color: #990000;
}
a:hover {
background: #990000;
color: #FFF;
}
img {
border: 0;
}
img.left {
clear: left;
float: left;
padding: 1px;
border: solid 1px #ccc;
margin: 2px 15px 4px 0;
}
img.right {
clear: both;
float: right;
padding: 1px;
border: solid 1px #ccc;
margin: 2px 0 4px 15px;
}
p {
margin: 0 0 10px;
}
input, select, textarea {
font: 12px Arial, Helvetica, sans-serif;
}

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

div#hd {
background: #000;
color: #4C4C4C;
margin: 0;
padding: 27px 10px 17px;
text-align: right;
}
div#hd img {
margin: 0 0 0 3px;
}
div#hd a:hover {
background: transparent;
}

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

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


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

div#leftside {
background: #000;
color: #fff;
width: 151px;
float: left;
margin: 0;
padding: 0;
}
body#home div#leftside {
height: 363px;
}
div#leftside img#logo {
margin: 17px 17px 12px 17px;
}
div#leftside ul {
background: #000;
color: #fff;
width: 122px;
text-align: right;
padding: 0;
margin: 0 10px;
list-style: none;
}
div#leftside ul li {
margin: 12px 0;
}
div#leftside ul li a {
background: #000;
color: #fff;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 2px 4px;
}
div#leftside ul li a:hover {
color: #066;
}
div#leftside ul li a.plus {
color: #FF3128;
}
div#leftside ul li a.plus:hover {
background: #fff;
color: #000;
}
div#leftside ul li.open {
padding-top: 2px;
padding-bottom: 2px;
}
div#leftside ul li.open a {
background: #000;
color: #fff;
display: block;
padding-top: 3px;
margin-top: 4px;
margin-bottom: 4px;
}
/* secon level */
div#leftside ul li ul {
margin: 5px 0 10px;
}
div#leftside ul li ul li {
margin: 0 6px 0 0;
}
div#leftside ul li ul li a, div#leftside ul li.open ul li a {
background: transparent;
color: #FF2823;
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: #FF2823;
text-decoration: underline;
}
/*END second level */

body#home div#leftside div#leftBanners {
margin: 27px 0 0;
padding: 9px 5px 0;
}
html>body#home div#leftside div#leftBanners {
margin: 55px 0 0;
padding: 2px 5px 0;
}
div#leftside div#leftBanners {
background: #fff;
padding: 9px 5px 0;
text-align: center;
margin: 30px 0 0;
}
div#leftside div#leftBanners img {
margin: 0 0 5px;
}


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

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

div#content {
background: #fff url("../../../images/vertDot.png") repeat-y left;
color: #333;
width: 799px;
line-height: 17px;
min-height: 380px;
float: left;
margin: 0;
padding: 0 0 15px;
}

/* home content */
div#content div#flashMovie {
margin: 1px;
}
div#content div#banner {
width: 409px;
float: left;
margin: 0;
padding: 10px;
}
div#content div#banner img {
float: left;
margin: 0 5px 5px 0;
}
div#content div#news {
font-size: 11px;
width: 340px;
color: #4D4D4D;
float: left;
margin: 0;
padding: 10px;
}
body#home div#content div#news h2 {
background: none;
color: #f00;
font-size: 11px;
font-weight: normal;
letter-spacing: 2px;
margin: 8px 0 13px;
padding: 0;
}
div#content div#news p {
margin: 0 0 8px;
}
div#content div#news p strong {
color: #333;
}
/* END home content */


/* template content */
div#content h2 {
background: #AB0A0C;
color: #fff;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
margin: 0;
padding: 12px 14px 8px;
}
div#content h2 span {
display: inline;
font-size: 13px;
}
div#content h2 a {
color: #507466;
text-decoration: none;
}
div#content table h2, div#content table h2 a {
margin: 10px 0 5px;
}

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

/* registration form table */
table#regForm {
border-collapse: collapse;
border: 0;
}
table#regForm td {
padding: 5px 5px;
text-align: left;
line-height: 13px;
}
table#regForm tr.evenBox td {
background: #EFEFEF;
}
table#regForm tr.evenBox.top td {
padding-top: 10px;
}
table#regForm tr.evenBox.bottom td {
padding-bottom: 8px;
}
table#regForm td p {
margin: 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 {
color: #333;
text-align: left;
margin: 0;
padding: 20px;
}

/* larghezza 100% */
div#content div#contextWide {
color: #333;
width: 790px;
text-align: justify;
margin: 0;
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: 520px;
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;
}
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: #fff 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#catTitle {
padding: 0;
margin: 0 0 -2px;
}
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: 197px;
height: 405px;
margin: 0;
padding: 0px 10px 15px;
float: left;
}
div#catalog div#details div#info div.code {
color: #AB0A0C;
font-size: 14px;
margin-top: 10px;
}
div#catalog div#details div#info div.name {
color: #000;
font-size: 14px;
margin: 0 0 10px;
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: 2px 6px;
}
div#catalog div#details div#info table td, div#scheda div#info table td {
vertical-align: top;
color: #666;
padding: 3px 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 {
color: #444;
padding: 1px 3px;
text-decoration: none;
}
div#catalog div#details div#thumbnails div#thumbsNav a:hover {
background: #666;
color: #fff;
}
/* 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;
}


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

div#footer {
background: transparent url("../../../images/horizDot.png") repeat-x top;
color: #9D9D9D;
font-size: 9px;
line-height: 13px;
width: 100%;
clear: both;
margin: 0;
padding: 1px 0;
}
div#footer div#copy {
background: #fff;
color: #9D9D9D;
width: 121px;
float: left;
text-align: right;
margin: 0;
padding: 14px 12px 14px 18px;
}
div#footer div#footMenu {
background: #fff url("../../../images/vertDot.png") repeat-y left;
color: #9D9D9D;
width: 768px;
height: 50px;
float: left;
margin: 0;
font-size: 11px;
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 */
div#boxes {
color: #444;
text-align: left;
margin: 0;
padding: 15px 20px;
}
div#boxContent {
color: #444;
text-align: left;
margin: 0;
padding: 0 15px;
width: 595px; 
float: left;
}
div#boxes h3 {
color: #AB0A0C;
font-size: 18px;
text-align: left;
margin: 0 0 15px;
padding: 0;
font-weight: normal;
}
div#boxes h4 {
color: #000;
font-size: 15px;
text-align: left;
margin: 16px 0 6px;
padding: 0;
font-weight: normal;
}
div#boxes h4.first {
margin-top: 0;
}

.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;
}

/* TP spalla menu 1 */
div#contentLeftMn {
width: 130px;
min-height: 200px;
float: left;
text-align: right;
line-height: 14px;
margin: 2px 5px 20px -5px;
padding: 0;
}
div#contentLeftMn ul {
margin: 0;
padding: 0;
list-style: none;
}
div#contentLeftMn ul li {
font-size: 12px;
color: #000;
margin: 0 0 15px;
padding: 0 8px 0 0;
list-style: none;
}
div#contentLeftMn ul li a {
color: #666;
padding: 2px;
text-decoration: none;
}
div#contentLeftMn ul li a:hover {
background: #AB0A0C;
color: #fff;
}
div#contentLeftMn ul li.open {
background: url("../../../images/arrow.gif") no-repeat right;
}
div#contentLeftMn ul li.open a {
background: transparent;
color: #AB0A0C;
}

/* ----------------------idee regalo */
table#ideeRegalo td {
padding: 7px;
margin: 10px 0;
}
table#ideeRegalo td img {
padding: 0;
margin: 0;
border: 0;
}
/* idee regalo spalla menu */
div#content div#mnLeft {
width: 118px;
float: left;
text-align: right;
margin: 0;
padding: 18px 18px 18px 10px;
}
div#content div#mnLeft ul li {
font-size: 11px;
padding-right: 8px;
margin: 0 0 12px;
list-style: none;
text-transform: none;
line-height: 13px;
}
div#content div#mnLeft ul li a {
color: #666;
padding: 2px;
text-decoration: none;
}
div#content div#mnLeft ul li a:hover {
background: #AB0A0C;
color: #fff;
}
div#content div#mnLeft ul li.open {
color: #AB0A0C;
}
div#content div#mnLeft ul li.open {
background: url("../../../images/arrow.gif") no-repeat right;
color: #AB0A0C;
}
div#content div#mnLeft ul li.open a {
color: #AB0A0C;
}
div#content div#mnLeft ul li.open a:hover {
background: #fff;
color: #AB0A0C;
}
/* IR = idee regalo */
div#content div#contextIR {
background: url("../../../images/titleArrow.jpg") no-repeat;
color: #333;
width: 635px;
float: left;
margin: 0 0 0 5px;
padding: 30px 0 0;
}
div#content div#contextIR h3 {
color: #000;
font-size: 20px;
font-weight: normal;
margin: 0 0 10px;
padding: 0;
}
div#content div#contextIR div#productList {
margin: 25px 0;
}
div#content div#contextIR div.product {
width: 635px;
min-height: 94px;
margin: 10px 0;
}
div#content div#contextIR div.product img {
float: left;
margin: 0 15px 0 0;
}
div#content div#contextIR div.product a:hover img {
background: transparent;
border: solid 1px #000;
}
div#content div#contextIR div.product a img {
border: solid 1px #eee;
}
div#content div#contextIR div.product h4 {
margin: 0 0 3px;
font-size: 12px;
}
div#content div#contextIR div.product h4 a {
color: #000;
text-decoration: none;
}
div#content div#contextIR div.product h4 a:hover {
background: none;
color: #AB0A0C;
text-decoration: underline;
}
div#content div#contextIR div.product p {
width: 527px;
color: #666;
margin: 0 0 8px 108px;
}
div#content div#contextIR div.product p.price {
font-size: 12px;
color: #000;
margin-bottom: 0;
}

/* taglie */
div#searchSizes {
width: 245px;
float: left;
margin: 0;
padding: 0;
}
div#searchSizes form {
margin: 0;
padding: 0;
}
div#searchSizes h3 {
background: #fff;
color: #AB0A0C;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
margin: 0;
padding: 3px 5px;
}
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: 110px;
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: 510px;
float: left;
margin: 0;
padding: 0;
}