html {padding: 0; margin: 0; background: #BCECFF url('images/bg.gif') repeat-x top;}
body {width: 951px; margin: 0 auto; padding: 0; font-size: small; font-family: sans-serif; background: url('images/content_bg.png') repeat-y center;}
* html body {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/content_bg.png', sizingMethod='scale'); background-image: none;}
body.col2 {background: url('images/content_bg2.png') repeat-y center;}
* html body.col2 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/content_bg2.png', sizingMethod='scale'); background-image: none;}

strong {font-weight: bold;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}

.clear {clear: both;}
.clear-l {clear: left;}

.float-right {float: right;}

h2, .h2 {display: block; font-size: 17px; font-weight: bold;}

.hlaska-ok {margin: 5px 0; padding: 5px 10px; color: #49A857; background: #DBEECE; border: 1px solid #308A05;}
.hlaska-err {margin: 5px 0; padding: 5px 10px; color: #CF1919; background: #F8D3D3; border: 1px solid #C92626;}

fieldset {margin: 0; padding: 0; border: none;}
legend {display: none;}


.search_container {position: absolute;}
.search_container form {position: relative; left: 480px; top: -30px;}
#top {position: relative; height: 193px; background: url('images/head.jpg') no-repeat;}
#top.user {background: url('images/head_logged.jpg') no-repeat;}
#top #logo {float: left;}
#top h1 {width: 270px; height: 130px; margin: 25px 0 0 90px; padding: 0px;}
#top h1 span {display: none;}
#top h1 a {display: block; width: 270px; height: 130px;}
#top #login-box {float: right; width: 300px; margin: 0 37px 0 0; color: white;}
* html #top #login-box {margin: 0 18px 0 0;}
#top #login-box .h2, #top #login-box legend {display: none;}
#top #login-box fieldset {padding: 50px 15px 0 0; margin: 0; border: none;}
#top #login-box p {height: 23px; margin: 0; padding: 0 0 0 10px;}
#top #login-box label {float: left; width: 53px;}
#top #login-box #login, #top #login-box #pass {width: 216px; padding: 0 2px; border: none; background: none; font-size: 90%; color: white;}
* html #top #login-box #login, * html #top #login-box #pass {width: 210px;}
#top #login-box .right {float: right;}
#top #login-box .right input {height: 23px; padding: 0 3px; line-height: 28px; color: white; text-decoration: none; cursor: pointer; background: #114E6D url('images/button_bg.gif') repeat-x; border: none; border-left: 1px solid #53BBFA; border-right: 1px solid #53BBFA;}
#top #login-box .right input:hover {color: #FFF301;}
#top #login-box a {color: white; font-size: 87%;}
* html #top #login-box a {font-size: 85%;}
*+html #top #login-box a {font-size: 85%;}
#top #login-box a:hover {color: #FFF301;}
#top #basket {float: right; clear: right; width: 300px; margin: 10px 37px 0 0; color: white; font-size: 90%;}
* html #top #basket {margin: 0 18px 0 0; font-size: 85%;}
*+html #top #basket {margin: 0 36px 0 0; font-size: 85%;}
#top #basket .right {float: right; padding: 15px 15px 0 0;}
* html #top #basket .right {padding: 7px 15px 0 0;}
*+html #top #basket .right {padding: 7px 15px 0 0;}
#top #basket .right a {padding: 4px; line-height: 28px; color: white; text-decoration: none; background: #114E6D url('images/button_bg.gif') repeat-x; border-left: 1px solid #53BBFA; border-right: 1px solid #53BBFA;}
#top #basket .right a:hover {color: #FFF301;}
#top #basket p {padding: 0 0 0 70px; margin: 0 0 5px 0;}
#top #customer-menu {float: right; width: 300px; margin: 0 37px 0 0; color: white;}
#top #customer-menu .h2 {display: none;}
#top #customer-menu ul {height: 100px; margin: 0; padding: 20px 10px 0 10px; list-style: none;}
#top #customer-menu a {color: white;}

#articles {position: relative; height: 36px; margin: 0 22px 0 41px; background: url('images/menu_top.gif') repeat-x top; border-bottom: 3px solid white;}
#articles ul {height: 36px; margin: 0; padding: 0; list-style: none; background: url('images/wheel.jpg') no-repeat 323px 0;}
#articles ul li {float: left; padding: 0 1px 0 0; background: url('images/divider.gif') no-repeat right;}
#articles ul li.float-right {float: right; padding: 0 0 0 1px; background: url('images/divider.gif') no-repeat left;}
#articles ul li a {float: left; padding: 0 20px; line-height: 36px; color: white; text-decoration: none;}
#articles ul li a:hover {background: url('images/menu_top.gif') repeat-x bottom;}
#articles ul li ul {display: none;}

#left {position: relative; float: left; width: 172px; margin: 0 0 0 41px; padding: 0 2px 2px 2px;}
* html #left {margin: 0 0 0 20px;}
#left .h2 {height: 28px; margin: 2px 0 0 0; padding: 0 10px; line-height: 28px; color: white; font-size: 100%; background: url('images/menu2_head.gif') repeat-x;}
#left .h2 a {color: white; text-decoration: none;}
#left ul.menu {margin: 0; padding: 0; list-style: none;}
#left ul.menu li a {display: block; height: 36px; padding: 0 0 0 30px; text-decoration: none; font-weight: bold; line-height: 36px; color: white; background: url('images/menu_button_big.gif') no-repeat top;}
#left ul.menu li a:hover {color: #676638; background: url('images/menu_button_big.gif') no-repeat bottom;}
#left ul.menu li ul {margin: 0; padding: 0; list-style: none;}
#left ul.menu li li a {color: white; background: #045DA1;}
#left ul.menu li li a:hover {color: #FEF200; text-decoration: underline; background: #045DA1;}
#left ul.menu li li li a {height: 22px; padding: 0 0 0 40px; line-height: 22px; color: white; font-weight: normal; background: #096DB8;}
#left ul.menu li li li a:hover {color: #414143; text-decoration: underline; background: #FFFD2E;}
#left ul.menu2 {margin: 0; padding: 0; list-style: none;}
#left ul.menu2 li a {display: block; height: 36px; padding: 0 0 0 30px; text-decoration: none; font-weight: bold; line-height: 36px; color: white; background: #045DA1;}
#left ul.menu2 li a:hover {color: #FEF200; text-decoration: underline; background: #045DA1;}
#left ul.menu2 li li a {height: 22px; padding: 0 0 0 35px; line-height: 22px; color: white; font-size: 85%; font-weight: normal; background: #096DB8;}
#left ul.menu2 li li a:hover {color: #414143; text-decoration: underline; background: #FFFD2E;}
#left ul.menu2 li li li a {padding: 0 0 0 60px;}
#left #boxes p {margin: 0; padding: 10px;}

#content {position: relative; float: left; width: 521px; min-height: 400px; margin: 0 3px; padding: 0 10px 10px 10px;}
.col2 #content {width: 689px;}
* html #content {margin: 0 1px; width: 523px; height: 400px;}
#content #navigation {margin: 0 -10px;}
#content #navigation p {margin: 0; padding: 5px; background: #93C4D5;}
#content #navigation p a {color: #404145;}

#discussions-box .inner,
#articles-box .inner {background: #096DB8; padding: 3px 10px;}
#discussions-box .inner hr,
#articles-box .inner hr {display: none;}
#discussions-box .inner .item,
#articles-box .inner .item {clear: both;}

#content form p {min-height: 20px; clear: left;}
* html #content form p {height: 20px;}
#content form label {float: left; width: 120px;}
#content form input {float: left; background: #E1E1E1; border: 1px solid #858585;}
#content form select {float: left;}
#content form textarea {float: left; background: #E1E1E1; border: 1px solid #858585;}
#content form input#submit, #content form input#submit_order, #content form input#submit_recommend, #content form input#submit_question, #content form input#submit_next {margin: 5px 0; height: 23px; color: white; cursor: pointer; background: url('images/button_bg.gif') repeat-x top; border: none;}
#content form fieldset#fieldset-fieldsetorder p {float: none;}
#content form p {clear: both;}
#content .search input, #content .search select {float: none;}

#search {min-height: 106px; margin: 0 -10px; background: url('images/search_box.gif') no-repeat;}
#search fieldset {padding: 40px 20px 0 30px; margin: 0; border: none;}
#search fieldset legend {display: none;}
#search fieldset p {padding: 0 0 0 20px;}
#search fieldset label {float: none; width: auto;}
#search fieldset input {float: none;}
#search fieldset input#phraze {width: 230px; background: #ABABAB; border: 1px solid #D6D0D0;}
#search fieldset input.btn {position: relative; top: 1px; height: 23px; padding: 0 3px; color: white; text-decoration: none; cursor: pointer; background: #114E6D url('images/button_bg.gif') repeat-x; border: none; border-left: 1px solid #53BBFA; border-right: 1px solid #53BBFA;}
#search input.btn:hover {color: #FFF301;}

#search-box fieldset input#phraze {width: 130px;}  

#content fieldset p.producers {margin: 10px 0;}
#content fieldset p.producers input, #content fieldset.view input {background: none; border: none;}
#content fieldset.view label {clear: left;}

#fieldset-recommend p {clear: left !important;}

.catalog {}
.catalog .item {float: left; position: relative; width: 225px; height: 290px; margin: 5px 0; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE;}
.catalog .item p {margin: 0; padding: 0;}
.catalog .item hr {display: none;}
.catalog .item h3 {margin: 0; padding: 0; height: 42px; line-height: 42px; overflow:hidden; text-align: center; background: url('images/vypis_head.gif') repeat-x top;}
.catalog .item h3 a {color: white; text-decoration: none;}
.catalog .item h3 a:hover {text-decoration: underline;}
.catalog .item img {float: left; margin: 5px;}
.catalog .item p.desc {float: right; width: 100px; padding: 5px; overflow: hidden; height: 185px;}
.catalog .item .bottom {position: absolute; bottom: 0; left: 0; width: 211px; height: 36px; padding: 7px; font-size: 85%; background: #B3E6F9;}
.catalog .item .bottom strong {font-size: 150%;}
.catalog .item .bottom a.i, .catalog .item .bottom a.c {float: right; position: relative; width: 37px; height: 34px; margin: 1px 0 0 5px;}
.catalog .item .bottom a.i span, .catalog .item .bottom a.c span {position: absolute; top: 0; left: 0; width: 37px; height: 34px; cursor: pointer;}
.catalog .item .bottom a.i span {background: url('images/i.gif') no-repeat top;}
.catalog .item .bottom a.i:hover span {background: url('images/i.gif') no-repeat bottom;}
.catalog .item .bottom a.c span {background: url('images/cart.gif') no-repeat top;}
.catalog .item .bottom a.c:hover span {background: url('images/cart.gif') no-repeat bottom;}

.compare .item {float: left; padding: 0 5px; margin: 0 2px 5px 0; width: 215px;}
.compare .item h3 {margin: 0 -5px; padding: 0; height: 42px; line-height: 42px; text-align: center; background: url('images/vypis_head.gif') repeat-x top;}
.compare .item h3 a {color: white; text-decoration: none;}
.compare .item h3 a:hover {text-decoration: underline;}

.product {}
.product .imgs {float: right;}
.product .basket fieldset {border: none; padding: 0; margin: 0;}
.product .basket legend {display: none;}
.product .prices {width: 310px; height: 74px; margin: 25px 0 10px 0; padding: 10px; color: white; background: url('images/detail_price_field.gif') repeat-x top;}
.product .prices p {float: left; width: 155px; margin: 0; padding: 2px 0; font-size: 11px;}
.product .prices p.first {float: none; width: auto;}
.product .prices p strong {font-size: 30px;}
.product h4 {margin: 10px 0 0 0; padding: 0;}
.product p {padding: 0; margin: 0 0 5px 0; text-align: justify;}
.product .basket {height: 25px;}
.product .basket fieldset, .product .basket p {float: left; clear: none !important; margin: 0 5px 0 0;}
.product .basket label {font-weight: bold;}
.product .basket input {width: 100px;}
.product .basket input#submit {margin: 0 !important; width: auto; position: relative; top: -1px;}

table.basket {width: 100%; border-collapse: collapse;}
table.basket th {height: 25px; padding: 0 3px; line-height: 25px; color: white; background: url('images/cart_table_header.gif') repeat-x top; border-right: 1px solid #60BCFD;}
table.basket td {padding: 2px; background: #93C4D5; border-right: 1px solid white; border-bottom: 1px solid white;}
table.basket tr.even td {background: #B3E6F9;}

table.list {width: 100%; margin: 10px 0; border-collapse: collapse;}
table.list th {height: 25px; padding: 0 3px; line-height: 25px; color: white; background: url('images/cart_table_header.gif') repeat-x top; border-right: 1px solid #60BCFD;}
table.list td {padding: 4px; background: #93C4D5; border-right: 1px solid white; border-bottom: 1px solid white; vertical-align: top;}
table.list tr.even td {background: #B3E6F9;}
table.list td a {color: black;}
table.list td.last {width: 74px;}
table.list td a.i, table.list td a.c {float: left; position: relative; width: 37px; height: 34px; margin: 0;}
table.list td a.i span, table.list td a.c span {position: absolute; top: 0; left: 0; width: 37px; height: 34px; cursor: pointer;}
table.list td a.i span {background: url('images/i.gif') no-repeat top;}
table.list td a.i:hover span {background: url('images/i.gif') no-repeat bottom;}
table.list td a.c span {background: url('images/cart.gif') no-repeat top;}
table.list td a.c:hover span {background: url('images/cart.gif') no-repeat bottom;}
table.list td.img a {position: relative;}
table.list td.img a img {display: none;}
table.list td.img a:hover img {display: block; position: absolute; top: 0; left: 50px; z-index: 10;}

#right {position: relative; float: right; width: 161px; margin: 0 22px 0 0; padding: 0 2px 2px 2px;}
* html #right {margin: 0 11px 0 0;}
#right a, #left a {color: white;}
#right p, #left p {margin: 0; padding: 5px 10px; color: white; background: #096DB8;}
#right .h2 {height: 28px; margin: 2px 0 0 0; padding: 0 10px; line-height: 28px; color: white; font-size: 100%; background: url('images/menu2_head.gif') repeat-x;}
#right .h2 a {color: white; text-decoration: none;}
#right ul.menu {margin: 0; padding: 0; list-style: none;}
#right ul.menu li a {display: block; height: 28px; padding: 0 0 0 30px; text-decoration: none; font-weight: bold; line-height: 28px; color: white; background: url('images/menu_button_small.gif') no-repeat top;}
#right ul.menu li a:hover {color: #676638; background: url('images/menu_button_small.gif') no-repeat bottom;}
#enquiry {background: #096DB8;}
#news ul, #partners ul {padding: 10px; margin: 0; list-style: none; color: white; background: #096DB8;}

#content ul#bookmarks {clear: both; width:100%; height:25px; padding: 20px 0 0 0; margin:0; list-style:none;}
#content ul#bookmarks li {float:left; height:25px; line-height:25px; margin:0; margin-right:5px; }
#content ul#bookmarks li a {display: block; height:25px;  line-height:25px; padding:0 5px; background-color:#ccc;}
#content ul#bookmarks li a.open {background-color:#ddd;}

#content .bookmark {display:none; background-color:#ddd; padding: 5px;}
#content .bookmark h3 {margin-top:0; display: none;}
#content .bookmark form {margin: 0; padding: 0;}
#content .bookmark form fieldset {margin: 0; padding: 0; border: 0;}
#content .bookmark form fieldset legend {display: none;}
#content .bookmark .contact p,
#content .bookmark form fieldset p {margin: 0; padding: 1px; clear: left; line-height: 13px; font-size: 13px}
#content .bookmark form fieldset p.hint {margin-left: 180px}
#content .bookmark .dis-label,
#content .bookmark form fieldset label {display: block; float: left; padding: 0; margin: 3px 0;  width: 180px; font-size: 13px; font-weight: bold;}
#content .bookmark .dis-input,
#content .bookmark form fieldset input,
#content .bookmark form fieldset select {padding: 2px; float: left; margin: 0; font-size: 13px; border: 1px gray solid;   }
#content .bookmark form fieldset input#captcha-input {margin-left: 180px;}
#content .bookmark form fieldset#fieldset-captchaform img {border: 1px gray solid; width: 204px; }
#content .bookmark form fieldset input.btn {}
#content .bookmark form fieldset textarea {border: 1px gray solid; width:300px; height: 100px; margin: 0; padding: 2px; }

#content .bookmark .disscuss ul {list-style-type: none; margin: 0; padding: 0;}
#content .bookmark .disscuss .item {border: 1px black solid; clear: both; margin-bottom: 5px; padding: 5px;}
#content .bookmark .disscuss .item p {padding: 0; margin: 0;}
#content .bookmark .disscuss li .item {}
#content .bookmark .disscuss li li .item {padding-left: 30px;}
#content .bookmark .disscuss li li li .item {padding-left: 60px;}
#content .bookmark .disscuss li li li li .item {padding-left: 90px;}
#content .bookmark .disscuss li li li li li .item {padding-left: 120px;}
#content .bookmark .disscuss li li li li li li .item {padding-left: 150px;}
#content .bookmark .disscuss li li li li li li li .item {padding-left: 180px;}

#content #div-bookmark-description {display:block;}

#content #div-bookmark-recensionsproduct strong.plus {display: block; width: 260px; margin-right: 10px; float: left; color: green;}
#content #div-bookmark-recensionsproduct strong.minus {display: block; width: 260px; float: left; color: red;}
#content #div-bookmark-recensionsproduct ul.plus {width: 234px; float: left; margin: 0; margin-right: 10px; padding: 6px 6px 6px 20px;  color: green; border: 1px green solid; -moz-border-radius: 3px; list-style-type: disc;}
#content #div-bookmark-recensionsproduct ul.minus {width: 234px; float: left; margin: 0; padding: 6px 6px 6px  20px; color: red; border: 1px red solid; -moz-border-radius: 3px; list-style-type: disc;}

#content #div-bookmark-ratingproduct .stars {display: block; width: 85px; height: 16px; float: left;}
#content #div-bookmark-ratingproduct .s0 {background: url('images/stars.gif') no-repeat left 0px;}
#content #div-bookmark-ratingproduct .s1 {background: url('images/stars.gif') no-repeat left -16px;}
#content #div-bookmark-ratingproduct .s2 {background: url('images/stars.gif') no-repeat left -32px;}
#content #div-bookmark-ratingproduct .s3 {background: url('images/stars.gif') no-repeat left -48px;}
#content #div-bookmark-ratingproduct .s4 {background: url('images/stars.gif') no-repeat left -64px;}
#content #div-bookmark-ratingproduct .s5 {background: url('images/stars.gif') no-repeat left -80px;}
#content #div-bookmark-ratingproduct span.outter {display: block; float: left; background-color: white; border: 1px gray solid; width: 200px; padding: 2px; }
#content #div-bookmark-ratingproduct span#star_select {margin: 0 59px; float: left; display: block; width: 85px; height: 16px;  cursor: pointer;}
#content #div-bookmark-ratingproduct span#star_select span {display: block; width: 17px; height: 16px; float: left;}

#bottom {clear: both; height: 22px; padding: 30px 22px 0 41px; font-size: 87%; background: #BCECFF url('images/bottom.jpg') no-repeat top;}
.col2 #bottom {background: #BCECFF url('images/bottom2.jpg') no-repeat top;}
* html #bottom {height: 12px; padding: 40px 22px 0 41px;}
*+html #bottom {height: 12px; padding: 40px 22px 0 41px;}
#bottom a {color: black;}
#bottom p.left {float: left;}
#bottom p.right {float: right;}
#bottom-custom {clear: both; width: 100%; background: none;}