/*CSS by Massimo Morandi @ ferrise.ch*/

* {margin: 0; padding: 0;}
body {font: 12px Arial, Helvetica, sans-serif; color: #000; background: url(images/i/headbg.jpg) repeat-x;}
body.disclaimer {background-position: 0 -120px;}

ul {list-style: none; list-style-position: inside; margin: 0;}
h1, h2, h3, h4, h5 {font-family: Arial, Tahoma, serif; font-weight: normal;}
img {display: block; border: none;}
p, ul, ol, table {margin: 0 0 10px 0; line-height: 120%; color: #4B2701;}

a:link, a:visited {font-weight: bold; text-decoration: none; color: #8C1E14;}
a:hover, a:active {color: #333;}

form ul li {list-style-image: none !important;}

input#txpCommentPreview, input#txpCommentSubmit, .zemSubmit {padding: 3px 15px; color: #FFF; border-style: none; background: #8C1E14 !important;}
#txpCommentPreview:hover, #txpCommentSubmit:hover, .zemSubmit:hover {background: #4B2701;}
input, textarea, select {font: 11px Arial, Helvetica, sans-serif; color: #8C1E14;}
input, textarea {padding: 2px; border: 1px solid #999;}

input:focus, textarea:focus {border: 1px solid #4B2701;}
.submit .button.disabled {background: #999 !important;}
.zemError li {color: red; margin: 0 !important;}

p.success {color: green; font-weight: bold;}
p.badge {clear: both; text-align: right; margin: 0 0 0 0;}
p.badge img {display: inline;}

#wrapper, #header, #stripcontent, #content {width: 760px;}
#wrapper, #stripcontent {margin: 0 auto 0 auto;}
#header {height: 139px; background: url(images/i/caffeheaderbg.jpg) no-repeat;}
#header a.logo {display: block; margin: 0 0 0 80px; padding: 20px 0 0 0;}

.menu, #lang, a.shopout {margin: 20px 0 0 0;}
.menu li.active a, #lang li.active a {color: #FAC300; border-bottom: 4px solid #FAC300;}

.menu, a.shopout {float: left; font-size: 14px;}
.menu li {float: left; margin: 0 7px 0 0;}
.menu a:link, .menu a:visited {color: #FFF;}
a.shopout {color: #FAC300;}
.menu a:hover, a.shopout:hover {color: #FAC300;}
.menu a:active, a.shopout:active {color: #CCC;}


#lang {float: right;}
#lang li {float: left;}
#lang a:link, #lang a:visited {color: #FFF;}
#lang a:hover {color: #FAC300}
#lang a:active {color: #CCC}

#imageStrip {position: absolute; left: 0; width: 100%; height: 275px; background:#280900 url(images/i/imgstripbg.gif) repeat-x;}
#imageStrip.pack {background: url(images/i/imgstripbg_w.gif) repeat-x;}
#imageStrip.illustration {background-color: #562D01;}

#stripcontent {height: 261px; margin-top: 7px;}
#stripcontent.home {background: url(images/i/caffebg.jpg) no-repeat 100px bottom;}
#stripcontent.noBg {background-image: none;}

.evidence {float: right; width: 296px; height: 70px; padding: 18px 0px; background: url(./images/28.jpg) no-repeat; font-size: 13px;}
.evidence li {display: inline; padding: 0 8px;}
.evidence img {display: inline; vertical-align: middle;}

#content {float: left; clear: left; margin-top: 275px; background: url(images/i/shadowstrip.jpg) no-repeat;}
#content .description {float: right; width: 400px; margin-bottom: 20px; font-size: 18px; color: #8C1E14; text-align: right;}
#content .description .pod {color: #FAC300;}

#leftCol, #rightCol {float: left;}
#leftCol {width: 420px; margin: 0 40px 0 0;}
p.videopod {clear: both; text-align: right; padding-top: 30px;}
p.videopod a {color: #FAC300;}

.article {padding: 20px 0 0 0;}
.article .buysubmenu {border-bottom: 1px dotted #4B2701; margin: 0 0 20px 0; padding: 0 0 5px 0 !important;}
.article .buysubmenu li {display: inline; margin: 0 15px 0 0;}

.article p {text-align: justify;}
.article h1, .article h2 {font-weight: bold; color: #4B2701;}
.article h1 {margin: 0 0 10px 0; font-size: 18px;}
.article h2 {margin: 20px 0 4px 0; font-size: 14px;}
.article .footnote {font-size: 11px; color: #666; text-align: left;}
.article ol li {list-style-position: outside; margin: 0 0 0 30px;}
.article ul li {list-style: url(./images/5.gif) outside; margin: 0 0 0 30px;}
.article ul.gallery {float: left; margin-top: 15px; width: 100%;}
.article ul.gallery li {float: left; margin: 0 25px 15px 0; font-size: 11px; line-height: 80%; list-style: none;}
.article ul.gallery img {border: 1px solid #4B2701; padding: 2px;}
.article p.video {padding: 9px; border: 1px solid #CCC;}
.article p.product_sell img {float: left; margin: 0 10px 10px 0;}
.article form#paypal input {border: none;}

.forum_post {margin: 20px 0 0 0; padding: 3px 0 0 0; border-top: 1px dotted #8C1E14;}
.forum_post p.date {font-size: 11px; margin: 0 0 6px 0;}
.forum_post a.comments_invite {font-size: 11px;}

div.comments-wrapper {padding: 10px 0 0 0; font-size: 11px; border-top: 1px dotted #4B2701;}
div.comments-wrapper ul li, .zemContactForm ul li {margin: 0 0 5px 0; list-style: none;}
div.comments-wrapper ul li label, .zemContactForm ul li label {display: block; float: left; clear: left;}
div.comments-wrapper ul li label {width: 60px;}
div.comments-wrapper .comments_error li {color: red; margin: 0;}
div.comments-wrapper ul li.submit {padding: 0 0 0 60px; margin: 10px 0 0 0;}
div.comments-wrapper ul li.submit {padding: 0 0 0 60px; margin: 10px 0 0 0;}

.article .comment_preview {margin: 10px 0 0 0; padding: 2px 0 0 0; border-top: 1px dotted #CCC;}
.article .comment_preview .comment_data {font-size: 11px; margin: 0 0 3px 0;}
.article .comment_preview p {margin: 0;}
.article .comments_label {color: #666; font-weight: bold; margin-top: 30px;}
.article .comments_close {font-style: italic; font-weight: bold; margin-top: 30px;}

.article.popup {padding: 100px 20px 20px 20px; background: url(images/12.gif) no-repeat 20px 30px;}


.zemContactForm ul.formpart {}
.zemContactForm h2 {margin: 0 0 15px 0; padding-bottom: 3px; border-bottom: 1px dotted #4B2701;}
.zemContactForm ul li label {width: 120px; margin-right: 10px;}
.zemContactForm input, .zemContactForm textarea {background: #E9C26B;}
.zemContactForm textarea {width: 50%;}
.zemContactForm #indirizzo {width: 250px;}
.zemContactForm p.submit {margin-top: 20px;}


table {width: 100%; margin: 0; text-align: left; border-collapse: separate; border-spacing: 0;}
table th, table td {padding: 5px 7px 5px 0;}
table th {border-width: 0 0 1px 0; border-style: solid; border-color: #4B2701;}
table td.qta input {width: 20px;}
table td.qta label, table td.act label {display: none;}

#rightCol {width: 290px; padding: 25px 0 0 0; background-repeat: no-repeat;}
#rightCol.prodotto, #rightCol.forum {background-image: url(images/4.jpg);}
#rightCol.forum {padding-top: 100px;}

.submenu, .news_home {border-left: 1px dotted #8C1E14; padding: 0 0 0 13px;}
.submenu {margin: 30px 0 0 0;}
.submenu li {margin: 0 0 2px 0;}
.submenu li.active {list-style-image: url(./images/5.gif);}
.submenu li.active a {color: #4B2701;}

.news_home {width: 220px;}
.news_home div {margin: 20px 0 4px 0;}
.news_home h2 {margin: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #8C1E14;}
.news_home h3 {margin: 0 0 3px 0; font-size: 12px;}


#footer {clear: both; float: left; width: 760px; margin: 50px 0 20px 0; font-size: 11px;}