@charset "utf-8";
/* CSS Document */

/*------titles-------*/

/* h1 check common.css file */

h2 {
background: url("../images/essential.jpg") top left no-repeat;
color: #333;
width: 960px;
height: 63px;
clear: both;
padding: 0;
margin: 0;
}
h2.azienda{background: url("../images/azienda.jpg") top left no-repeat;}
h2.contatti{background: url("../images/contatti.jpg") top left no-repeat;}
h2.rassegna{background: url("../images/rassegnaStampa.jpg") top left no-repeat;}
h2.preventivo{background: url("../images/preventivo.jpg") top left no-repeat;}
h2.eventi{background: url("../images/novita.jpg") top left no-repeat;}
h2.contolavoro{background: url("../images/contolavoro.jpg") top left no-repeat;}
h2.giardino{background: url("../images/giardino.jpg") top left no-repeat;}
h2.importazione{background: url("../images/importazione.jpg") top left no-repeat;}
h2.reg{background: url("../images/registrazione.jpg") top left no-repeat;}


/*----eng---*/

h2.essential_en{background: url("../images/en/essential.jpg") top left no-repeat;}
h2.azienda_en{background: url("../images/en/azienda.jpg") top left no-repeat;}
h2.contatti_en{background: url("../images/en/contatti.jpg") top left no-repeat;}
h2.rassegna_en{background: url("../images/en/rassegnaStampa.jpg") top left no-repeat;}
h2.preventivo_en{background: url("../images/en/preventivo.jpg") top left no-repeat;}
h2.eventi_en{background: url("../images/en/novita.jpg") top left no-repeat;}
/*h2.contolavoro_en{background: url("../images/en/contolavoro.jpg") top left no-repeat;}
h2.giardino_en{background: url("../images/en/giardino.jpg") top left no-repeat;}
h2.importazione_en{background: url("../images/en/importazione.jpg") top left no-repeat;}*/
h2.reg_en{background: url("../images/en/registrazione.jpg") top left no-repeat;}


h2 span {
visibility: hidden;
}
h3{
background: transparent;
color: #333;
display: block;
clear: both;
font-size: 15px;
font-weight: normal;
margin: 0;
padding: 0;
}
h4{}
h5{}
h6{}


/*---------menu---------*/

#menu ul li a.active {
background: #ccc;
color: #333;
margin: 0 0 -1px;
padding: 8px 32px 7px;
}

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

#content {
background: transparent;
color: #484848;
font-size: 1.1em;
float: left;
width: 895px;
margin: 0 0 40px 35px;
padding: 0;
}

/*--path--*/

#path {
width: 894px;
float: left;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 5px 0;
}
#path #left {
float: left;
margin: 0;
padding: 0;
}
#path #right {
background: transparent;
color: #999;
float: right;
margin: 0;
padding: 0;
}
#path #right strong {
background: transparent;
color: #666;
text-transform: capitalize;
}
#path span {
background: url("../images/bar.jpg") center center no-repeat;
margin: 0;
padding: 0 5px;
}

/*-------context------*/

#context {
width: 550px;
line-height: 17px;
margin: 20px 0 0;
padding: 0;
}




/*-------collapse gallery------*/

.gallery {
background: transparent;
width: 750px;
margin: 0 0 0 45px;
padding: 0;
}
.gallery a {
float: left;
margin: 0 5px 10px;
padding: 10px;
}
.gallery a img {
margin: 0;
padding: 0;
}
.gallery a p {
clear: both;
text-align: center;
margin: 5px 0 0;
padding: 0;
}
.gallery a:hover {
background: #FBFBFB;
text-decoration: none;
}
#product_list {
background: transparent;
width: 750px;
margin: 0;
padding: 0;
}
#product_list img#pres {
margin: 20px 0;
padding: 0;
}

/*
.gallery h3, .gallery h3.opened {
background: url("../images/plus.gif") 0 42% no-repeat;
color: #333;
display: block;
clear: both;
font-size: 15px;
font-weight: normal;
margin: 20px 0 10px;
padding: 0 0 0 20px; 
}
.gallery h3.opened {
background: url("../images/minus.gif") 0 42% no-repeat;
padding: 0 0 0 20px; 
}
.gallery .inner {
margin: 0;
padding: 0 0 10px;
}
.gallery .inner a img{
border: 1px solid #ccc;
margin: 5px 10px 5px 0;
padding: 0;
}
.gallery .inner a img { 
border: 1px solid #ccc;
margin: 0 10px 0 0;
padding: 0;
}
.gallery .inner a:hover img { 
border: 1px solid #D87524;
}
*/

.thumb {
float: left;
width: 73px;
margin: 0 20px 20px 0;
padding: 0;
}
.thumb span {
background: transparent;
color: #808080;
font-size: 10px;
margin: 0;
padding:0;
}

/*-------Product Detail------*/


#product h3 {
background: #F2F2F2;
color: #666;
display: block;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 8px;
}

#detail {
background: transparent;
color: #333;
width: 660px;
float: left;
margin: 20px 0 0;
padding: 0;
}
#detail #pics {  
height:  270px;  
width:   328px;
float: left;  
padding: 0;  
margin:  0 30px 0 0;  
} 
#detail #pics img {  
border: 1px solid #ccc;
height:  270px;  
width:   328px;    
top:  0; 
left: 0 
} 
#detail h4 {
background: transparent;
color: #333;
font-size: 24px;
font-weight: normal;
text-transform: capitalize;
margin: 0;
padding: 0;
}
#detail ul.names {
float: left;
margin: 10px 5px 0 0;
padding: 0;
}
#detail ul.names li {
font-weight: bold;
margin: 2px 0;
padding: 0;
}
span.errmsg {
background: transparent;
color:#F00;
}
#name_codes {
padding: 0;
margin: 10px 0 15px;
}
#name_codes p {
font-weight: bold;
}
#desc { 
display: block;
margin: 0 0 15px;
padding: 0;
}
#detail p {
background: transparent;
color: #464646;
display: block;
float: none;
margin: 0 0 3px 0;
padding: 0;
}
#categories {
background: transparent;
color: #666;
width: 200px;
float: right;
border-left: 1px solid #E9E9E9;
margin: 0;
padding: 18px 0 30px 30px;
}
#categories #pageResults {
margin: 12px 0 15px;
padding: 0;
}
#categories #pageResults a img{
border: 1px solid #ccc;
margin: 0 10px 8px 0;
padding: 0;
}
#categories p {
margin: 0;
padding: 0;
}
#categories select {
color: #666;
margin: 7px 0 0;
padding: 0;
}

/*-----table preventivo-----*/

table#preventivo {
border-top: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
margin: 20px 0 0;
padding: 0;
}
table#preventivo th {
background: #dbdbdb;
color: #333;
border-left: 1px solid #eee;
margin: 0;
padding: 5px;
}
table#preventivo tr {
margin: 0;
padding: 0;
}
table#preventivo td {
border-bottom: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
margin: 0;
padding: 10px;
}
table#preventivo input.qty {
vertical-align: bottom;
margin: 0;
padding: 0;
}


/*------btn-----*/

a.btn {
background: #7e7e7e;
color: #fff; 
float: left;
margin: 0 5px 0 0;
padding: 3px 1px 4px;
}
html>/**/body a.btn {
float: none;
margin: 20px 0 0;
padding: 5px 1px;
}
a.btn span {
background: #7e7e7e;
color: #fff;
border: 1px solid #fff;
margin: 0;
padding: 3px 10px;
}
html>/**/body a.btn span {
border: 1px solid #fff;
margin: 0;
padding: 3px 10px;
}
a.btn span:hover {
background: #7e7e7e;
color: #D87524;
}


/*------box-----*/

#box { 
background: #F8F8F8;
color: #333;
width: 620px;
float: left;
margin: 30px 0 0;
padding: 1px 15px;
}
#box ul {
float: left;
padding: 0;
margin: 0;
}
#box ul li {
white-space:nowrap;
padding: 0;
margin: 10px 0;
}
#box ul li span {
font-weight: bold;
padding: 0 10px 0 0;
margin: 0;
}
#box ul li input {
background: url("../images/inputBg.gif") top left repeat-x;
border-left: 1px solid #C3C3C3;
border-bottom: 1px solid #ddd;
border-right:  1px solid #C3C3C3;
border-top: 0;
padding: 2px 0;
}
#box ul li input.color {
background: transparent;
border: 0;
}
#box a.prev, #box a.prev2  {
background: #fff;
color: #D87524;
float: right;
margin: 0;
padding: 7px 1px;
}
#box a.prev span,  #box a.prev2 span {
background: #fff;
color: #D87524;
border: 1px solid #E7E7E7;
margin: 0;
padding: 5px 10px;
}
#box a.prev2, #box a.prev2 span{
margin: 10px 0 0;
}
#box a.prev:hover span, #box a.prev2:hover span {
border: 1px solid #D87524;
}
#box table {
margin: 0;
padding: 0;
}

/*------login on preventivo online page-------*/

#login {
background: transparent;
color: #7E7E7E;
width: 160px;
text-align: left;
margin: 0;
padding: 0;
}
#login form label {
display: block;
margin: 0;
padding: 0;
}
#login form div {
margin: 0 0 3px;
padding: 0;
}
#login form input {
background: url("../images/inputBg.gif") top left repeat-x;
border-left: 1px solid #C3C3C3;
border-bottom: 1px solid #ddd;
border-right:  1px solid #C3C3C3;
border-top: 0;
padding: 4px;
font: 11px Arial, Helvetica, sans-serif;
}
#login form input#btn, #login a#btn {
background: url("../images/login.gif") no-repeat;
color: #fff;
border: 0;
text-align: center;
margin: 3px 0 0;
padding: 2px 16px 2px 4px;
}
#login a#btn {
float: left;
padding: 3px 16px 4px 7px;
}
html>/**/body #login form input#btn {padding: 2px 16px 2px 8px;}
html>/**/body #login a#btn {float: none;padding: 3px 16px 3px 8px;}
#login form input#btn:hover, #login a#btn:hover {
background: url("../images/login.gif") no-repeat;
color: #FFCC66;
cursor: pointer;
text-decoration: none;
}



/*------table general-----*/

table {
margin: 10px 0;
}
table p {
line-height: 11px;
margin: 0 0 5px;
color: #666;
}
table p strong {
color: #484848;
}