body {background: url(../img/background.png) repeat; margin: 0; padding: 0; border: 0; font-family: sans-serif; font-size: 12px;}

.clear {clear: both; font-size: 0px;}

.left {float: left;}
.right {float: right;}

.price {font-weight: bold;}
.price.unavailable {color: #e67022; font-size: 12px;}

.divider {margin: 10px 0; border-top: 1px solid #777; clear: both;}

img, a img {border: 0; margin: 0; padding: 0;}

a, a:visited {text-decoration: underline; font-weight: bold; color: #BEA842;}
a:hover {text-decoration: none;}
a.pointer {cursor: pointer; text-decoration: none; border-bottom: 1px dotted #000; color: #000;}

.alert-message {margin: 5px 10px 20px 10px; font-weight: bold; color: #f00;}


.red, .link_red a, .link_red a:visited, .link_red a:hover {color: #990000;}

.tooltip {cursor: pointer; border-bottom: 1px dotted #f0ffff;}

h2 {color: #bea842; margin: 0; padding: 0; border: 0; font-size: 15px; font-weight: bold;}
h3 {font-size: 13px;}


#wrapper {width: 980px; margin: 0 auto; background-color: #fff; position: relative;}

#header {position: relative; width: 960px; margin: 10px auto 0 auto; padding: 10px; background-color: #fff;}

#login {float: right; clear: both; height: 30px; width: 500px; z-index: 0;}

#fb-header {float: left;}

/*#login_screen {z-index: 100; position: absolute; display: none; width: 230px; height: 170px; padding: 15px; background-color: #fff; top: 17px; right: 50px; border: 1px solid #000;}*/
#login_screen .property {float: left; clear:left; display: inline; width: 90px; height: 12px; padding-top: 3px; margin-bottom: 15px; font-weight: bold; color: #bea842;}
#login_screen .property span {float: right; display: inline; padding-right: 10px;}
#login_screen .value {float: left; width: 125px; margin-bottom: 10px;}
#login_screen .submit {clear: both; width: 160px; margin-left: 70px;}
#login_screen .submit .close {padding-left: 25px;}
#login_screen .options {clear: both; padding-top: 15px;}
#login_screen .options a {clear: both; display: block; white-space: nowrap;}
#login_screen input[type="text"],
#login_screen input[type="password"] {width: 120px; border-top: 1px solid #4e4e4f; border-left: 1px solid #4e4e4f; border-right: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}

#fade {display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .80; z-index: 99;}
.popup_block{display: none; background-color: #fff; padding: 20px; border: 20px solid #ddd; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
img.btn_close {float: right; margin: -55px -55px 0 0;}
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

.login {margin: 0 auto; width: 250px; text-align: center;}
.login .property {float: left; clear: left; display: inline; height: 12px; width: 120px; padding-top: 3px; margin-bottom: 15px; font-weight: bold; color: #bea842;}
.login .property span {float: right; display: inline; padding-right: 10px;}
.login .value {float: left; width: 125px; margin-bottom: 10px;}
.login .submit {clear: both; margin-left: 85px;}
.login .submit .close {padding-left: 25px;}
.login .options {clear: both; padding-top: 15px;}
.login .options a {clear: both; display: block; white-space: nowrap;}
.login input[type="text"],
.login input[type="password"] {width: 120px; border-top: 1px solid #4e4e4f; border-left: 1px solid #4e4e4f; border-right: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}

#content span.buy,
#login_screen span.submit_login,
.login span.submit_login {float: left; display: inline; clear: both; height: 24px; background: url(../img/red_btn_strip.png) repeat-x; color: #fff; font-weight: bold; cursor: pointer;}
#content span.buy span,
#login_screen span.submit_login span,
.login span.submit_login span  {display: block; float: left; height: 24px; background: url(../img/red_btn_right.png) no-repeat center right;}
#content span.buy span span,
#login_screen span.submit_login span span,
.login span.submit_login span span {display: block; float: left; height: 24px; background: url(../img/red_btn_arrow.png) no-repeat; padding: 4px 8px 0 28px;}

#wrong_new_pwd_data,
#wrong_login_data,
#wrong_login_page_data {visibility: hidden; clear: both; color: #ff0000; font-weight: bold; margin: 10px 0;}

#search {position: absolute; bottom: 76px; right: 15px; width: 250px; height: 25px; overflow: hidden;}
#search .gsc-clear-button {display: none;}
#search .gsc-input {font-size: 11px; height: 15px;}

#search-results .gsc-tabsArea,
#search-results .gsc-adBlock {display: none;}
#search-results .gs-webResult.gs-result {border: 1px solid #FFCC33; background-color: #ffffdf; padding: 5px;}
#search-results .gs-webResult.gs-result.gs-no-results-result {border: 0; background-color: #fff; padding: 0;}
#search-results a.gs-title,
#search-results a.gs-title:visited {color: #BEA842;}
#search-results a.gs-title:hover {color: #BEA842;}
#search-results a.gsc-trailing-more-results,
#search-results a.gsc-trailing-more-results:visited {color: #BEA842;}
#search-results a.gsc-trailing-more-results:hover {color: #BEA842; border: 0;}
#search-results a b, #search-results a b:visited {color: #BEA842; text-decoration: none;}
#search-results .gs-visibleUrl.gs-visibleUrl-short {display: none;}
#search-results .gs-visibleUrl.gs-visibleUrl-long {display: block;}
#search-results table.gsc-resultsHeader {display: none;}

#path {height: 20px; width: 935px; margin-top: -2px; background: url(../img/path_bckg.png) no-repeat; padding: 5px 0 0 25px; color: #fff; font-weight: bold; font-size: 11px;}
#path a, #path a:visited {color: #fff;}
#path .flag {float: right; margin-right: 25px; width: 180px;}
#path .flag img {float: right;}
#path .flag .text {float: left; cursor: pointer;}
#path .flag a,
#path .flag a:visited {color: #990000; text-decoration: none;}
#path .path {float: left;}

#content_wrapper {width: 960px; clear: both;width: 960px; margin: 0 auto; padding: 0 10px 10px 10px; background-color: #fff;}

#main_menu {width: 960px; height: 36px; margin-top: -2px; margin-bottom: 3px; background: url(../img/main_menu_bckg.png) repeat-x;}
#main_menu ul {list-style: none; margin: 0; padding: 0; border: 0;}
#main_menu ul li {position: relative; height: 36px; float: left; color: #fff;}
#main_menu ul li:hover a,
#main_menu ul li:hover a:visited {color: #dedcce;}
#main_menu ul li a,
#main_menu ul li a:visited {display: block; float: left; height: 26px; color: #fff; text-decoration: none; padding: 10px 15px 0 15px; background: url(../img/main_menu_divider.png) no-repeat right;}
/* vertikalne podmenu */
#main_menu ul li ul {background-color: #c7ab4a; position: absolute; top: 36px; left: 0; display: none; width: 167px; z-index: 100;}
#main_menu ul li ul li {float: left; text-align: center; padding: 7px 10px; border-top: 1px solid #fff; height: auto; width: 147px;}
#main_menu ul li:hover ul li a,
#main_menu ul li:hover ul li a:visited {color: #fff;}
#main_menu ul li ul li a,
#main_menu ul li ul li a:visited {float: none; background: none; padding: 0; height: auto; color: #fff;}
#main_menu ul li ul li a:hover,
#main_menu ul li:hover ul li a:hover {color: #dedcce;}
/*
#main_menu {float: left; width: 200px; background: url(../img/menu_top.png) no-repeat; padding-top: 23px;}
#main_menu ul {list-style: none; margin: 0; padding: 0; border: 0;}
#main_menu ul li {height: 22px; width: 200px; margin: 0; padding: 0; margin-bottom: 1px;}
#main_menu ul li a, #main_menu ul li a:visited {display: block; height: 18px; padding: 4px 0 0 30px; background: url(../img/menu_item.png) no-repeat; text-decoration: none; font-weight: bold; color: #fff;}
#main_menu ul li a:hover, #main_menu ul li.active a, #main_menu ul li.active a:visited {background: url(../img/menu_item_active.png) no-repeat;}
*/
#content {float: left; display: inline; margin: 0 20px; width: 720px; padding-top: 10px;}
#content h1 {clear: both; color: #575547; border-bottom: 1px solid #aea992; margin: 0 0 15px 0; padding: 0; font-size: 20px;}
#content h1.header {clear: both; color: #bea842; margin: 0; padding: 0; border: 0; font-size: 15px; font-weight: bold;}
#content h2 {margin-bottom: 8px; clear: both;}
#content .article-heading {background-color: #fff4c2; color: #bea842; border: 1px solid #ffcc33; padding: 10px; margin: 10px 0; font-size: 13px; font-weight: bold;}
#content .article,
#content .part-article {color: #5c5c5c; width: 720px;}
#content .article p.signature {float: right;}
#content .article .email_form {margin-top: 20px;}
#content .article .email_form .labels {float: left; display: inline; width: 100px; margin-left: 10px;}
#content .article .email_form .labels .property {float: left; clear: both; height: 25px; margin-bottom: 3px;}
#content .article .email_form .fields {float: left; display: inline;}
#content .article .email_form .fields .field {height: 28px;}
#content .article .email_form .fields .field .text {height: 15px; width: 150px; margin: 0; padding: 0; border: 1px solid #bea842; font-size: 11px;}
#content .article .email_form .fields .text textarea {height: 150px; width: 350px; border: 1px solid #bea842;}
#content .article .email_form .buttons {clear: both; text-align: center; padding-top: 15px;}
#content .article .email_form .buttons .button {margin: 0; padding: 1px 3px; border: 1px solid #bea842; background-color: #f0f0f0; font-size: 11px; cursor: pointer; color: #5c5c5c;}
#content .article ol.anketa {margin: 10px 0 10px 5px; padding: 0 0 0 30px;}
#content .article ol.anketa li {margin: 2px 0; padding: 2px 0; width: 530px;}
#content .article ol.anketa li.even {background-color: #f9f6ec;}
#content .article div.anketa b {display: inline-block; width: 455px;}
#content .article ol.anketa b {display: inline-block; width: 400px; padding-right: 20px;}
#content .article div.anketa span {font-weight: bold;}
#content .article div.anketa span, #content .article ol.anketa span {display: inline-block; width: 50px; text-align: center;}
#content .article .market-news {float: left; display: inline; width: 650px; margin: 10px 0 0 50px; padding: 10px;}
#content .article .market-news .news {float: left; display: inline; width: 650px; background-color: #f5f5f5; margin: 10px 0;}
#content .article .market-news .news .img {float: left; text-align: center; width: 180px; margin: 15px 20px 5px 5px;}
#content .article .market-news .news .img a,
#content .article .market-news .news .img a:visited {text-decoration: none; border: 0; padding: 0; margin: 0;}
#content .article .market-news .news .img a img {padding: 2px; border: 1px solid #aaa; background-color: #f0f0f0;}
#content .article .market-news .news .img a:hover img {border: 1px solid #555;}
#content .article .market-news .news .text {float: left; width: 430px; margin-right: 15px;}
#content .article .market-news .news .text ul {line-height: 1.6em;}
#content .article.list,
#content .part-article.list {background-color: #ece9e2;}
#content .article.list ul,
#content .part-article.list ul {margin: 0 0 0 20px; padding: 0; border: 0;}
#content .article.list ul li,
#content .part-article.list ul li {margin: 0; padding: 10px 10px 0 10px; border: 0;}
#content .article.list ul li.last,
#content .part-article.list.hidden ul li.last {padding: 10px;}
#content .article.list ul li h2,
#content .part-article.list ul li h2 {font-size: 12px; margin-bottom: 0;}
#content .part-article.list.more {padding: 15px 0 10px 30px; width: 690px;}
#content .part-article.list.more a,
#content .part-article.list.more a:visited {color: #990000;}
#content .part-article.list.hidden {display: none;}

#content .article .sellers .region {color: #5c5c5c; font-weight: bold; padding: 10px 5px;}
#content .article .sellers table {border: 0; padding: 0; margin: 0; width: 720px;}
#content .article .sellers table tr.head td {background-color: #f2ecd6;}
#content .article .sellers table td{width: 200px; text-align: left; padding: 3px 10px; vertical-align: top;}
#content .article .sellers table tr.body td {border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 10px;}

#content .product_small {float: left; display: inline; background: url(../img/product_bckg.png) bottom repeat-x; padding-bottom: 15px; margin: 0 0 15px 5px; width: 355px; height: 160px;}
#content .product_small img {float: left; display: inline; border: 1px solid #999999; margin-right: 5px; width: 70px; text-align: center; margin-bottom: 10px;}
#content .product_small h2, #content .product h1 {float: left; display: inline; clear: none; font-size: 12px; padding: 3px 0 5px 5px; width: 273px; background: #dcd7c1 url(../img/product_caption_bckg.png) no-repeat; color: #575547;}
#content .product_small h2 a,#content .product h2 a:visited, #content .product h2 a:hover {color: #575547;}
#content .product_small .text {float: left; display: inline; padding-left: 5px; margin: 5px 0; width: 270px; line-height: 1.5;}
#content .product_small .price {margin: 0 0 10px 80px; font-size: 13px;}

#content span.buy2 {float: left; display: inline; clear: both; height: 24px; background: url(../img/red_btn_strip.png) repeat-x; color: #fff; font-weight: bold;}
#content span.buy2 span {display: block; float: left; height: 24px; background: url(../img/red_btn_arrow_left.png) no-repeat center right;}
#content span.buy2 span span {display: block; float: left; height: 24px; background: url(../img/red_btn_left.png) no-repeat; padding: 4px 28px 0 8px;}

#content p.img {text-align: center;}
#content p.img a {margin: 0 5px;}
#content p.img a img {padding: 3px; background-color: #eee; border: 1px solid #ccc;}
#content p.img a:hover img {border: 1px solid #000;}

#content .books .book {float: left; clear: both; margin: 15px 0; width: 720px;}
#content .books .book .img {width: 100px; text-align: center; float: left; display: inline;}
#content .books .book .caption {float: left; display: inline; width: 620px;}
#content .books .book .text {float: left; display: inline; width: 620px;}


table.kosik {border-collapse: collapse; border: 1px solid #928b6b; width: 720px;}
table.kosik a, table.kosik a:visited, table.kosik a:hover {color: #990000; text-decoration: underline;}
table.kosik thead tr {background: url(../img/basket_caption_bckg.png) repeat-x;}
table.kosik thead th {color: #f0ffff; height: 18px; padding: 4px; white-space:nowrap;}
table.kosik tbody td {padding: 4px; background-color: #ece9e2; color: #504f43; text-align: center;}
table.kosik tbody tr.suma {border-top: 1px solid #928b6b; color: #504f43;}
table.kosik tbody tr.suma td {background-color: #dcd7c1; text-align: center;}
table.kosik tbody td.red {font-weight: bold; color: #f00;}
table.kosik tbody td.green {font-weight: bold; color: #00c100;}

#basket-order {width: 720px; margin: 0 0 25px 0; height: 50px;}
#basket-order .step {float: left; color: #af9332; line-height: 50px; padding-left: 10px; background-color: #efefef; width: 125px; overflow: hidden;}
#basket-order .step.current,
#basket-order .step.current a {background-color: #f2d75c; color: #fff; width: 125px; height: 50px;}
#basket-order .step .order {float: left; font-size: 25px; font-weight: bold; padding-right: 10px;}
#basket-order .step .description {float: left; line-height: 50px; font-size: 12px; width: 100px;}
#basket-order .arrow {float: left; width: 60px; height: 50px; background: url(../img/order-arrow.png) no-repeat center center;}

#shipping-payment-container {width: 720px;}
#shipping-payment-container .shipping {float: left; width: 350px; margin-right: 10px;}
#shipping-payment-container .payment-method {float: left; width: 350px; margin-left: 10px;}
#shipping-payment-container .title {text-align: center; color: #9e8221; font-weight: bold; width: 350px; height: 32px; line-height: 30px; background: url(../img/bckg-order-title.png) repeat-x;}
#shipping-payment-container .options .caption {margin: 10px 0 5px 15px; font-weight: bold; }
#shipping-payment-container .option_category {padding: 10px 0;}
#shipping-payment-container .summary {clear: both; height: 32px; width: 150px; padding-left: 570px; line-height: 30px; font-weight: bold; background: url(../img/bckg-order-title.png) repeat-x;}

#summary {width: 720px;}
#summary .title {color: #9e8221; font-weight: bold; height: 32px; line-height: 30px; padding-left: 20px; background: url(../img/bckg-order-title.png) repeat-x;}
#summary .half-window-left {float: left; width: 390px; padding: 0 20px 0 10px;}
#summary .half-window-right {float: left; width: 280px; padding: 0 10px;}
#summary .window {float: left; width: 700px; padding: 15px 10px;}
#summary .subtitle {margin: 10px 0; font-weight: bold;}
#summary .company {float: right; width: 180px;}
#summary #name,
#summary #street {float: left; clear: left;}

#content .product {background: url(../img/product_bckg.png) bottom repeat-x; padding-bottom: 15px; margin-bottom: 15px;}
#content .product .text img,
#content .product .heading .img {float: left;  margin-right: 15px; height: 500px; width: 122px; text-align: center;}
#content .product .heading .img img {width: 120px; border: 1px solid #999999;} 
#content .product .text h2,
#content .product .heading h2,
#content .heading h1,
#content .product .product h1 {float: left; font-size: 15px; padding: 6px 0 5px 5px; width: 578px; background: #dcd7c1 url(../img/product_caption_bckg.png) no-repeat; color: #575547;}
#content .product .text h2 a,#content .product h2 a:visited, #content .product h2 a:hover {color: #575547;}
#content .product .text_wrapper {float: left; width: 582px;}
#content .product .text_wrapper .download {clear: both; width: 582px; padding-top: 15px;}
#content .product .text_wrapper .download h3 {color: #575547; font-size: 13px; margin: 0; padding: 3px 3px; border: 0; background-color: #dcd7c1; width: 576px;}
#content .product .text {float: left; padding-left: 5px; margin: 10px 0; width: 560px; line-height: 1.5;}
#content .product .text .contents {clear: both;}
#content .product .text .contents span.left {float: left; clear: left;}
#content .product .text .contents span.right {float: right; clear: right; padding-right: 50px; width: 250px;}
#content .product .similar {padding-left: 5px; margin: 10px 0; width: 560px; line-height: 1.5; padding-top: 50px; clear: both;}
#content .product .similar .similar_product {text-align: center; width: 180px; float: left; margin-right: 5px;}
#content .product .similar_product img {margin-top: 10px; border: 1px solid #555;}
#content .product .similar h2 {font-size: 15px; padding: 2px 0 5px 5px; width: 560px; color: #575547; background: url(../img/similar_bckg.png) repeat-x; border-left: 10px solid #bea348; height: 17px;}
#content .product .insert_into_basket {float: right; width: 175px;} 

#news {float: left; display: inline; width: 180px; padding: 27px 10px 0 10px; background: #f9f6ec url(../img/news_top.png) no-repeat;}
#news .news {border: 1px solid #BEA842; margin-bottom: 10px; padding: 5px 5px; width: 168px; background: #fff url(../img/news_bckg.png) top right no-repeat;}
#news .news .text {color: #5c5c5c; margin: 5px 0; font-size: 11px;}
#news .news .more {float: right;}
#news .contact h2 {color: #5c5c5c; font-size: 13px; margin-bottom: 10px;}
#news .news_basket {float: right; clear: both; white-space:nowrap;}
#news .news_basket a, #news .news_basket a:visited {color: #990000; font-size: 11px;}
#news .basket_content {font-size: 11px; margin: 5px 0 15px 0;}
#news .basket_content .product {width: 150px; overflow: hidden; white-space: nowrap; margin: 5px 0;}
#news .basket_content a, #news .basket_content a:visited {color: #990000;}

form .form_box {background-color: #ece9e2; width: 603px; border: 1px solid #aba99e; padding: 15px 15px 15px 100px; color: #5c5c5c;}
form .form_box td.caption {width: 160px;}
form .form_box input[type="text"],
form .form_box input[type="password"] {width: 200px; border-top: 1px solid #4e4e4f; border-left: 1px solid #4e4e4f; border-right: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}
form .form_box select {width: 200px;}
form .submit {text-align: center; padding: 10px 0;}
form .form_box textarea {width: 363px; height: 150px; border-top: 1px solid #4e4e4f; border-left: 1px solid #4e4e4f; border-right: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}

a span.buy, a:visited span.buy{text-decoration: none; cursor: pointer;}

#footer {width: 980px; clear: both; margin: 0 auto; padding: 20px 0; background-color: #fff;}
#footer .content {width: 940px; padding: 10px; margin: 0 10px; background: #e5c968 url(../img/footer_bckg.png) repeat-x left top; color: #846600; font-weight: bold;}
#footer .content a,
#footer .content a:visited {color: #fff; text-decoration: none;}
#footer .content .copyright {color: #000;}
#footer .content .copyright a,
#footer .content .copyright a:visited {color: #000;}
#footer .content .links {clear: both; margin-top: 5px;}
#footer .content .contact {margin-top: 10px; color: #000;}

/* ----------- QTIP ----------- */

#qTip {padding: 3px; border: 1px solid #666; border-right-width: 2px; border-bottom-width: 2px; display: none; background: #999; color: #FFF; font: bold 10px Verdana, Arial, sans-serif; text-align: left; position: absolute; z-index: 1000;}