/* basics */
* {zoom:1;}
html,body{padding:0; margin:0;}
body{ color:#3E3D31; font-family:Tahoma,Arial,sans-serif; font-size:75%;}
div#page { margin:0 auto; position:relative; width:789px; margin-bottom:15px; }
h1,h2,h3,h4,h5,h6{color:#7D9D2A; margin:0.8em 0 0.2em 0;}
h1{font-size:240%; margin-bottom:0.5em;}
h2{font-size:170%; margin-top:0;}
h3{font-size:130%; margin-top:0.5;}
h4{font-size:100%;}
h5{font-size:100%;}
h6{font-size:90%;}
p {line-height:130%; margin:0.8em 0 1.2em 0;}
a{color:#C55612;}
a:visited{color:#AA3E00;}
a:hover{color:#7D9D2A;}
sub,sup{vertical-align:baseline; position:relative;}
sub{top:0.4em;}
sup{bottom:0.4em;}
abbr,acronym{cursor:help;}
address{font-style:normal;}
table {margin:1em 0; border-collapse:collapse;}
table tr {}
table th {padding:8px 12px; font-weight:bold; text-align:left; background:#F6EDD5;}
table td {padding:8px 12px; font-weight:normal; border-bottom:1px solid #B0B0A9;}
li{margin:0.4em 0; line-height:130%;}
a img{border:0;}
form {margin:0;}
input, button, select, option, textarea {font-size:100%; font-family:Tahoma,Arial,sans-serif; color:#3E3D31;}
em, i {font-style:italic;}
strong, b {font-weight:bold;}
.invisible{display:none;}
.cleaner {display:block; clear:both; font-size:1px; height:1px;}
a.readmore {font-weight:bold; padding-right:18px; background: url(../images/screen/arrow-more.png) right 1px no-repeat; }
a.readless {font-weight:bold; padding-left:18px; background: url(../images/screen/arrow-more.png) leftt 1px no-repeat; }
div#content ul, div#col ul {margin:1em 0; padding:0;}
div#content ul li, div#col ul li {margin:0.3em 0; padding:0 0 0 14px; list-style:none; background:url(../images/screen/bullet-green.gif) left 5px no-repeat;}
/* header logo + title */
div#header {display: none;}
h1#header-logo {width:265px; height:104px; position:absolute; top:0; left:0; margin:0; overflow:hidden;}
h1#header-logo a {text-decoration:none;}
h1#header-logo a span {display:block; cursor:pointer; width:265px; height:104px; position:absolute; top:0; left:0; background:url(../images/screen/header.png) left top no-repeat;}
/* user bar */
div#user {width:446px; height:98px; padding-top:7px; position:absolute; top:0; right:0; font-size:90%;}
div#user label {color:#7D9D2A; font-weight:bold;}
input#header-username, input#header-pass {width:104px; background:#fff; border:1px solid #B0B0A9; height:18px; margin-left:5px;}
input#header-username {margin-right:10px;}
form#header-login-form {margin-left:10px;}
input#header-submit {width:93px; height:23px; color:#fff; font-weight:bold; background:url(../images/screen/button-submit-93.png) top left no-repeat; border:0; position:absolute; top:7px; right:10px;}
a#forgotten-pass {position:absolute; top:31px; right:10px;}
a#register {position:absolute; bottom:0; right:0; display:block; width:134px; height:29px; padding:10px 0 0 10px; color:#fff; font-size:130%; font-weight:bold; text-transform:uppercase; text-decoration:none; background:#C55611 url(../images/screen/button-register.png) top left no-repeat;}
a#register:hover {text-decoration:underline;}
/* nav bar */
div#bar {display:none;}
ul#nav {margin:0; padding:0; height:30px; width:772px; padding-left:15px;}
ul#nav li {margin:0; padding:0; list-style:none; float:left; _width:1px; _white-space:nowrap;}
ul#nav li a {color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; display:block; height:25px; padding:5px 30px 0 30px;}
ul#nav li a:hover {color:#F2DFB9; text-decoration:underline;}
ul#nav li a.active, ul#nav li a.active:hover {position:relative; color:#7D9D2A; background:#fff url(../images/screen/nav-active.png) top left no-repeat; cursor:default; text-decoration:none;}
ul#nav li a.active span, ul#nav li a.active:hover span {display:block; width:11px; height:30px; text-decoration:none; position:absolute; top:0; right:0; background:url(../images/screen/nav-active-right.png) top left no-repeat;}
/* search */
form#search {position:absolute; right:15px; top:5px;}
input#search-phrase {width:147px; height:20px; padding-top:2px; background:#fff url(../images/screen/search-input.png) top left no-repeat; border:0;}
input#search-submit {position:relative; top:5px; left:3px;}
/* content */
div#content {width:789px; float:left; background:#fff; padding:15px 0; }
.line-bottom {padding-bottom:15px; border-bottom:1px solid #B0B0A9; margin-bottom:15px;}
.right {margin-right:0;}
div#breadcrumbs { display: none; }
div#home-title {height:227px; margin-bottom:15px; background:#F6EDD5 url(../images/screen/hometitle-top.png) top right no-repeat;}
div#home-title img {*float:left; *display:block; border-right:1px solid #fff;}
div#home-title-content {height:197px; _overflow:hidden; width:367px; padding:15px; background: url(../images/screen/hometitle-bottom.png) bottom right no-repeat; float:right;}
div#home-title-content ul li {margin:8px 0; _margin:5px 0;}
div#home-title h2 {color:#A8652F;}
div#home-title a.readmore {font-weight:bold; background: url(../images/screen/button-white-116.gif) top left no-repeat; padding:4px 30px 6px 8px; float:right;}
div.halfbox {margin-right:15px; width:387px; float:left;}
div.halfbox.right {margin-right:0;}
/* news */
div.news {margin:10px 0;}
div.news-date {font-size:90%; color:#91918B; margin-bottom: 5px;}
div.news h3 {font-size:100%; margin:2px 0 4px 0;}
div.news img {float:left; margin:0 10px 5px 0; display:block; width: 107px; }
div.news-perex {float:left; width:270px; height: 110px; }
/* recipe box */
div.recipe-box {margin:10px 0;}
div.recipe-data {font-size:90%; color:#91918B; margin-bottom:5px; float:left;}
div.recipe-box span.stars {float:left; margin-left:4px;}
div.recipe-box h3 {font-size:100%; margin:2px 0 4px 0;}
div.recipe-box img {float:left; margin:0 10px 5px 0; display:block; width: 107px; }
div.recipe-box-content {float:left; width:270px; height: 110px; }
div.recipe-box-content p {margin:0;}
span.time-small {padding:0 3px 0 17px; background: url(../images/screen/icon-time-small.png) 2px 1px no-repeat;}
a.readmore-green {display:block; width:86px; font-weight:bold; background: url(../images/screen/button-green-121.gif) top left no-repeat; color:#fff; padding:4px 27px 6px 8px; float:right;}
a.readmore-green span {background:#91B631; text-decoration:underline; color:#fff;}
a.readless-green {display:block; width:86px; font-weight:bold; background: url(../images/screen/button-green-120.gif) top left no-repeat; color:#fff; padding:4px 8px 6px 33px; float:left;}
a.readless-green span {background:#91B631; text-decoration:underline; color:#fff;}
span.stars {display:block; height:12px; width:78px; position:relative; _overflow:hidden;}
span.stars span {display:block; height:12px; width:78px; position:absolute; top:0; left:0; background-image:url(../images/screen/stars.png); background-repeat:no-repeat;}
span.star-1 span {background-position:0 -12px;}
span.star-2 span {background-position:0 -24px;}
span.star-3 span {background-position:0 -36px;}
span.star-4 span {background-position:0 -48px;}
span.star-5 span {background-position:0 -60px;}
/* product boxes */
div.productbox-3col {width:253px; background:#D9E9EB url(../images/screen/product-253-top.png) top left no-repeat; float:left; margin-right:15px; font-size:90%; position:relative;}
div.productbox-3col-inside {padding:10px 10px 10px 130px; *padding-top:0; height:60px; *min-height:75px; background:url(../images/screen/product-253-bottom.png) bottom left no-repeat;}
div.productbox-3col.right {margin-right:0;}
div.productbox-3col img {position:absolute; top:10px; left:10px; width: 110px; height: 60px; }
div.productbox-3col h3 {font-size:130%; margin:0;}
div.productbox-3col p {margin:0;}
div.productbox-3col a.readmore {padding-right:15px; background:url(../images/screen/arrow-more-small.gif) right 3px no-repeat;}
div.productbox-2col {width:387px; background:#D9E9EB url(../images/screen/product-387-top.png) top left no-repeat; float:left; margin-right:15px; font-size:90%; position:relative; margin-top:5px;}
div.productbox-2col-inside {padding:10px 10px 10px 130px; *padding-top:0; height:60px; *min-height:75px; background:url(../images/screen/product-387-bottom.png) bottom left no-repeat;}
div.productbox-2col.right {margin-right:0;}
div.productbox-2col img {position:absolute; top:10px; left:10px;}
div.productbox-2col h3 {font-size:130%; margin:0;}
div.productbox-2col p {margin:0;}
div.productbox-2col a.readmore {padding-right:15px; background:url(../images/screen/arrow-more-small.gif) right 3px no-repeat;}
/* user box */
div.user-box {margin:15px 0; position:relative;}
div.user-box h3 {font-size:100%; margin:0;}
div.user-box img {position:absolute; top:0; left:0;}
div.user-box-content {padding-left:90px; *margin-top:-15px;}
div.user-box-content p {margin:0;}
div.user-box-content strong {color:#7D9D2A;}
/* yellow box */
div.yellow-halfbox {margin:-15px 15px 15px 0; background:#F6EDD5 url(../images/screen/box-387-top.png) left top no-repeat;}
div.yellow-halfbox-inside {background: url(../images/screen/box-387-bottom.png) left bottom no-repeat; padding:10px 15px;}
div.yellow-halfbox-normal {margin: 15px 15px 15px 0; }
div.yellow-halfbox-fixed {height: 220px; overflow: hidden; }
div.yellow-halfbox-fixed a.readmore { background: url("../images/screen/button-green-147.gif") no-repeat scroll left top transparent; padding: 4px 27px 6px 8px; display: block; color: #fff; }
form#newsletter strong {color:#7D9D2A;}
input#newsletter-submit {width:134px; height:23px; color:#fff; font-weight:bold; background:url(../images/screen/button-submit-134.png) top left no-repeat; border:0;}
/* product page */
div#gallery-box {width:306px; *width:315px; float:right; margin: -0px 0 10px 15px;}
img.gallery-big {display:block; margin-bottom:15px; width: 306px; }
img.gallery-thumb {float:left; display:block; _display:inline; margin-right:10px; width: 95px; height: 95px; }
img.gallery-thumb.right {margin-right:0;}
a.specification {display:block; width:98px; font-weight:bold; background: url(../images/screen/button-spec.png) top left no-repeat; color:#fff; padding:4px 8px 6px 30px; float:right;}
a.specification span {background:#D45C13; text-decoration:underline; color:#fff;}
a.add-recipe {display:block; width:98px; font-weight:bold; background: url(../images/screen/button-spec.png) top left no-repeat; color:#fff; padding:4px 8px 6px 30px;}
a.add-recipe span {background:#D45C13; text-decoration:underline; color:#fff;}
div.article-notice {background:#F6EDD5; padding:10px; margin:15px 0;}
div.article-date {font-size:90%; color:#91918B;}
div.article-notice h3 {margin:3px 0; font-size:100%;}
div.image-left img {float:left; display:block; margin:0 10px 0 0;}
div.image-right img {float:right; display:block; margin:0 0 0 10px;}
div.article-notice a.readmore {padding-right:15px; background:url(../images/screen/arrow-more-small.gif) right 3px no-repeat;}
div.article-perex { margin-bottom: 5px; }
/* col */
div#col { display: none; }
div.competition-notice p {margin:4px 0;}
div.competition-notice a.readmore {margin-top:10px; display:block; width:112px; font-weight:bold; background: url(../images/screen/button-green-147.gif) top left no-repeat; color:#fff; padding:4px 27px 6px 8px; float:right;}
div.competition-notice a.readmore span {background:#91B631; text-decoration:underline; color:#fff;}
div.recipe-small {margin:10px 0;}
div.recipe-small h3 {font-size:100%;}
div.recipe-small span.stars {margin:5px 0 3px 0;}
span.time {display:block; height:16px; padding:0 0 0 20px; background: url(../images/icon-time.gif) left top no-repeat;}
div#ucime-se-pect {margin:20px 0 15px 0; width:163px; height:166px; padding:10px; position:relative; background: url(../images/screen/ucime-se-pect.png) left top no-repeat;}
div#ucime-se-pect h3 {font-size:110%; margin:0;}
div#ucime-se-pect p {padding-left:60px; margin:5px 0;}
div#ucime-se-pect div {padding-left:76px;}
div#ucime-se-pect a.readmore {font-weight:bold; background: url(../images/screen/button-white-64.gif) top left no-repeat; padding:4px 30px 6px 10px; position:absolute; bottom:10px; right:10px;}
div#tags a {text-decoration:none;}
a.tag-0 {font-size:100%;}
a.tag-1 {font-size:120%;}
a.tag-2 {font-size:140%;}
a.tag-3 {font-size:160%;}
a.tag-4 {font-size:180%;}
/* footer */
div#footer { clear:left; height:70px; padding:10px 0 0 0; position:relative; margin:15px 0; border-top:1px solid #B0B0A9; font-size:90%;}
div#footer div#copyright {width:165px; height:63px; color:#91918B; text-align:right; position:absolute; top:10px; right:15px; background:url(../images/screen/footer-logo.png) center bottom no-repeat;}
div#partners strong {margin-right:20px; text-transform:uppercase;}
div#partners a {margin-right:20px; font-weight:bold;}
div#content .mapka { float: right; margin: 0 0px 15px 15px; }
.contact-form { margin-top: 30px; background-color: #F6EDD5; margin-right: 20px; }
.contact-form form { margin: 35px 0 10px 0; }
.contact-form form dt { margin-bottom: 5px; width: 150px; float: left; clear: left; }
.contact-form form dt label { font-weight: bold; }
.contact-form form dd { margin-bottom: 5px; width: 480px; margin-left: 150px; }
.contact-form form dd select { width: 150px; }
.contact-form form dd textarea { width: 450px; height: 120px; *margin-left: -150px; padding: 0; }
.contact-form form dd input { *margin-left: -150px; width: 250px; }
.contact-form form dd input.group-items { width: auto; *margin-left: 0px; }
.contact-form form dd input#zip_code { width: 100px; }
.contact-form form dd input#captcha-input { margin-left: 0; width: 195px; }
.contact-form form dd input.button { width: auto; }
.contact-form form dd p { }
.contact-form ul.errors { color: red; padding: 0 0 5px 0; margin: 0; list-style-type: none; }
div#errorHandler { background-color: #F6EDD5; margin-bottom: 15px; font-size: 110%; }
div#errorHandler ul { margin: 0; padding: 0; }
div#errorHandler ul li { background: none; padding: 0; margin: 0; }
div#errorHandler #errors { color: #C55612; }
div#errorHandler #messages { color: #7D9D2A; }
.fullbox { width: 790px; background:url("../images/screen/box-790-top.png") no-repeat scroll left top #F6EDD5; }
.fullbox-inside { background:url("../images/screen/box-790-bottom.png") no-repeat scroll left bottom transparent; padding: 15px; }
div#content #main-submenu { width:772px; font-size: 110%; margin-bottom: 10px; }
div#content #main-submenu ul li { float: left; margin: 0; margin-right: 20px; }
div#content #main-submenu ul li a { display: block; text-decoration: none; }
div#content #main-submenu ul li a:hover { text-decoration: underline; }
.vcard { margin-top: 30px; font-size: 110%; }
.vcard strong { color: #AA3E00; }
.login-form form { margin: 0; }
.login-form form table td { padding: 4px 0; border: 0; }
.login-form form table td.left-col { width: 65px; text-align: right; padding-right: 25px; font-weight: bold; }
.login-form form table td input { width: 150px; font-size: 12px; }
.login-form form table td input.button { width: auto; }
div#content .login-form ul { padding-left: 25px; }
.user-form form fieldset fieldset { clear: both; float: none; }
.user-form form #fieldset-user { clear: both; float: none; }
.user-form form fieldset fieldset dt { float: left; clear: left; width: 150px; text-align: right; margin-bottom: 2px; height: 25px; }
.user-form form #fieldset-user dt { float: left; clear: left; width: 150px; text-align: right; margin-bottom: 2px; height: 25px; }
.user-form form dt label { font-size: 12px; line-height: 18px; display: block; padding-top: 4px; padding-right: 15px; padding-left: 52px; }
.user-form form dl dl dt label { font-size: 12px; line-height: 18px; display: block; padding-top: 4px; padding-right: 15px; padding-left: 155px; }
.user-form form fieldset fieldset dt label { padding-right: 15px; padding-left: 0; font-weight: bold; }
.user-form form #fieldset-user dt label { padding-right: 15px; padding-left: 0; font-weight: bold; }
.user-form form fieldset fieldset dt label.required { background:transparent url(../images/icon-required.gif) no-repeat scroll right center; }
.user-form form #fieldset-user dt label.required { background:transparent url(../images/icon-required.gif) no-repeat scroll right center; }
.user-form form fieldset fieldset dd { float: right; clear: right; width: 320px; margin-bottom: 2px; height: 25px; margin-right: 210px; }
.user-form form #fieldset-user dd { float: right; clear: right; width: 320px; margin-bottom: 2px; height: 25px; margin-right: 210px; }
.user-form form dd img { margin-left: 155px; }
.user-form form dd input { margin-left: 155px; font-size: 12px; }
.user-form form dd p { margin-left: 155px; font-size: 12px; }
.user-form form dl dl dd input { margin-left: 155px; font-size: 12px; }
.user-form form fieldset fieldset dd input { width: 250px; margin-left: 0; }
.user-form form #fieldset-user dd input { width: 250px; margin-left: 0; }
.user-form form fieldset fieldset dd input#data-zip, input#data-title { width: 100px; }
.user-form form #fieldset-user dd input#data-zip, input#data-title { width: 100px; }
.user-form form fieldset fieldset dd input#data-ic, input#data-dic { width: 150px; }
.user-form form #fieldset-user dd input#user-password { width: 150px; }
.user-form form #fieldset-user dd input#user-password_retry { width: 150px; }
.user-form form dd input { margin-left: 155px; font-size: 12px; }
.user-form table tr td { margin: 0; padding: 4px 16px; border: 0; }
.user-form table tr td.left-col { width: 150px; text-align: right; vertical-align: top; }
.user-form table tr td.required { font-weight: bold; }
.user-form table tr td input { width: 250px; }
.user-form table tr td input[type="checkbox"] { width: auto; }
.user-form table tr td input.button { width: auto; }
.user-form table tr td input#user-password { width: 200px; }
.user-form table tr td input#user-password_retry { width: 200px; }
.user-form table tr td input#data-title { width: 100px; }
.user-form table tr td input#data-zip { width: 100px; }
.user-form input[type="radio"] { width: auto; margin-right: 8px; }
fieldset, legend {margin:0; padding:0; font-size:100%}
fieldset {padding:0; border:none}
.user-info { margin-bottom: 25px; }
.user-info table tr td { margin: 0; padding: 4px 16px; border: 0; font-size: 110%; }
.user-info table tr td.left-col { width: 130px; text-align: right; }
.user-info table tr td.required { font-weight: bold; }
.user-info table tr td input { width: 250px; }
.user-info table tr td input.button { width: auto; }
.user-info table tr td input#user-password { width: 200px; }
.user-info table tr td input#user-password_retry { width: 200px; }
.user-info table tr td input#data-title { width: 100px; }
.user-info table tr td input#data-zip { width: 100px; }
div#user_inside { padding: 10px 20px; font-size: 110%; }
/*Star rating*/
div.rating {
font-size: 90%;
clear:left;
}
#content .star-rating,
#content .star-rating a:hover,
#content .star-rating a:active,
#content .star-rating a:focus,
#content .star-rating .current-rating{
background: url(../images/screen/star.gif) left -1000px repeat-x;
}
#content .star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
margin-bottom: 15px;
}
#content .star-rating li{
display: inline;
margin: 0;
padding: 0;
}
#content .star-rating a,
#content .star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
#content .star-rating a:hover,
#content .star-rating a:active,
#content .star-rating a:focus{
background-position: left bottom;
}
#content .star-rating a.one-star{
width:20%;
z-index:6;
}
#content .star-rating a.two-stars{
width:40%;
z-index:5;
}
#content .star-rating a.three-stars{
width:60%;
z-index:4;
}
#content .star-rating a.four-stars{
width:80%;
z-index:3;
}
#content .star-rating a.five-stars{
width:100%;
z-index:2;
}
#content .star-rating .current-rating{
z-index:1;
background-position: left center;
}
/* for an inline rater */
#content .inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
margin-right: 10px;
}
/* smaller star */
#content .small-star{
width:50px;
height:10px;
}
#content .small-star,
#content .small-star a:hover,
#content .small-star a:active,
#content .small-star a:focus,
#content .small-star .current-rating{
background-image: url(../images/screen/star_small.gif);
line-height: 10px;
height: 10px;
}
#content .inline-rating ul li {
padding-left: 0px;
background-image: none;
background-repeat: repeat;
background-position: 0% 0%;
}
#content .pagination-simple { margin-bottom: 20px; }
a.link-discard { padding: 3px 20px 3px 5px; text-decoration: none; font-weight: bold; background: #fff url("../images/icon-cross.gif") center right no-repeat; }
div#content div.user-menu { margin: 10px 0 15px 0; }
div#content div.user-menu ul {margin: 0; padding: 0;}
div#content div.user-menu ul li { display: block; margin: 0px; background: #fff url("../images/screen/button-green-120.gif") no-repeat top left; width: 100px; padding: 4px 0px 4px 30px; float: left; }
div#content div.user-menu ul li a { color: #fff; font-weight: bold; }
div#content div.user-menu ul li a:hover { color: #fff; font-weight: bold; text-decoration: none; }
div.user-contest-list table { width: 790px; }
div.user-contest-list table thead tr { background-color: #F6EDD5; }
div.user-contest-list table thead tr td { font-weight: bold; }
.privacy-notice { margin: 15px 0; }
.infobox { width: 790px; background:url("../images/screen/product-790-top.png") no-repeat scroll left top #D9E9EB; }
.infobox-inside { background:url("../images/screen/product-790-bottom.png") no-repeat scroll left bottom transparent; padding: 2px 15px; }
#terms { display: block; height: 200px; overflow: scroll; padding: 3px 5px; margin: 0px 0 10px 0; background-color: #eee; border:1px solid #CCCCCC; }
#terms p { text-align: justify; }
textarea#ingredients { height: 200px; }
textarea#procedure { height: 250px; }
img.avatar { border: 1px dotted #AA3E00; margin-bottom: 4px; }
div.avatar-box { float: left; margin: 25px 25px; }
.content-search { padding: 15px 0; height: 100px; }
.recipe h3 {margin-top: 30px;}
div.toolbox {display: none;}