/* Regole Generiche */ * {margin:0;padding:0} body {background:#5d7a90;color:#565656;text-align:center;font-family: Georgia,"Times New Roman",Times,serif;text-align:center;} a {color:#477fb9; font-weight: bold;text-decoration:none} a:visited {color:#477fb9; font-weight: bold;} a:hover {color:#fff} strong {color:#fff} .float-l {float:left} .float-r {float:right} img{border-width: 0} ul {list-style:url(../media/296/product-ul.jpg); margin-left:40px;line-height: 1.4em;} div.footer-menu ul {list-style:none; margin-left:0px;} input[type='text'],input.text , input[type='password'] {width:230px;padding:5px;margin-top:3px;font-family: Georgia,"Times New Roman",Times,serif;color:#424242;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;} input[type='text'].searchlarge{width:566px;padding:5px;margin-top:3px;font-family: Georgia,"Times New Roman",Times,serif;color:#424242;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;} input:focus, textarea:focus, select:focus {background:#F0F0F0;color:#424242;border:1px solid #bbb;} select {width:250px;padding:5px;margin-top:3px;font-family: Georgia,"Times New Roman",Times,serif;color:#424242;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;} /*Master Container*/ #mastercontainer {position:absolute;text-align:left;width:980px;margin: 0 auto; left:50%;margin-left:-490px} /*Header*/ .cart {width:98%;margin-right: 20px;text-align:right;font-family: Georgia,"Times New Roman",Times,serif; } #header {text-align:left;width:980px;margin: 0 auto; position:relative} /* Menu*/ .kwicks { /* recommended styles for kwicks ul container */ float:right; list-style: none; position: relative; margin: 0; padding: 0; background-color: #000; } .kwicks li{ /* these are required, but the values are up to you (must be pixel) */ width: 140px; height: 116px; background-color: #000; /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicks.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 5px; /*Set to same as spacing option. */ float: left; text-decoration:none; } #kwick_1 {} #kwick_2 {} #kwick_3 {} #kwick_4 {} .kwicks.horizontal #kwick_4 {margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */} .kwicks.horizontal #kwick_4 a {text-decoration:none; border:none} .kwicks.horizontal #kwick_4 a:visited {text-decoration:none} .kwicks.horizontal #kwick_4 a:hover {color:#000;} #search-box { text-align: right; margin: 5px; border-bottom: #e1e1e1 1px solid; padding-bottom: 5px; min-width:220px } .search-01 {background: url(../media/286/search-01.png) no-repeat; width: 125px; height: 15px;margin:4px 0 0 398px;float:left} .search-02 {background: url(../media/291/search-02.png) no-repeat; width: 15px; height: 15px;margin:4px 0 0 0;float:left} #button-search {background: url(../media/91/find.png) no-repeat; width: 83px; height: 19px; padding: 3px 0 0 0; float:right; margin: 117px 0 0 330px; text-align:center; font-size:11px; position:absolute; color:#FFF} #button-search a {color:#fff} #button-feedback {background: url(/media/7536/button-search.jpg) no-repeat; width: 83px; height: 19px; padding: 3px 0 0 0; float:right; margin: 117px 0 0 240px; text-align:center; font-size:11px; position:absolute; color:#FFF} #button-feedback a {color:#fff} #header-01 {background: url(../media/156/header-fondo-01.jpg) no-repeat; width: 554px; height: 20px; padding: 0 0 0 5px; font-style:normal; font-weight:normal; font-size:11px; color:#FFF; float: left;margin: 0 0 0 426px} #header-02 {background: url(../media/161/header-fondo-02.jpg) no-repeat #020202; width: 975px; height: 18px; color: #d3d0d0; font-weight:bold; padding: 0 0 3px 5px; font-family:"Times New Roman", Times, serif; font-size:14px; font-style:normal;clear:both;} #header-02 a {color: #FFF; text-decoration:underline; font-weight:bold; font-family:"Times New Roman", Times, serif; font-size:14px; font-style:normal; padding: 0 0 3px 5px} /* search */ a:focus { outline: none; } /* #searchCont { width: 250px; position:absolute; right:200px} */ #searchCont { width: 250px; position:absolute; left:700px} #searchPanel { background: white; height: 25px; display: none; /* padding-top: 5px; padding-left: 5px; */ border-left: 4px solid #000000; border-right: 4px solid #000000; } .slideCont { margin: 0; padding: 0; border-top: solid 4px #000000; background: url(/media/66/btn-slideb.gif) no-repeat center top; } .btn-slide { text-align: center; width: 110px; height: 20px; padding: 0; margin: 0 auto; display: block; font: bold 11px Verdana; color: #fff; text-decoration: none; } .active { background-position: right 12px; } /* Container */ #container {background-color:#FFF; margin: 0 0 0 0; clear:both; width:980px; float:right; min-height:400px;height:auto !important; height:700px; } #current-promotion {text-align:center;width: 980px;clear:both;position:relative;left:50%;margin-left:-490px;} #container a:hover { color: #000; } /*Content*/ #content-l {width:629px; position:relative; float:left;border-right: 1px solid #e1e1e1;} #content-l-community {width:490px; position:relative; float:left; margin: 0 0 0 0; padding: 0 0 0 0; margin-top: 20px;} #content-l-blog {width:90%;position:relative; float:right; margin: 0 97px 0 0; padding: 0 0 0 0} #box {position:relative; margin: 20px 24px 0 0; float:right;} #box-community-l {position:relative; margin: 0 0 0 0; float:left;} .box-content {width:590px;position:relative;margin: 0 0 0 15px; padding: 0 0 0 0;} .centerBox {width: 940px; padding:10px; margin:10px; border: 1px solid #f0f0f0;} h1 {background: url(../media/186/banner-central.png) no-repeat; width: 1027px; height:88px; margin: 0 0 0 -24px; font-size:40pt; font-weight: normal; padding: 0 0 0 0; color:#000;clear:both; text-align:center} .h2r {background: url(../media/191/banner-promotion-h2-r.png) no-repeat; width: 415px; height:82px;margin: 30px 0 0 -44px; font-size:22pt; font-weight: normal; padding: 13px 0 0 0; color:#000;clear:both; text-align:center} .h2r a {color:#000; font-weight:normal} h2 {background: url(../media/196/banner-promotion-h2.png) no-repeat; width: 415px; height:82px;margin: 30px 0 0 -20px; font-size:22pt; font-weight: normal; padding: 13px 0 0 0; color:#000; text-align:center} h2 a {color:#000000; font-weight:normal; text-decoration: underline;} h2 a:visited {color:#000000; font-weight:normal;} h3 {background: url(../media/201/banner-promotion-h3.png) no-repeat; width: 234px; height:46px;margin: 15px 0 0 -12px; font-size:16pt; font-weight: normal; padding: 6px 0 0 33px; color:#000;} h5 a {color:#000000; font-weight:normal; text-decoration: underline;} h5 a:visited {color:#000000; font-weight:normal;} h6 {font-size: 10pt; margin-bottom:10px;} h6 a:hover {color:#477fb9} .mini-article {padding: 11px 0 0 20px; margin: 20px 0 20px 10px; height: 120px; } .mini-article a:hover{ color:#000; } .mini-article-footer {float:right;padding-bottom: 0px;} .mini-content-l {margin: 0 0 0 -30px; width:100%} .mini-content-l {margin: 0 0 0 -30px} .mini-article-l {padding: 11px 0 0 20px; width: 415px; margin: 20px 0 20px 10px; border-bottom: 1px solid #F0F0F0; height: 95px; } .mini-article-l a:hover{ color:#000; } .mini-article-r { padding: 11px 0 0 20px; width: 420px; margin: 20px 0 20px 0px; border-bottom: 1px solid #F0F0F0; height: 95px} .mini-article-r a:hover{ color:#000} .article-projects { background:url(../media/176/icona-project.jpg) no-repeat; padding: 18px 0 0 43px; width: 620px; margin: 20px 0 20px 50px} .article-projects a:hover{ color:#000} /* .article-articles { background:url(../media/181/icona-articles.jpg) no-repeat; padding: 10px 0 5px 43px; width: 90%; margin: 0 0 50px 30px; border-bottom: 1px solid #f0f0f0} */ .article-articles { padding: 0 0 5px 0; width: 90%; margin: 0 0 50px 30px; border-bottom: 1px solid #f0f0f0} .article-articles a:hover{ color:#000} h4 {font-size: 14pt; padding: 5px 0 5px 0} h4:hover {background-color: #dfe9f3;} h4 a:hover {color:#477fb9} h5 {background:url(../media/206/banner-blog-post.png) no-repeat;width: 585px; height:48px;margin: 25px 0 0 -15px; font-size:12pt; font-weight: bold; padding-right:50px; color:#000;} h5 a {color:#000} h5 a:hover {color:#000} .content-post-quick-description {width:400px; margin: 0 0 28px 10px; padding: 10px 0 0 0; color:#000; font-size: 11px; } .content-blog-post-title {width:500px; margin: 0 0 0 40px; padding: 3px 0 0 0;color:#000 } .content-blog-post-title a {color:#000} .blog-post-content {position: relative; margin: 16px 0 15px 40px; padding: 0 22% 0 0; width: 880px} .blog-post-content a:hover {color:#000} .blog-post-content strong {color:#000} .blog-post-content p {padding:10px 0 0 0} .blog-post-date {padding: 0 0 0 0; margin: 2px 0 5px 33px; width:530px; font-size: 9pt; color:#000;} .blog-post-date a:hover {color:#000} .blog-post-content-footer {width: 560px; border-top: 1px solid #f0f0f0; margin: 0 0 0 24px} /*content-r*/ #content-r {position:relative; width:350px; float:right;margin: 0 0 0 0} #content-r-community {position:relative; width:430px; float:right;text-align:left; margin: 0 -45px 0 0} #content-r-blog {position:relative; float:left; text-align:left; margin: 0 0 0 0} .mini-content-r {margin: 0 0 0 -105px; text-align:left} /*Menu Destra*/ #list-index {margin-top:50px } #menu-list {width:80%; position:relative; margin: 0 0 70px 40px; padding: 0 0 0 0; width:180px; text-align:left;} #menu-list h2 {text-align:left;} #menu-list dt:hover {background-color: #dfe9f3;} #menu-list dt a:hover {color:#000} #menu-list h4 a {font-size:0.7em;margin-top:10px;} dt {font-size:11pt; margin: 0 0 0 0; padding: 8px 0 12px 30px; font-size:10pt; border-top: 1px solid #f0f0f0; width: 250px} #list-index h4 {border-top:1px solid #f0f0f0; margin:0 0 0 0; padding: 4px 0 4px 5px; width:250px} h2#title {background-image:none;font-size: 22pt; width:280px; height: 38px; margin:0 0 8px 0; padding: 0 0 0 0; color:#000; font-weight:normal;} h2#title span {position:absolute; font-size:12pt; margin: 3px 0 0 0; padding: 0 0 0 0; font-weight:bold} /*Menu destra Blog*/ #list-index-blog {position:relative; margin: 0 -27px 0 0; float:right; width: 190px; padding: 0 0 0 50px; z-index:1;} #menu-list-blog { margin: 60px 0 0 0; width:180px; text-align:left} #menu-list-blog h2 {text-align:left;} #menu-list-blog dt:hover {background-color: #dfe9f3;} #menu-list-blog dt a:hover {color:#000} #menu-list-blog h4 a {font-size:0.7em;margin-top:10px;} #list-index-blog h4 {border-top:1px solid #f0f0f0; margin:0 0 0 0; padding: 4px 0 4px 5px; width:200px} #title-blog {background-image:none;font-size: 20pt; width:240px; height: 38px; margin:0 0 8px 0; padding: 0 0 0 0; color:#000; font-weight:normal;} #title-blog span {position:absolute; font-size:10pt; margin: 3px 0 0 0; padding: 0 0 0 0; font-weight:bold} .archive {position:relative;width:190px; margin: 20px 0 0 0; font-size: 8pt} .archive ul {} .archive a:hover {color:#000} .product-box {margin: 0 0 0 0; padding: 0 0 0 0; width:250px;} .follow-us {position: relative; font: normal 11px Arial, Helvetica, sans-serif; text-align:center;width:980px; color:#fff; margin: 70px 0 35px 85px; clear:both; text-align:left;} .follow-us ul {position: relative; text-align:center} .follow-us ul li {display:inline;margin-right:170px} .archive ul {margin: 0 0 0 30px} .topic {border-bottom: 1px solid #f0f0f0} .topic a:hover {background-color: #dfe9f3} /*Footer*/ #footer {position: relative; font: normal 11px Arial, Helvetica, sans-serif; text-align:center;width:100%; color:#fff; margin: 0 0 35px 0; clear:both;} #footer a {color:#fff} #footer a:visited {color:#fff} #footer a:hover {color:#000} .footer-menu {position: relative; font: normal 11px Arial, Helvetica, sans-serif; text-align:center;width:100%; color:#fff;} .footer-menu ul {position: relative; width:100%} .footer-menu ul li {display:inline;margin-right:2px} .footer-menu a {color:#fff} .footer-menu a:visited {color:#fff} .footer-menu a:hover {color:#000} .productThumbnail { float: left; padding: 1px; border: solid 1px #C0C0C0; margin: 3px; margin-bottom: 10px; } .productThumbnailHome { float: left; padding: 1px; border: solid 1px #C0C0C0; margin: 3px; } .product-details {background:url(../media/226/icona-categories-products.jpg) no-repeat;padding: 10px 10px 12px 43px; width: 30%; margin: 10px 0 20px 30px; border-bottom: 1px solid #f0f0f0} .ui-tabs li {margin: 0 0 0 90px; padding: 10px 0 0 0} .ui-corner-bottom {list-style:url(../media/296/product-ul.jpg);} .ui-tabs strong {color:#000} .ui-corner-all p {padding:10px 40px 0 20px} .blog-pager { border-top: 1px solid #e1e1e1; width: 100%; margin-top: 10px; font-size: 12px; padding: 5px;} .blog-pager a:hover {background-color: #e1e1e1; color: #000000;} /* ajax loader */ #ajaxloader {background:url(../media/336/d4sajaxloader.gif) no-repeat scroll 0 0;background-position:center; border: 1px solid #F0F0F0;width:900px;height:200px; padding:20px; margin:20px;vertical-align:text-top;text-align:center;} #PayPalVerifed {background:url(../media/346/paypallogo.jpg) no-repeat scroll 0 0;background-position:center; width:100%; height:235px} /* Table */ .table_login { border:0px solid #EEE;border-collapse:collapse; vertical-align:top; border:1px solid #DDDDDD;} td,tr{padding:3px 5px} td { text-align:left; border:0; } tr{text-align:left} .etichetta { background-image:url('../images/table.png'); width:397px; } /* Gridview */ .table_grid { width: 922px; } .table_grid tr { border: solid 1px #CCCCCC; border-color:#CCCCCC; } .table_grid td { border: 0; border-color:#CCCCCC; } /* CONTACT US STYLES ----------------------------------------------------------------------------------------------------*/ #map-holder{background:url("/images/map-holder.jpg") no-repeat;width:610px;height:287px;position:relative;} #map_canvas {width:590px;height:250px;position:absolute;top:10px;left:10px;} .ContactForm {padding:10px;margin:10px 0 0 0px;} .ContactForm input {font-size:12px;color:#424242;} .ContactForm input:focus, textarea:focus {background:#F0F0F0;color:#424242;border:1px solid #bbb;} .ContactFormRow {width:100%;overflow:hidden;margin-bottom:20px;} .ContactFormCol {width:98%;float:left;display:inline;text-align:left;position:relative;} .ContactFormCol label {font-size:13px;line-height:16px;vertical-align:middle;color:#165d91;} .ContactFormCol span{color:#bbb;font-style:italic;padding-left:5px;vertical-align:middle;} .ContactInputReg, textarea.ContactInputReg {width:95%;padding:10px;margin-top:3px;font:normal 12px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;color:#424242;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;} .ContactFormButton{border:none;cursor:pointer;margin:0;background:url("/images/btn-getintouch.png") no-repeat 0 0;width:105px;height:32px;text-indent:-9999px;color:transparent;text-transform:capitalize;display:block;} .ContactFormButton:hover{background-position:0 -32px;} label.error {color:#ff1800;font-size:12px;position:absolute;right:10px;text-align:right;top:0;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */