@charset "utf-8";
/* style.css */

body { background: #000; color: #fff; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
h1, h2, h3 { font-weight: normal; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
p { text-align: justify; margin: 0; padding: 0; padding-bottom: 10px; }
a img { border: none; }
small { font-size: 12px; }
#container { width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px; }
#head { width: 960px; height: 168px; position: relative; }
#flash-menu { width: 610px; height: 50px; position: absolute; bottom: 0; left: 220px; }
#flash-logo { width: 77px; height: 98px; position: absolute; top: 115px; left: 57px; background: url('../design/logo.jpg') no-repeat top left; }

#menu a { display: block; width: 100px; height: 30px; margin-left: 1px; float: left; overflow: hidden; padding-top: 7px; background-repeat: no-repeat; background-position: left top; margin-top: 20px; background-image: url('../design/bg_a_menu.gif'); background-repeat: no-repeat; background-position: top left; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#menu a:hover { background-position: 0 -30px; color: #000; }
.clear { clear: both; }

#language { position: absolute; right: 20px; top: 20px; }
#language a { color: #fff; text-decoration: underline; }
#language a:hover { text-decoration: none; }

#basket { width: 90px; height: 20px; position: absolute; bottom: 5px; right: 0; }
#basket a { display: block; width: 66px; height: 18px; background-color: #000; background-image: url('../design/bg_basket.jpg'); background-repeat: no-repeat; background-position: left top; color: #E4B862; text-decoration: none; padding-left: 24px; padding-top: 2px; }
#basket a:hover { background-position: left bottom; color: #c00; }

#left { width: 222px; float: left; margin-top: 50px; color: #E4B862; }
#left img { margin-left: 15px; }
#left ul { list-style: none; padding: 0; margin: 0; margin-left: 33px; }
#left ul li { margin: 0; padding: 0; margin-top: 5px; font-weight: bold; }
#left ul li a { color: #E4B862; text-decoration: none; }
#left ul li a:hover { color: #d43; text-decoration: none; }
#left ul li a.on { color: #d43; text-decoration: none; }
#left h2 { margin-left: 15px; margin-top: 30px; }
#left ul ul { margin: 0; padding-left: 10px; margin-left: 5px; border-left: 1px solid #E4B862; margin-bottom: 10px; overflow: hidden; }
#left ul ul li { font-weight: normal; }

#center { float: left; width: 718px; background: #E4B862; padding: 10px; overflow: hidden; color: #000; position: relative; margin-bottom: 20px; }
#center-inner { width: 718px; background: #fff; overflow: hidden;  position: relative; padding-bottom: 15px; }
#content { width: 500px; float: left; padding: 10px 20px; overflow: hidden; padding-bottom: 40px; }
#right { width: 178px; float: left; overflow: hidden; }

#center .design-tl, #center .design-tl1, #center .design-tr, #center .design-bl, #center .design-br { position: absolute; height: 26px; width: 26px; overflow: hidden; }
#center .design-tl { top: 0; left: 0; background: url('../design/design_tl_2.jpg') no-repeat top left; }
#center .design-tl1 { top: 0; left: 0; background: url('../design/design_tl_1.jpg') no-repeat top left; }
#center .design-tr { top: 0; right: 0; background: url('../design/design_tr.jpg') no-repeat top left; }
#center .design-bl { bottom: 0; left: 0; background: url('../design/design_bl.jpg') no-repeat top left; }
#center .design-br { bottom: 0; right: 0; background: url('../design/design_br.jpg') no-repeat top left; }
* html #center .design-bl, * html #center .design-br { bottom: -1px; }

#content h1 { color: #BD1010; font-size: 22px; margin: 0; padding: 0; margin-top: 5px; }
#content h2 { color: #BD1010; font-size: 14px; margin: 0; padding: 0; margin-bottom: 20px; }

.item-index { width: 160px; height: 240px; position: relative; overflow: hidden; float: left; margin: 0 10px 0 0; margin-bottom: 20px; background-position: top left; background-repeat: no-repeat; }
.item-index a.bottom { position: absolute; bottom: 0; left: 0; display: block; width: 160px; height: 20px; background-image: url('../design/bg_item_a.jpg'); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; color: #FFD597; text-decoration: none; font-size: 12px; padding: 5px; padding-left: 10px; }
.item-index a.bottom:hover { background-position: 0 -30px; color: #fff; }
.item-index a.middle { position: absolute; top: 0; left: 0; display: block; width: 160px; height: 160px; }
.item-index .title { position: absolute; bottom: 30px; left: 0; background: url('../design/bg_title.png'); text-align: center; padding: 5px; font-size: 14px; color: #BD1010; width: 150px; overflow: hidden; height: 35px; }
.item-index .index-tl, .item-index .index-tr { position: absolute; width: 10px; height: 10px; overflow: hidden; background-image: url('../design/index_round.gif'); background-repeat: no-repeat; }
.item-index .index-tl { top: 0; left: 0; background-position: 0 0; }
.item-index .index-tr { top: 0; right: 0; background-position: -10px 0; }
.item-last { margin-right: 0; }
/*
#content .item-index { width: 156px; float: left; position: relative; margin-right: 10px; overflow: hidden; height: 170px; padding: 5px; margin-bottom: 20px; }
#content .item-index h2 { font-size: 14px; color: #BD1010; margin: 0; position: absolute; bottom: 30px; text-align: left; }
#content .item-index p { font-size: 11px; margin-top: 0; padding: 0;  }
#content .item-index a.more { display: block; position: absolute; bottom: 0; left: 0; width: 223px; height: 20px; background-position: top left; background-image: url('../design/bg_item_a.jpg'); background-repeat: no-repeat; color: #fff; text-decoration: none; font-size: 12px; padding: 5px; padding-left: 10px; }
#content .item-index a.more:hover { background-position: bottom left; color: #000; }
#content .item-index img { text-align: center; margin-bottom: 10px; }
#content .item-index a.more-img { display: block; width: 140px; height: 100px; text-align: center; position: abosolute; top: 5px; left: 5px; } 
#content .item-index a.more-img img { border: none; }
#content .item-last { margin-right: 0; }
*/

#content .item { clear: both; border: 1px solid #E4B862; margin-top: 10px; overflow: hidden; padding: 5px; height: 130px; position: relative; }
#content .item h2 { position: absolute; top: 10px; left: 150px; width: 260px; padding-right: 80px; }
#content .item p { position: absolute; top: 43px; left: 150px; width: 340px; margin: 5px 0; padding: 0; font-size: 12px; }
#content .item a.more-img { position: absolute; display: block; width: 140px; text-align: center; top: 5px; left: 5px; }
#content .item a.more-img img { border: none; width: 97px; height: 130px; }
#content .item a.more { position: absolute; bottom: 10px; left: 150px; display: block; width: 75px; height: 20px; text-decoration: none; color: #BD1010; background-image: url('../design/bg_more.jpg'); background-repeat: no-repeat; background-position: top left; padding-top: 3px; padding-left: 10px; }
#content .item a.more:hover { background-position: bottom left; }
#content .item img.akcio { position: absolute; bottom: 10px; left: 240px; }
#content .item .cart { position: absolute; bottom: 10px; right: 10px; height: 23px; width: 160px; text-align: right; }
.cart .input-pieces { width: 30px; border: 1px solid #900; background: #F1DFA7; text-align: right; }
.cart .input-btn { margin-bottom: -5px; }
#content .item .price { position: absolute; top: 10px; right: 10px; width: 140px; text-align: right; font-size: 16px; color: #900; font-weight: bold;  }

#content .item-big { position: relative; overflow: hidden; padding: 0; }
#content .item-big h1 { position: absolute; top: 13px; left: 160px; width: 300px; font-size: 20px; }
#content .item-big .more-img { position: absolute; top: 5px; left: 0; overflow: hidden; }
#content .item-big .more-img img { width: 120px; height: 160px; }
#content .item-big h2 { clear: both; padding-top: 20px; font-size: 18px; font-weight: bold; width: 400px; }
#content .item-big .cart { position: absolute; top: 190px; right: 0; text-align: right; overflow: hidden; }
#content .item-big .price { position: absolute; top: 190px; left: 160px; text-align: right; font-size: 18px; font-weight: bold; color: #BD1010; }
#content .item-big .price .small { color: #000; font-size: 14px; font-weight: normal; }
.cart .input-pieces { width: 30px; border: 1px solid #900; background: #F1DFA7; text-align: right; }
#content .item-big .short-info { position: absolute; top: 100px; left: 140px; }
#content h2.clear { padding-top: 190px; position: relative; overflow: hidden; }
#content .item-big .short-info-left { clear: both; width: 150px; float: left; text-align: right; margin: 0 0 2px 0; padding: 0; font-size: 14px; }
#content .item-big .short-info-right { width: 200px; float: left; text-align: left; margin: 0 0 2px 10px; padding: 0; font-size: 14px; }
#content .item-big img.akcio { position: absolute; top: 20px; right: 0; }
#content .item-big p { font-size: 14px; }

#tea-logos { margin-top: 10px; position: absolute; bottom: 10px; left: 10px; }
#tea-logos a { display: block; width: 50px; height: 35px; overflow: hidden; background-position: top left; background-repeat: no-repeat; text-decoration: none; float: left; margin-right: 10px; }


.guestbook-name { height: 25px; margin-top: 10px; background: url('../design/gbarr.jpg') no-repeat 10px bottom; }
.guestbook-name span { color: #999; }
.guestbook-entry { clear: both; background: #F1DFA7; padding: 5px 10px; position: relative; margin-bottom: 10px; }
.guestbook-entry .gblt, .guestbook-entry .gbrt, .guestbook-entry .gbrb, .guestbook-entry .gblb { position: absolute; background-image: url('../design/gbbg.jpg'); background-repeat: no-repeat; width: 10px; height: 10px; overflow: hidden; margin: 0; padding: 0; }
.guestbook-entry .gblt { background-position: 0 0; left: 0; top: 0; }
.guestbook-entry .gbrt { background-position: -10px 0; right: 0; top: 0; }
.guestbook-entry .gbrb { background-position: -10px -10px; right: 0; bottom: 0; }
.guestbook-entry .gblb { background-position: 0 -10px; left: 0; bottom: 0; }
.guestbook-entry p { padding: 0; margin: 0; }
p.guestbook-pages { margin-top: 10px; text-align: center; }
p.guestbook-pages a { color: #BD1010; text-decoration: underline; }
p.guestbook-pages a:hover { text-decoration: none; }
.guestbook-entry h3 { padding: 0; margin: 0; font-size: 14px; font-weight: bold; }

form .form-label { width: 140px; padding-top: 0; margin-top: 3px; margin-left: 50px; overflow: hidden; position: relative; float: left; padding-left: 10px; }
form .form-input a { color: #BD1010; }
form .form-input a:hover { color: #BD1010; text-decoration: none; }
form .form-label1 { text-align: center; }
form .form-label4 { margin-left: 60px; }
form .form-input { width: 300px; float: left; margin-top: 3px; }
form .form-input1 { text-align: center; }
form .form-clear { clear: both; width: 450px; height: 1px; }
form .form-input input { border: 1px solid #E7C472; width: 250px; font-size: 12px; }
form .form-input1 input { border: 1px solid #E7C472; width: 250px; font-size: 12px; }
form .form-input input.check { border: none; width: auto; }
form .form-input textarea { border: 1px solid #000; width: 250px; padding: 2px; font-size: 12px; }
form .form-input3 textarea { border: 1px solid #000; width: 470px; padding: 2px; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
form .form-input input.small { width: 50px; }
form .form-submit { padding-top: 20px; clear: both; text-align: center; }
.guestbook-entry form .form-submit { padding: 0; }

form h3 { clear: both; border-bottom: 1px solid #F1DFA7; padding-top: 20px; margin-bottom: 0px; }
form .form-label span.red { display: block; position: absolute; top: 0; left: 0; color: #BD1010; width: 20px; height: 10px; }


h3.faq-question { margin-top: 20px; font-size: 16px; margin-bottom: 5px; }
h3.smaller { font-size: 14px; }
h3.faq-question a { display: block; padding-left: 30px; background: url('../design/bg_gyika.jpg') no-repeat 0 3px; color: #BD1010; text-decoration: none; outline: none; }
h3.faq-question.smaller { margin-top: 10px; }
h3.faq-question.smaller  a { background: url('../design/bg_gyika.jpg') no-repeat 0 0; margin-top: 10px; }
h3.faq-question a:hover { color: #F06962; outline: none; }
.faq-answer p { margin-top: 0; font-size: 14px; }

#search { background: #E4B862 url('../design/bg_search.jpg') no-repeat left bottom; padding: 10px; width: 160px; margin-bottom: 5px; }
#search input.input { width: 70px; border: 1px solid #000; background: #DFA842; }
#right .box-title { width: 154px; background: #F1DFA7 url('../design/bg_box_title.jpg') no-repeat top left; padding: 10px; padding-bottom: 0; margin-top: 5px; }
#right .box-content { width: 164px; background: #F1DFA7 url('../design/bg_box_content.jpg') no-repeat bottom left; padding: 10px 5px; text-align: center; }
#right .box-content label { display: block; font-size: 11px; text-align: left; margin-left: 5px; }
#right .box-content input.input { width: 150px; background: #E7C472; border: 1px solid #BE1111; }
#right .box-content p { padding: 0; margin: 0; margin-top: 5px; text-align: center; }
#right .box-content a { color: #BD1010; text-decoration: underline; }
#right .box-content a:hover { color: #BD1010; text-decoration: none; }

#right .box-content a img { margin: 5px 3px; }


#guestbook { width: 174px; height: 30px; margin: 5px 0;}
#guestbook a { display: block; width: 159px; height: 20px; background-image: url('../design/bg_guestbook_a.jpg'); background-position: top left; background-repeat: no-repeat; color: #BD1010; font-size: 14px; text-decoration: none; padding: 5px; padding-left: 10px; }
#guestbook a:hover { background-position: bottom left; color: #E7C472; }

#foot { margin-left: 235px; padding: 0; color: #666; padding-bottom: 20px; }
#foot img { margin-bottom: -5px; margin-right: 5px; }
#foot a { color: #E4B862; text-decoration: none; } #foot a:hover { text-decoration: none; color: #BD1010; }

p.info { color: #BD1010; }
#MessageAddForm label { display: block; }

#incart { font-size: 16px; font-weight: bold; }
.cartbuttons { font-weight: bold; font-size: 20px; }
.cartbuttons a { text-decoration: none; color: #BD1010; padding: 2px; }

#content table { width: 100%; }
#content table th { background: #E7C472; }


table.cart-table { margin-bottom: 20px; }
table.cart-table td { text-align: center; padding: 2px 4px; }
table.cart-table td.price { text-align: right; width: 80px; }
table.cart-table td.name { text-align: left; }

table tr.row-1 { background: #FBF5E6; }
table tr.table-foot { background: #F1DFA7; font-weight: normal; }
table tr.table-foot  td { border-bottom: 3px solid #E7C472; }

.ordermode { margin: 20px 2px; }
.ordermode input.order-radio { float: left; margin: 1px 6px; }
.ordermode h3 { font-size: 12px; margin: 2px; padding: 0; width: 100%; }

.ordermode p { clear: both; display: block; padding: 6px; background: #FBF5E6; margin: 0; }

.submit { text-align: center; }
.login-actions { font-size: 12px; text-align: center; }

#flashMessage { color: red; }


.error-message { color: #ff0000; }

.paging { width: 100%; }
.paging .current { font-weight: bold; font-size: 120%;}
.paging a { color: #BD1010; } 
.disabled { display: none; }

#gift-form { display: none; }