body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font: 9pt 'Arial', sans-serif;}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
a {color: #2B3B81; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin-bottom: 15px;}

/* LAYOUT */
body {background-color: #F4F5F7; color: #000;}
#page {width: 1006px; position: absolute; left: 50%; top: 38px; margin-left: -503px;}
h1 {top: 0; left: 1px; background: url('img/header_top.gif') no-repeat;}
h1, h1 a {width: 1004px; height: 79px;}
h1 a, h1 a span {display: block; width: 250px; height: 79px;}
h1 a span {display: none;}
h2 {color: #2B3B81; font-size: 11pt; font-weight: bold; margin: 0 0 20px 0;}
#inpage {background: #F4F5F7 url('img/bkg_page.gif') repeat-y;}
#inpage div.round {padding: 0 0 20px 0; background: url('img/round_page_bottom.gif') bottom left no-repeat;}
#left {float: left; border-top: 41px solid #F4F5F7; background: url('img/round_page_top.gif') no-repeat; padding: 0px 13px 15px 13px; width: 775px;}
#content {float: right; width: 617px;}
#leftleft {float: right; width: 158px;}
#playground {margin: 27px 0 20px 23px;}
#promo {width: 801px; height: 185px; margin: 0 0 0 -12px;}
#authors, #authors a {font-size: 7pt; color: #999; line-height: 20px; padding-left: 15px;}
#authors a {padding: 0;}
#collections {position: absolute; top: 1px; left: 250px; height: 73px; background: url('img/top_divider.gif') left no-repeat; padding-left: 1px;}
#collections a {font-size: 9pt; color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 22px 28px; float: left; background: url('img/top_divider.gif') right no-repeat; text-align: center;}
#collections a:hover {background-color: #000c63;}
#lang_select {position: absolute; top: 24px; left: 50%; width: 960px; height: 11px; margin-left: -480px;}
#lang_select a {display: block; float: right; width: 16px; height: 11px; border-left: 5px solid #F4F5F7;}
#lang_select a span {display: none;}
#lang_select a.cz {background: url('img/cz.png') no-repeat;}
#lang_select a.de {background: url('img/de.png') no-repeat;}
#filtering {position: absolute; left: 10px; top: 89px; display: block; line-height: 31px; padding: 0 0 0 35px; background: url('img/actions/search.gif') no-repeat;}

/* RIGHT */
#right {float: left; width: 203px; padding-top: 9px;}
#right div.shadow {margin: 0 2px 10px 11px; background: url('img/right_shadow.gif') right repeat-y;}
#kolecko {display: block; width: 158px; height: 159px; background: url('img/kolecko.jpg') no-repeat; margin-top: 15px;}
#kolecko span {display: none;}
#right div.gift {margin: 0 2px 10px 11px;}

/* PAGE */
h3 {color: #2B3B81; font-size: 11pt; margin: 0 0 20px 0; border-bottom: 1px solid #d2eaff;}
p {margin: 0 0 15px 0;}
ul, ol {margin: 0 0 20px 20px;}
li {}

#sender_form textarea {width: 300px; height: 150px;}
#div_mail_to {}
#div_mail_to label {float: none; width: 300px;}
#div_mail_to input {position: relative; left: 155px;}
#sender_form p.form_error {margin: 0 0 10px 152px;}
#div_mail_to p.form_error {margin: 25px 0 0 -76px;}

/* LOGIN FORM */
#user_box {background: url('img/user_box.gif') no-repeat; padding-top: 36px; margin-top: 0;}
div.common_box div.inside div.inside {margin-right: 2px; background: #568FDE url('img/gradient_right.gif') repeat-x; text-align: center;}
div.common_box div.inside {background: url('img/box_bottom.gif') bottom no-repeat; padding-bottom: 9px;}
#user_box a {color: #2D567F; font-style: italic; text-decoration: underline;}
#login_external div.row {margin:3px 0; float: left;}
#login_external div.row label{float: left; font-size: 9pt; font-weight: bold; margin: 1px 0 0 0; display: inline; text-align: right; width: 50px;}
#login_external input {border: 1px solid #5A9FE4; float: left; background-color: #fff; width: 96px; height: 20px; padding: 2px; color: #000; font-size: 10pt; margin:0 10px 0 10px;}
#login_external input.submit {background: url('img/button.gif') no-repeat; color: #fff; line-height: 25px; height: 25px; width: 75px; font-weight: bold; border: 0; margin: 10px 0 10px 60px;}
#reset_login_external {display: none;}
#logged_in {text-align: center;}
#logged_in a:hover {text-decoration: none;}

/* SEARCH BOX */
#search_simple {position: absolute; top: 0; right: 0px; padding: 0; margin: 0;}
#search_simple fieldset {float: right;}
#search_simple div.row {float: left;}
#search_simple div.clear {clear: none; float: left; width: 1px;}
#search_simple label {display: none;}
#search_simple input {height: 20px; float: left; font-size: 11pt; padding: 3px; margin: 1px 0; width: 120px; border: 0; background: #fff;}
#search_simple #submit_search_simple {height: 23px; padding: 8px 3px; background: none !important; color: #fff; width: 80px !important; float: left; font-size: 9pt !important;}
#filter_products {padding-bottom: 10px; border-bottom: 1px solid #d2eaff; margin-bottom: 20px; background: #F4F5F7;}
#filter_products h3 {background: #fff !important;}

/* CART BOX */
#cart_box {background: url('img/cart_box.gif') no-repeat; padding-top: 37px;}
#cart_box table {margin: 15px 0 15px 40px; border-collapse: collapse;}
#cart_box td, #cart_box th {font-size: 9pt; text-align: right; font-style: italic;}
#cart_box th {text-align: left;}
#cart_box a {display: block; background: url('img/button_left.gif') left no-repeat; padding-left: 13px; margin: 0 20px;}
#cart_box a span {display: block; background: url('img/button_right.gif') right no-repeat; padding-right: 13px;}
#cart_box a span span {background: url('img/button_bkg.gif') repeat-x; padding: 0; color: #fff; font-size: 9pt; font-weight: bold; line-height: 25px;}
#cart_box a:hover {text-decoration: none;}

/* COMMON BOX */
div.common_box {background: url('img/box_common.gif') no-repeat; padding-top: 37px;}
div.common_box a.katalog {display: block; background: url('img/but_right.gif') 8px 58px no-repeat; margin:  0 7px 10px 6px;}
div.common_box a.guides {background: url('img/but_right.gif') 8px 7px no-repeat;}
div.common_box a.katalog:hover {background-color: #fff; text-decoration: none;}
div.common_box a.katalog img {border: 1px solid #fff;}
div.common_box a.katalog span {display: block; padding: 5px 28px; text-align: left; font-weight: bold; text-decoration: none;}
div.common_box a.katalog:hover span {text-decoration: none;}

/* MENU */
#menu_obal {background: url('img/footer.gif') no-repeat; margin-top: 20px; height: 54px;}
#menu {margin: 0 0 0 15px;}
#menu li {list-style: none; float: left; padding: 0 8px; margin: 0;}
#menu li a {color: #fff; text-decoration: none; line-height: 54px;}
#menu li a:hover {background: url('img/menu_hover.gif') repeat-x;}

#top_menu {position: absolute; top: -25px; right: 0;}
#top_menu li {list-style: none; float: left; padding: 0 5px; margin: 0;}
#top_menu li a, #top_menu li a span {color: #aaa; text-decoration: none; font-size: 8pt;}
#top_menu li a:hover, #top_menu li a:hover span {text-decoration: underline;}

#leftleft h3 {background: url('img/collection_top.gif') top no-repeat; padding-top: 6px; margin: 20px 0 2px; border: 0;}
#leftleft h3 span {background: #9BC2F0 url('img/collection_bottom.gif') bottom no-repeat; padding: 0 15px 6px; color: #fff; display: block; text-align: center; font-weight: bold;}
#eshop_menu {margin: 2px 0 0 0;}
#eshop_menu li {list-style: none; margin: 0;}
#eshop_menu li a {background: url('img/bkg_menu.gif') 0 -49px no-repeat; color: #2B3B81; text-decoration: none; display: block; text-align: right; padding: 2px 25px 2px 10px;}
#eshop_menu li a.active, #eshop_menu li a.active:hover {background-position: 0 -25px;}
#eshop_menu li a:hover {background-position: 0 1px;}
#eshop_menu li a span {font-size: 9pt; line-height: 22px;}

#actions {position: absolute; right: 110px; top: 44px; width: 500px; text-align: right;}
#actions a {display: block; float: right; margin-right: 20px; padding-left: 33px; height: 24px; padding-top: 9px;}
#actions a.bookmark {margin: 0 0 0 -5px; background: url('img/actions/bookmark.jpg') no-repeat left;}
#actions a.print {background: url('img/actions/print.jpg') no-repeat left;}
#actions a.site_mail {background: url('img/actions/site_mail.jpg') no-repeat left;}

#news {float: left; width: 294px; background: url('img/news_bkg_bottom.gif') no-repeat bottom; padding-bottom: 14px;}
#news .in {margin-top: -1px; padding-top: 10px; background: url('img/news_bkg.gif') repeat-y;}
#news img {margin-left: 20px;}
#news h3 {border: 0; margin: 0; font-weight: bold; background: #9BC2F0 url('img/news_bkg_top_left.gif') no-repeat left top;}
#news h3 a {display: block; font-size: 10pt; padding: 10px; text-decoration: none; color: #fff; background: url('img/news_bkg_top_right.gif') no-repeat right top;}
#news ul {color: #000C63; padding-left: 20px; margin-bottom:0;}
#news li a {font-size: 10pt; color: #000;}
#news li a:hover {text-decoration: none; color: #000C63;}
#news li {margin-top: 8px;}

.eshop_link {float: right; margin: 30px 2px 0 0;}

.news {margin-bottom: 20px;}
.news span{float: right; margin-top: -26px;}
.news h3 {margin-bottom: 10px;}
.news h3 a {font-size: 11pt;}
.news img {float: left; margin-right: 15px; }
.news p {float: left;}

.image a {float: right; display: block; margin: -20px 15px 15px 15px; }
.image a span {display: none;}

/* PRODUCTS */
#product_list table {border-collapse: collapse; margin: 10px 0 0 0;}
#product_list span, #product_list a {display: block; color: #fff;}
#product_list a {padding: 2px 7px;}
#product_list a:hover {text-decoration: none;}
#product_list td {border: 0; margin: 0; width: 192px; background: #5991df url('img/right_shadow.gif') right repeat-y; padding: 0 2px 0 0; vertical-align: top; border: 4px solid #fff; border-width: 0 4px;}
#product_list tr.top td {background: url('img/round_item.gif') 0 0 no-repeat; height: 15px;}
#product_list tr.top td.over {background-position: -200px 0;}
#product_list tr.bottom td {background: url('img/item_shadow.gif') 0 0 no-repeat; height: 2px; line-height: 2px;}
#product_list tr.images span {background: url('img/gradient_item.gif') repeat-x; text-align: center;}
#product_list tr.images span.over {background: #5991df;}
#product_list tr.prices span {text-align: right;}
#product_list tr.prices a {font-weight: bold; font-size: 10pt;}
#product_list tr.prices a span {display: inline;}
#product_list tr.prices a span.former_price {text-decoration: line-through;}
#product_list tr.prices a span.discount {font-weight: bold; color: #023064;}
#product_list tr.codes a {font-weight: bold;}
#product_list tr.sizes a, #product_list tr.colors a {font-size: 7pt;}

/* PRODUCT DETAILS */
#product_detail {background: url('img/detail_bottom.gif') bottom no-repeat; padding-bottom: 2px;}
#product_detail div.shadow {background: url('img/detail_top.gif') top no-repeat; padding-top: 8px;}
#product_detail div.content {background: url('img/right_shadow.gif') right repeat-y; padding: 0 2px 0 0;}
#product_detail div.grad {background: #70A2E5 url('img/detail_bkg.gif') repeat-x; width: 592px; padding-bottom: 20px;}
table.attrs th, table.attrs td {padding: 3px 5px;}
table.attrs th {text-align: right; width: 100px;}

#item_detail {float: left; width: 252px;}
#item_detail img {margin: 7px;}
#item_detail a span{display: none;}
#item_images div {width: 72px; height: 93px; background: #fff; float: left; margin: 7px 4px;}
#item_images span {display: none;}
#product_detail div.price {text-align: right; font-size: 20pt; font-weight: bold; color: #fff; padding: 0 20px;}
#product_detail div.discount {text-align: right; font-weight: bold; color: #fff; padding: 0 20px;}
#product_detail div.discount span.former {font-size: 12pt; font-weight: bold; text-decoration: line-through;}
#product_detail div.discount span.percent {font-size: 12pt; font-weight: bold; color: #023064;}

table.product {border-collapse: collapse; border: 0; margin: 20px 10px 0 0; float: right; width: 281px;}
table.product th {background: #9bc2f0 url('img/round_left_top.gif') top left no-repeat; padding: 0;}
table.product th span {display: block; background: url('img/round_right_top.gif') top right no-repeat; margin: 0; padding: 5px 15px; text-align: left; font-weight: bold;}
table.product td {padding: 5px 15px; background: #BFDFFF;}
table.product tr.odd td {background: #A6D2FE;}
table.product a {color: #000;}

#to_cart {width: 300px; margin: 20px 20px 0 0; float: left;}
#to_cart h3 {padding:0; margin:0;}
#to_cart div.row {margin:0;}
#to_cart div.row label {margin: 2px 7px; text-align: right; width: 70px; float: left; font-size: 9pt; font-weight: normal;}
#to_cart div.row select {margin: 5px 0; width: 200px; float: left; border: 1px solid #4E89DC;}
#to_cart input {border: 1px solid #4E89DC; float: left; width: 20px; margin: 5px 0; text-align: right;}
#to_cart input.submit {background: url('img/cart_button.gif') no-repeat; color: #fff; height: 25px; width: 135px; font-weight: bold; border: 0; text-align: center; margin-left: 30px;}

#playground table.images {border-collapse: collapse; margin: 0 auto;}
#playground table.images td {padding: 0 5px 0 5px;}
#playground table.images td a{display: block; padding: 5px 0 10px 0;}
#playground table.images td a img{border: 5px solid #E8B95C;}
#playground table.images td a:hover {text-decoration: none;}
#playground table.images td a:hover img{border: 5px solid #FF8400;}
#playground table.images td a img{margin: 0 auto;}
#playground table.images td p {margin:0 20px 10px 20px !important; display: block; text-align: left;}
#playground table.images td h3 {display: block; text-align: left; background-color: #B34026; margin: 0 !important; color: #E6BF73; padding:10px 20px 10px 20px;}
#playground table.images td span {margin: 0; display: none;}
#playground table.images td a:hover span{text-decoration: underline;}
#playground table.images td.katalog span {margin: 0; display: block; margin-top: 10px;}

#playground #content div.image a{display: block; width: 200px; height: 160px; text-align: center;float:left; margin-left: 40px; margin-top: 40px;}
#playground #content div.image a img{border: 6px solid #E8B95C;}
#playground #content div.image a:hover {text-decoration: none;}
#playground #content div.image a:hover img{border: 6px solid #FF8400;}
#playground #content div.image a:hover span{text-decoration: underline;}

#user_info {margin-left: 25px;}
#user_info .r {font-weight: bold}

/* CONTACTS */
h3 a {font-weight: bold; text-decoration: underline;}
h3 a:hover, div.anchors a:hover {text-decoration: none;}
div.anchors {margin: 0 0 30px 0; border-bottom: 1px solid #d2eaff;}
div.anchors a {display: block; float: left; padding: 5px; text-decoration: underline;}
table.contacts {border-collapse: collapse; width: 592px;}
table.contacts td, table.contacts th {padding: 5px; vertical-align: top; border: 1px solid #d2eaff; width: 50%; line-height: 14pt;}
table.contacts th {text-align: left; background: #d2eaff; color: #2B3B81;}
table.contacts td.nob {border: 0; height: 30px;}
table.contacts th.r {text-align: right; font-weight: normal;}

/* CART LIST */
#cart_list {border-collapse: collapse; margin: 0;}
#cart_list tr.head {background-color: #9BC2F0;}
#cart_list tr.head th.name {padding: 2px 5px;}
#cart_list th {border-bottom: 1px solid #d2eaff; text-align: left;}
table .r {text-align: right;}
#cart_list td {border-bottom: 1px solid #d2eaff; padding: 2px 5px 0;}
#cart_list .title {width: 250px;}
#cart_list .count {width: 150px;}
#cart_list .price {width: 90px; text-align: right; padding-right: 25px;}
#cart_list label {display: none !important;}
#cart_list form {margin-left: -8px;}
#cart_list form h3 {padding:0; margin:0; display: inline;}
#cart_list form div.row {margin:0; float: left;}
#cart_list form div.row label {display: none;}
#cart_list form input {border: 1px solid #4E89DC; float: left; width: 20px; padding: 3px; margin: 5px 0; text-align: right;}
#cart_list form input.submit {background-color: #4E89DC; color: #fff; height: 23px; line-height: 23px; width: 50px; font-weight: normal;}

#cart_buttons a {display: block; width: 100px; text-align: center; line-height: 29px; margin: 20px 0 0 10px; padding: 0 10px; border: 2px solid #d2eaff; background-color: #5A9FE4; color: #fff; font-weight: bold; float: right;}

#step_buttons {margin: 20px 0 0 70px;}
#step_buttons a {display: block; width: 136px; height: 23px; margin-left: 20px; border: 2px solid #E18C00; float: left; color: #fff; font-weight: bold; text-align: center; padding-top: 6px;}
#step_buttons a:hover {text-decoration: none;}

/* MY ORDERS */
#my_orders, #order_detail table.items {border-collapse: collapse; margin: 0;}
#my_orders th, #order_detail table.items th {background: #9BC2F0; padding: 5px; border-bottom: 1px solid #d2eaff; text-align: left;}
#my_orders td, #order_detail table.items td {border: 1px solid #d2eaff; padding: 5px;}
#my_orders td.r, #order_detail table.items td.r {text-align: right;}
#my_orders td a.write {display: block; width: 22px; height: 22px; background: url('img/ico_write.png') no-repeat; float: left; margin: 2px;}
#my_orders td a.delete {display: block; width: 22px; height: 22px; background: url('img/ico_delete.png') no-repeat; float: left; margin: 2px;}
#my_orders td a.write span, #my_orders td a.delete span {display: none;}
#my_orders tr.multi td {font-weight: bold; color: #f00000;}

#order_detail table.order, #order_detail table.user {border-collapse: collapse; margin: 0 0 25px;}
#order_detail table.order th, #order_detail table.user th {background: #9BC2F0; padding: 5px 10px; border-bottom: 1px solid #d2eaff; text-align: right;}
#order_detail table.order td, #order_detail table.user td {border: 1px solid #d2eaff; padding: 5px 10px;}
#order_detail a.button_back {display: block; width: 100px; text-align: center; line-height: 29px; margin: 20px 125px 0 0; padding: 0 10px; border: 2px solid #d2eaff; background-color: #5A9FE4; color: #fff; font-weight: bold;}

/* DATAGRID */
div.fps_info {text-align: right; margin: 0 0 20px;}
div.fps_paging {text-align: center; margin: 0 0 20px;}
#product_list div.fps_paging a {display: inline; color: #000; margin: 0; padding: 0; border: 0; width: auto; height: auto;}
#product_list div.fps_paging span {display: inline; color: #000;  margin: 0; padding: 0; border: 0; width: auto; height: auto;}

/* FORM */
#right form h3 {display: none;}
form div.row {padding: 0px 0; margin-left: 25px;}
form label {float: left; line-height: 24px; width: 150px; display: block; text-align: right; margin-right: 5px;}
form input {margin: 2px; float: left; width: 220px; border: 1px solid #5A9FE4; padding: 2px; background: #d2eaff;}
form select {margin: 2px; float: left; width: 220px; border: 1px solid #5A9FE4; background: #d2eaff;}
form .submit {width: 136px; height: 29px; margin: 20px 125px 0 0; border: 2px solid #d2eaff; background-color: #5A9FE4; color: #fff; font-weight: bold; float: right;}
form h4 {margin: 20px 0 5px; color: #2B3B81; font-size: 11pt; border-bottom: 1px solid #d2eaff;}
form p.pretext{display: block; padding-left: 5px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form p.form_error {color: #f00000; float: left;}
form textarea {margin: 2px; border: 1px solid #5A9FE4; width: 285px; height: 200px; background: #d2eaff;}
form label.radio {display: inline; float: left; width: 60px; text-align: left;}
form input.radio {margin: 5px 5px 0; width: auto; background: none; border: 0;}
form div.geo_front {clear: both;}
form div.geo_front label {clear: both;}
form .Texyla {clear: both;}

#data_fs_action {width: 50px; margin-left: 170px;}
form h3.user {color: #2B3B81; font-size: 11pt; font-weight: bold; margin: 0 0 20px 0;}
#create_user_profil h3.user {display: none;}
#create_user_profil p.pretext {cursor: pointer;}
#edit_user_profil h3.user {display: none;}
#div_confirm_terms label{width: 300px; text-align: left; position: relative; bottom: 3px;}
#div_confirm_terms input{width: 20px;}
#data_gifts {width: 290px;}

/* DELAER ORDER */
table input {width: 45px; border: 1px solid #aaa; text-align: right;}
div.one_product {background: #eee; padding: 5px; margin: 5px 0;}
div.one_product table {background: #F4F5F7; margin-top: 5px;}
div.one_product h4, div.one_product h4 a {font-size: 11pt; font-weight: bold;}

/* ORDER STEPPER */
#order_stepper table {border: 0; width: 100%; border-collapse: collapse; border: 0;}
#order_stepper table td {width: 33%; text-align: center; font-weight: bold; font-size: 11pt; padding: 5px;}
#order_stepper table td.active {background: #5A9FE4; color: #fff;}
#order_stepper span {display: block; padding: 5px 10px; background: #5A9FE4; color: #fff;}

/* PAGE */
div.page table td {vertical-align: top;}