body {
background-color: #FFFFFF; 
margin: 0; 
padding: 0; 
font-family: arial, sans-serif;
font-size: 12px;
}

img {
border: 0;
}

#header_container {
width: 100%;
height: 223px;
position: absolute;
overflow: hidden;
z-index: 0;
}

#header { 
position: absolute;
width: 100%; 
height: 223px; 
background: url(img/header.jpg) center top no-repeat; 
z-index: 99999;
}

#header_left { 
float: left; 
width: 49%; 
height: 100%; 
background: url(img/head.jpg) right top repeat-x; 
position: relative; 
top: 0; 
left: -470px;
 }

#header_right { 
float: right; 
width: 49.9999%; 
height: 100%; 
background: url(img/head.jpg) left top repeat-x; 
position: relative; 
top: 0; 
left: 470px; 
}

#topbar {
margin: 0 auto; 
text-align: left; 
width: 966px;
}   

#header_content {
margin: 0 auto; 
text-align: left; 
width: 966px;
margin-top: 31px;
height: 145px; 
}   

#topbar p {
padding: 5px 0 0 0;
margin: 0;
height: 20px;
line-height: 20px;
}  

a {
text-decoration: none;
_font-weight: normal;
font-weight: bold;
color: #225798;
}                                                              

a:hover {
text-decoration: underline;
}                                                                     

.magenta {
color: #337200;
font-style: normal;
}

.rightalign {
float: right;
}

.leftalign {
float: left;
}

#header_content h1 a {
display: block;
width: 205px;
height: 86px;
background: url(img/logo.gif) no-repeat;
position: absolute;
top: 50px;
}

h1 a:hover {
text-decoration: none;
}

h1 a span {
visibility: hidden;
}

h2 {
color: #000000;
font-weight: normal;
font-size: 20px;
padding: 0;
margin: 0;
}

#news {
margin: 0 0 0 420px;
}

p.limited_width {
display: block;
width: 300px;
line-height: 18px;
}

#basket {
background: url(img/cart.gif) left no-repeat;
height: 100px;
padding: 30px 0 0 60px;
text-align: left;
margin: -120px 0 0 330px;
}

#wrapper {
text-align: center;
}

#bodycontainer {
margin: 0 auto;
width: 966px;
text-align: left;
position: relative;
}

.button {
display: block;
width: 75px;
_width: 95px;
height: 14px;
padding: 2px 10px;
background: url(img/button.jpg) no-repeat;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
margin-left: 10px;
}

.tocart {
display: block;
width: 75px;
_width: 95px;
height: 14px;
padding: 2px 10px;
background: url(img/button.jpg) no-repeat;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
margin: 5px 0;
}

.tocart:hover {
text-decoration: none;
background: url(img/button-hover.jpg) no-repeat;
}

.button:hover, #catlist tr td a.button:hover {
text-decoration: none;
background: url(img/button-hover.jpg) no-repeat;
}

#basket p {
margin: 0;
padding: 5px 0;
line-height: 18px;
}

hr.clear {
visibility: hidden;
clear: both;
}

#leftcolumn {
float: left;
width: 200px;
}

#rightcolumn {
float: right;
width: 180px;
}

#content {
float: left;
width: 550px;
margin-top: 60px;
margin-left: 10px;
}

#footer {
clear: both;
}

#nav {
position: absolute;
left: 170px;
margin-top: 20px;
}

#nav li {
display: block;
list-style-type: none;
float: left;
padding: 0 8px 0 0;
}

#nav li a {
display: block;
float: left;
height: 17px;
background: url(img/star.jpg) left center no-repeat;
padding: 0 0 0 20px;
color: #a1a1a1;
font-weight: bold;
line-height: 19px;
font-size: 13px;
}

#basket h3.cart {
color: #00000;
font-weight: semi-bold;
padding: 0;
margin: 0;
font-size: 15px;
}

#nav li a:hover {
color: #337200;
text-decoration: none;
background: url(img/star-hover.jpg) left center no-repeat;
}

input#submitsearch {
color: #fff;
background: url(img/submitsearch.jpg) left bottom no-repeat;
border: 0;
width: 44px;
height: 20px;
padding: 0;
font-size: 11px;
text-align: left;
padding: 0 0 0 2px;
cursor: hand;
cursor: pointer;
}

input#inputsearch {
width: 100px;
height: 15px;
padding: 0px;
color: #b2b2b2;
font-size: 10px;
position: relative;
top: -1px;
}

#rightcolumn h3 {
font-size: 15px;
}

#rightcolumn h3.green {
color: #65a736;
}

#leftcolumn h3#cat {
font-size: 20px;
color: #fff;
display: block;
width: 176px;
_width: 196px;
height: 20px;
background: url(img/h3cat.jpg) no-repeat;
font-weight: normal;
padding: 7px 10px;
margin: 0;
}

#leftcolumn h3#manufacturer {
font-size: 17px;
color: #fff;
display: block;
width: 176px;
_width: 196px;
height: 20px;
background: url(img/h3manu.jpg) no-repeat;
font-weight: normal;
padding: 7px 10px;
margin: 0;
}

div.box {
width: 196px;
min-height: 250px;
_height: 250px;
background: #e2f2c8 url(img/boxbg.jpg) repeat-y;
}

div.box-inside {
background: url(img/star.gif) right bottom no-repeat;
min-height: 250px;
_height: 250px;
}

.box ul {
padding:0 0 20px 0;
margin: 25px 0 0 15px;
}

.box ul li {
display: block;
list-style-type: none;
margin: 5px 0;
}

.box ul li a {
background: url(img/li.gif) 0 2px no-repeat;
padding-left: 15px;
line-height: 12px;
color: #000;
}

.box ul li a:hover {
background: url(img/li-hover.gif) 0 2px no-repeat;
color: #337200;
text-decoration: none;
}

#today_info {
_background: #FFF no-repeat;
width: 176px;
_width: 196px;
height: 74px;
color: #000;
padding: 3px 10px;
}

#newsletter {
background: url(img/newsbg.jpg) no-repeat;
width: 166px;
_width: 196px;
height: 121px;
color: #fff;
padding: 10px 15px;
_padding-bottom: 0;
}

#newsletter h3 {
margin: 8px;
padding: 0;
}

#newsletter form {
margin: 0;
padding: 0;
}

#newsletter input.input {
width: 120px;
margin-top: -3px;
color: #b2b2b2;
}

#newsletter input.submit {
width: 30px;
height: 35px;
background: url(img/submitnews.jpg) no-repeat;
border: 0;
margin-left: 7px;
cursor: hand;
cursor: pointer;
}

a.hidden{
display: none;
}

#leftcolumn h3.hidden, #rightcolumn h3.hidden {
visibility: hidden;
} 

h3 span {
visibility: hidden;
}

#rightnews {
margin-top: -15px;
_margin-top: -20px;
background: #E2F2C8 url(img/rightnews.jpg) left bottom no-repeat;
padding: 10px 7px;
width: 160px; 
_width: 175px;
_margin-bottom: 10px;
}

#rightnews p {
padding: 0;
margin: 0;
}

#rightnews span {
color: #91D53B;
}

#newest {
width: 177px;
background: url(img/random.jpg) repeat-y;
}

#newest img {
clear: both;
margin: 5px 15px 5px 15px;
}

#newest a.prodname {
display: block;
color: #000;
font-style: italic;
font-size: 14px;
margin: 10px 0 0 15px;
}

#newest span.price {
display: block;
color: #000;
margin-top: 5px;
padding-left: 15px;
}

#newest span.price strong {
font-weight: normal;
color: #335E00;
text-decoration: underline;
}

#random .box-bottom {
width: 177px;
height: 70px;
background: url(img/random-bottom.jpg) left bottom no-repeat;
padding-top: 10px;
}

#newest .box-bottom {
width: 177px;
height: 70px;
background: url(img/random-bottom.jpg) left bottom no-repeat;
padding-top: 10px;
}

#random {
width: 177px;
background: url(img/random.jpg) repeat-y;
}

#random img {
clear: both;
margin: 5px 15px 5px 15px;
}

#random a.prodname {
display: block;
color: #000;
font-style: italic;
font-size: 14px;
margin: 10px 0 0 15px;
}

#random span.price {
display: block;
color: #000;
margin-top: 5px;
padding-left: 15px;
}

#random span.price strong {
font-weight: normal;
color: #335E00;
text-decoration: underline;
}

.graf-wrap {
width: 120px;
float: left;
position: relative;
margin-right: 10px;
}

.graf {
background: url(img/graf.jpg) repeat-x;
height: 10px;
}

#voting a {
color: #000;
}

#counter {
margin-top: 30px;
}

#mainimg {
padding: 5px;
border: 1px solid #d5d5d5;
}

#content table#catlist tr td a.button {
display: block;
width: 75px;
_width: 95px;
height: 14px;
padding: 2px 10px;
background: url(img/button.jpg) no-repeat;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
margin-left: 150px;
}

#content table#prodlist tr td a.button {
display: block;
width: 75px;
_width: 95px;
height: 14px;
padding: 2px 10px;
background: url(img/button.jpg) no-repeat;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
margin-left: 150px;
}


#content table#catlist tr td h3 a {
font-size: 14px;
color: #335E00;
font-weight: bold;
}

#content table#prodlist tr td h3 a {
font-size: 14px;
color: #335E00;
font-weight: bold;
}

#choose {
font-weight: normal;
font-size: 14px;
color: #b2b2b2;
margin-bottom: 10px;
}

#content h2#choose strong {
color: #335E00;
}
#content table#catlist img {
float: left;
}

#content table#prodlist img {
float: left;
}

#content table#catlist p {
display: block;
padding-bottom: 5px;
border-bottom: 1px dashed #dbdbdb;
}

#content table#prodlist p {
display: block;
padding-bottom: 5px;
border-bottom: 1px dashed #dbdbdb;
}

#content table#catlist tr td {
border-top: 1px solid #b2b2b2;
padding: 10px;
font-size: 12px;
}

#content table#prodlist tr td {
border-top: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
padding: 10px;
font-size: 12px;
}

#content table#prodlist {
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}


#content table#catlist tr td.left {
border-right: 1px solid #b2b2b2;
}

#content table#catlist tr.last td {
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}

#content table#catlist tr td p span {
color: #b2b2b2;
}

#content table#catlist tr td p span strong {
display: block;
font-size: 16px;
color: #335E00;
text-align: right;
}

#content table#prodlist tr td strong {
display: block;
font-size: 16px;
color: #335E00;
}

textarea {
width: 240px;
}

.order_table_head         { background-color: #92C9F2; text-align: center; height: 20px; }
TD.order_table_head       { border-right: 1px solid #B3D8EE }
.order_table_data_odd     { background-color: #D7E9F7; }
.order_table_data_even    { background-color: #F3F8FB; }
TD.order_table_data       { padding: 5px; border-right: 1px solid #B3D8EE; text-align: right; }
.order_table_footer       { background-color: #EBF4F9; text-align: right; height: 20px; padding: 5px; }
.order_table_footer_light { background-color: #FFFFFF; text-align: right; height: 20px; padding: 5px; }

ul li.sub a {
background: none;
margin-left: 10px;
list-style-type: disc;
padding: 0;
color: #335E00;
font-size: 11px;
}

ul li.sub a:hover {
background: none;
color: #000;
}

ul li.sub{
margin: 0;
}

#random h3.hidden {
display: block;
width: 177px;
height: 43px;
visibility: visible;
background: url(img/randomh3.jpg) no-repeat;
}

#random h3.hidden span {
visibility: hidden;
}

#newest h3.hidden {
display: block;
width: 177px;
height: 43px;
visibility: visible;
background: url(img/newesth3.jpg) no-repeat;
}

#newest h3.hidden span {
visibility: hidden;
}

.descr {
width: 100px;
float: right;
}

input.submitsearch {
color: #fff;
background: url(img/submitsearch.jpg) left bottom no-repeat;
border: 0;
width: 44px;
height: 20px;
padding: 0;
font-size: 11px;
text-align: left;
padding: 0 0 0 2px;
cursor: hand;
cursor: pointer;
}

h4 {
font-weight: normal;
font-size: 13px;
}

.produktr {
border-bottom: 1px solid #b2b2b2;
}

.pricemagenta {
color: #337200;
font-size: 16px;
}

.inputprice {
width: 25px;
margin: 0 5px;
}

.inputsrch {
width: 100px;
}

h1 {
color: #44811A;
font-size: 20px;
}

h3#rnews {
width: 175px;
height: 36px;
background: url(img/novinky.jpg) no-repeat;

}

h3#rnews span {
visibility: hidden;
}

#voting {

}

form {
font-size: 13px;
}

#footer {
height: 50px;
margin: 0px 0;
background: url(img/footer.jpg) repeat-x;
width: 100%;
line-height: 30px;
padding: 10px 50px;
color: #a2a2a2;
}

span.wg a {
color: #458da5;
}

span.wg a img {
position: relative;
top: 3px;
}

span.wg {
float: right;
margin-top: -50px;
}

#odkazy a, #odkazy{
color: #A2A2A2;
}

#odkazy hr {
height: 1px; 
color: #A2A2A2; 
background-color: #A2A2A2; 
border: 0px solid #A2A2A2;
}





.product_show_avail  { font-size: 11px; font-weight: bold; color: blue; }
.tekst10   { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: bold; color: #000000; text-decoration: none; }

.hr              { width: 100%; height: 1px; background-color: #A6A6FF; }

_.product_show_comm	 { text-decoration: line-through; color: black; font-weight: bold;  font-size: 11px; }
_.product_list_foto	 { padding: 5px 0px 4px 0px; border-bottom: 1px solid #A6A6FF; vertical-align: top; }
_.product_show_table  { margin-left: 3px; }
_.product_show_foto	 { border: #A6A6FF 1px solid; margin-right: 5px;}





Thickbox
*/
#TB_window { font: 12px Tahoma, Lucida Grande CE, lucida, sans-serif; color: #333333; font-weight: bold; }
#TB_secondLine { font: 11px Tahoma, Lucida Grande CE, lucida, sans-serif; color:#666666;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 0px; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_overlay { /* ie6 hack */  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }