html, body {
margin : 0;
padding : 0;
background-color : #222222;
font-family : "Trebuchet MS", verdana, serif;
color : #333;
font-size : 11px;
text-align : justify;
background : #222222 url(site/header_bg.png) repeat-x 0 0;
}
h1 {
padding : 0 0 5px 0;
margin : 0 0 5px 0;
font-size : 32px;
color : #2cafe3;
text-transform : capitalize;
font-weight : bolder;
font-style : italic;
}
h2 {
color : #2cafe3;
font-size : 14px;
margin : 0;
padding : 0;
text-transform : capitalize;
}
h3 {
color : #333333;
font-size : 13px;
margin : 0;
padding : 0;
text-transform : capitalize;
}
a {
color : #ff920a;
text-decoration : none;
}
a:hover {
color : #2cafe3;
}
div.infobar, div.infobar div.right {
color : #333;
background : #fff;
}
div.infobar div.right {
background : none;
}
div.infobar a {
color : #ff920a;
}
div.infobar a:hover {
color : #2cafe3;
background : none;
}
div.links a {
color : #ff920a;
}
div.links a:hover, div.links a.current {
color : #2cafe3;
}
th {
color : #fff;
background : #666;
}
tr.alt {
background : #f2f2f2;
}
div.featured {
color : #333;
background : #ffcc00;
}
div.alt {
background : #f2f2f2;
}
input.compare {
font-size : 11px;
}
div.search {
color : #fff;
background : #333;
}
div.pages, div.links {
color : #fff;
background : #333;
}
table.info td.title {
color : #fff;
background : #999;
}
table.compare th {
background : #999;
}
table.compare td {
border-left : 1px solid #ccc;
}
hr {
margin : 10px 0 !important ;
margin : 0;
padding : 0;
height : 1px;
border : 0;
border-bottom : 1px dotted #c5c5c5;
}
p {
margin : 0;
padding : 5px 0;
}
img.none {
margin : 0;
padding : 0;
border : 0;
}
div.infobar a {
padding : 2px 3px;
color : #ff920a;
text-decoration : none;
}
div.infobar a:hover {
color : #2cafe3;
}
div.links a {
padding : 2px 3px;
color : #ff920a;
text-decoration : none;
font-weight : bolder;
}
div.links a:hover, div.links a.current {
color : #2cafe3;
}
th, td {
padding : 0;
}
th {
font-weight : normal;
text-align : left;
}
tr.alt {
background : #f2f2f2;
}
#msg-error {
margin : 10px 0;
padding : 5px 10px;
color : #fff;
background : #c00;
}
#msg-success {
margin : 10px 0;
padding : 5px 10px;
color : #fff;
background : #393;
}
#msg-alert {
margin : 10px 0;
padding : 5px 10px;
color : #fff;
background : #f60;
}
span.success, span.alert, span.error {
padding : 1px 3px;
color : #fff;
font-weight : bold;
background : #393;
}
span.alert {
background : #f60;
}
span.error {
background : #c00;
}
table.compare th, table.compare td {
padding : 5px;
}
table.compare th {
background : url(site/top.png);
}
table.compare td {
border-left : 1px solid #ccc;
}
table.compare td.label {
border-left : 0;
font-weight : bold;
}
div.listing {
position : relative;
margin : 0;
padding : 0;
width : 100%;
height : 100px;
background : #fff;
color : #333;
}
div.photo {
position : absolute;
margin : 0;
padding : 3px;
width : 120px;
}
div.info, div.description {
position : absolute;
top : 0;
left : 140px;
margin : 0;
padding : 5px;
width : 380px;
}
div.description {
top : 55px;
}
div.price, div.compare {
position : absolute;
top : 0;
right : 20px;
margin : 0;
padding : 5px;
text-align : right;
}
div.compare {
top : 76px !important ;
top : 72px;
padding : 0 5px 0 0;
}
div.featured {
position : absolute;
top : 0;
right : 0;
margin : 0;
padding : 5px;
width : 10px;
height : 90px;
font-size : 10px;
line-height : 11px;
text-align : center;
background : #fff url(site/featured.png) no-repeat;
}
div.alt {
background : #f2f2f2;
}
input.compare {
font-size : 11px;
}
div.search {
position : relative;
margin : 0;
padding : 0 0 5px 0;
width : 100%;
color : #fff;
background : #369;
}
div.search td, div.search th {
padding : 0;
background : none;
}
div.search th {
padding : 0 0 0 5px;
}
div.search input, div.search select {
font-size : 11px;
}
div.pages, div.links {
position : relative;
margin : 0;
padding : 3px 0 3px 0;
width : 100%;
color : #333;
background : #fff;
}
div.links {
position : absolute;
top : 0;
right : 0;
width : 400px;
text-align : right;
}
div.infobar {
width : 100%;
}
div.infobar div.right {
float : right;
position : absolute;
right : 10px;
top : 8px;
width : 100px;
}
table.display {
margin : 0 auto;
text-align : left;
background : #fff;
}
table.display td {
padding : 0;
}
table.info td {
padding : 8px 0 0;
}
table.info td.label {
width : 100px;
}
table.info td.title {
margin : 0;
padding : 4px 0;
font-weight : bold;
text-align : center;
background : url(site/top.png);
}
hr {
height : 1px;
border-top : 1px dotted #c5c5c5;
}
ul {
list-style-type : none;
}
#top {
width : 768px;
height : 252px;
position : relative;
margin : 0 auto;
padding : 0;
}
#top ul {
width : 476px;
height : 42px;
display : block;
position : absolute;
float : right;
top : 210px;
right : 0;
margin : 0;
padding : 0;
background : #ff8714 url(site/menu_bg.png) repeat-x 0 0;
color : #fff;
}
#top ul li {
float : left;
display : block;
width : 75px;
height : 42px;
background : url(site/menu_div.png) no-repeat right top;
}
#top ul li span {
display : block;
width : 73px;
height : 42px;
background : url(site/menu_hover.png) no-repeat 50% 0;
font : 13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
}
#top ul li a {
display : block;
width : 73px;
height : 42px;
background : #ff8714 url(site/menu_bg.png) repeat-x 0 0;
color : #222222;
font : 13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
}
#top ul li a:hover {
display : block;
width : 73px;
background : url(site/menu_hover.png) no-repeat 50% 0;
text-decoration : none;
margin : 0;
padding : 0;
color : #fff;
}
#top ul li.contact {
display : block;
width : 75px;
height : 42px;
background : #ff8714 url(site/menu_bg.png) repeat-x 0 0;
color : #fff;
font : 13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
text-decoration : none;
}
#top ul li.contact:hover {
display : block;
width : 75px;
background : url(site/menu_hover.png) no-repeat 50% 0;
text-decoration : none;
margin : 0;
padding : 0;
}
#body {
width : 768px;
height : auto;
min-height : 867px;
position : relative;
margin : 0 auto;
background : url(site/body_mid.png) repeat-y;
}
#bodybottom {
width : 768px;
height : 30px;
position : relative;
margin : 0 auto;
background : url(site/body_bottom.png) no-repeat;
}
#footer {
height : 114px;
background : url(site/footer_bg.png) repeat-x 0 0;
color : #fff;
padding : 80px 0 0 0;
position : relative;
margin : 0 auto;
clear : both;
}
#footerPan {
width : 640px;
height : 82px;
position : relative;
margin : 0 auto;
padding : 0 0 0 50px;
}
#footerPan ul {
width : 330px;
display : block;
position : absolute;
right : 0;
top : 10px;
padding : 0;
}
#footerPan li {
float : left;
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : lighter;
}
#footerPan ul li a {
padding : 0 5px 0 5px;
color : #c5c5c5;
text-decoration : none;
}
#footerPan ul li a:hover {
background : #79ff00;
color : #444;
}
#footerPan ul li a.padl {
padding : 0 0 0 14px;
}
#footerPan ul.design {
width : 158px;
color : #79ff00;
display : block;
position : absolute;
top : 65px;
right : 15px;
}
#footerPan ul.design li a {
display : block;
text-decoration : none;
}
#footerPan ul.design li a:hover {
background : #79ff00;
color : #444;
}
#footerPan p {
margin : 40px 0 0 0;
display : block;
position : absolute;
top : 0;
right : 30px;
color : #79ff00;
font-size : 11px;
}
#footerPanleft {
width : 285px;
height : 100px;
float : left;
margin : 0 auto;
background : url(site/vertical-dot.png) repeat-y 100% 0;
font-size : 9px;
letter-spacing : 1px;
}
#footerPanleft img {
width : 260px;
height : 87px;
margin : 5px 0 0 0;
}
#leftcolumn {
width : 500px;
height : auto;
display : block;
float : left;
margin : 0;
padding : 10px 13px 0 20px;
border-right : 1px solid #c5c5c5;
}
#rightcolumn {
width : 200px;
height : auto;
float : right;
display : block;
margin : 0;
padding : 10px 23px 0 5px;
}
#rightcolumn a {
font-size : 11px;
font-weight : lighter;
}
#fullcolumn {
width : 725px;
height : auto;
display : block;
float : left;
margin : 0;
padding : 10px 0 0 20px;
}
#servizi {
width : 200px;
height : 50px;
background : url(site/servizi/servizi.gif) no-repeat;
}
form {
margin : 0;
padding : 0;
}
div.form {
position : relative;
margin : 0;
padding : 10px;
}
div.form td.label {
width : 120px;
}
input.login, input.password, input.submit, input.textarea, select {
width : 165px;
height : 18px;
border : 1px solid #c5c5c5;
margin : 2px;
padding-left : 25px;
font-size : 10px;
}
input.login {
background : url(site/login/user.png) no-repeat left 0%;
}
input.password {
background : url(site/login/password.png) no-repeat left 0%;
}
input.submit {
height : 22px;
width : 72px;
padding : 0;
border : 0;
background : url(site/submit.png);
color : #fff;
}
input.textarea {
width : 50px;
padding : 2px;
}
input.check {
border : none;
}
select {
width : 115px;
padding : 0;
}
select.wide {
width : 180px;
padding : 0;
}
#search {
width : 200px;
height : 50px;
background : url(site/ricerca/ricerca.gif) no-repeat;
font-size : 11px;
}
#quotazioni {
width : 200px;
height : 50px;
background : url(site/quotazioni/quotazioni.gif) no-repeat;
font-size : 11px;
}
.left {
float : left;
padding : 5px 5px 5px 0;
}
.right {
float : right;
padding : 0 5px 0 5px;
}
.center {
display : block;
text-align : center;
margin : 0 auto;
}
#vetrina {
width : 500px;
}
#dhtmlgoodies_slideshow {
width : 728px;
}
#previewPane {
border : 1px solid #cccccc;
margin-bottom : 10px;
text-align : center;
vertical-align : middle;
padding-top : 35px;
position : relative;
height : 532px;
height : 520px;
height : 520px;
}
#previewPane img {
line-height : 400px;
}
#previewPane #largeImageCaption {
text-align : center;
padding-top : 10px;
}
#galleryContainer {
height : 102px;
border : 1px solid #cccccc;
position : relative;
overflow : hidden;
padding : 1px;
height : 104px;
height : 102px;
height : 102px;
}
#arrow_left {
position : absolute;
left : 0;
z-index : 10;
background-color : #fff;
padding : 1px;
}
#arrow_right {
position : absolute;
right : 0;
z-index : 10;
background-color : #fff;
padding : 1px;
}
#theImages {
position : absolute;
height : 100px;
left : 40px;
width : 100000px;
}
#theImages #slideEnd {
float : left;
}
#theImages img {
float : left;
padding : 1px;
cursor : pointer;
border : 0;
}
#waitMessage {
display : none;
position : absolute;
left : 200px;
top : 150px;
background-color : #fff;
border : 3px double #000;
padding : 4px;
color : #555;
font-size : 0.9em;
font-family : arial;
}
#theImages .imageCaption {
display : none;
}