html {
scrollbar-base-color: #2e2e2e;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #020202;
scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: #ccc;
scrollbar-3dlight-color: black;
}
*
{
	outline: none;
}
body {background:#cacaca url(/images/bg.jpg) repeat-x; margin: 0px;font: 12px/18px "Lucida Sans Unicode",Arial,verdana; color: #000;}
img {border: 0}
h1 {margin: 0 0 10px 0; position:relative; left:-1px; font: 18px "Lucida Sans Unicode",Arial,verdana; color: #000;}
h2 {margin: 0 0 10px 0; font: 16px "Lucida Sans Unicode",Arial,verdana; color: #000;}
h3 {margin: 0 0 5px 0; font: 18px "Lucida Sans Unicode",Arial,verdana; color: #fff;}
h4 {margin: 0 0 5px 0; font: bold 12px "Trebuchet MS",Arial,verdana; color: #950916;}
h1#product {margin: 0 0 10px 0px}

p, form, img {padding:0; margin:0; border: 0}

a{color: #00f; text-decoration: none}
a:hover{color: #00f; text-decoration: underline}

a.catalogue{color: #810f29; text-decoration:none}
a.catalogue:hover{color: #777; text-decoration:underline}
.clear{clear: both}
span{ color: #f00}

#error_box {background-color: #eee;font-size: 14px; line-height: 16px; text-transform: uppercase;color: white;font-weight: bold;padding: 10px;text-align: center; margin:0 0 10px 0; color: #f00}

#top {position: absolute; left: 250px; top: -100px; margin: 0; padding: 0; list-style: none; color: #fff; font-size: 10px}
#top li {padding: 0 0 0 15px; float:left}
#top p { padding: 0; margin: 0; clear:both}
#top a {color: #aaa; padding: 1px 3px}
#top a:hover {color: #fff;}
#top span a {text-decoration: none}
#top input{ border: 1px solid #9c9c9c; width: 98px; height: 14px; margin: 0 0 1px 0}
#top dl {margin: 0; padding: 0; width:160px}
#top dd {margin: 0; padding: 0; float: left;}
#top dt {margin: 0; padding: 0; float: left; width: 40px}
#top .clear { border: none; padding-top: 0}
#login { position: absolute; top: 40px; left: 65px; line-height: 17px;}

#logo {position:absolute; top: -115px; left: 15px;}
#container {width: 780px; margin: 140px auto 0px auto; background: white; position: relative;}

#banner1 {position: absolute; top:0px; left: -127px; width: 120px; height: 100%; min-height: 100%;_height: 100%; background: #020202 url(/images/banners_bg.jpg) repeat-x; _height: expression(this.parentNode.offsetHeight+"px");}
#banner2 {position: absolute; top:0px; right: -127px; width: 120px; height: 100%; min-height: 100%;_height: 100%; background: #020202 url(/images/banners_bg.jpg) repeat-x; _height: expression(this.parentNode.offsetHeight+"px");}
#banner2 img.product {width: 100px; margin: 0px 2px 13px 2px; padding: 0}
#banner2 p{padding: 0; color: #fff; font: 11px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; position: relative; margin: 5px 8px 10px 8px}
#banner2 a {color: white;}
#banner2 a:hover {color: #aaa; text-decoration: none}
#banner2 .new{position:absolute; top: 82px; left: -6px; width: 51px; height:52px; background: url(/images/new.png) no-repeat; display: block}

.banner_head {padding: 10px 5px 40px 27px;}

.news {padding: 5px 8px; color: white; font: 11px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;}
a.more {color: white; float: right; padding-bottom:5px;}
a.more:hover, #banner2 a.more:hover {color: #aaa; text-decoration: underline}
#banner2 a.more {padding-right:10px;}

#search {position: absolute; top: -13px; right: 0px; width: 251px; background: white url(/images/search.gif) no-repeat; padding: 7px 7px 0px 10px; z-index: 99;}
#search input {width: 140px; position: absolute; top: 7px; right: 37px}
#search span{color: #333; position: absolute; top: 8px}
#search .submit {width: 20px; height: 20px; background: white url(/images/search_btn.gif) 50% 50% no-repeat; border: none; cursor: pointer; position: absolute; top: 8px; right: 12px}
/*
#menu {border-bottom: 1px solid red; list-style:none; margin: 0px auto 0px auto; padding: 15px 0px 0px 0px; width: 765px}
*/
#menu {list-style:none; position:absolute; left:7px; top:0px; padding: 15px 0px 0px 0px; width: 765px;}

#menu a { width: 153px; z-index:2; position:relative; float:left; font: 14px "Trebuchet MS",Arial, Helvetica, sans-serif; text-align:center; display: block;text-decoration:none; color:#fff; background-position: right; background-repeat: repeat-y; background-image: url(/images/bgr_prod_list.gif); background-color: #292a29; height: 231px;}
#menu a span {margin-bottom:5px;cursor: pointer;display: block; width: 153px; height: 201px; background-color: white; background-position: right bottom; background-repeat: no-repeat;}
#grad {position:relative; top:0px; background: url(/images/grad.png) bottom repeat-x; height:29px; padding:246px 0 0 0; width: 765px; margin: 0px auto 0px auto;}

#middle {margin: 0px auto 15px auto; width: 765px;}
#middle .col {float:left; width:260px; min-height:160px; _height:160px; padding:0 0 15px 40px;}

#products {margin: 0px auto 0px auto; width: 765px}
/*
.prodPosition{
        position: relative;
        left: -40px;
}
*/
#products p.product {width: 153px; z-index:2; position:relative; float:left; font: 12px/12px "Trebuchet MS",Arial, Helvetica, sans-serif; word-spacing: -1px; text-align:center; display: block;text-decoration:none; color:#fff; height: 225px; cursor:default;}
#products p.product span {padding:0 3px; color: #fff}
#products p.product img {margin-bottom:3px; width: 153px; height: 180px; float:left;}
#products a{text-decoration: none; color: #fff; cursor: pointer}

#action_flash{float: right; width: 210px; height: 240px; margin: 0px 0px 10px 10px; }

#text-catalog {margin: 0 0 0px 40px; width: 720px;}
#product-info {margin: 10px 0 10px 40px; width: 724px;}

#text {margin: 0 0 0px 40px; width: 720px; min-height: 215px; _height: 215px;}
#text p, #text-catalog p {padding-bottom: 8px}

#wine-bottle{float: right; margin: 3px 10px 15px 15px}
#footer {background:url(/images/footer.jpg) repeat-x; height:115px; margin: 0; padding: 0; position:relative}
#phone {float: left; position: absolute; top: 27px; left: 20px}
#contact {font: 11px Arial, Helvetica, sans-serif; color:#fff;float: left; position: relative; top:10px; left: 130px}
#contact a {text-decoration: none; color: #fff}
#footer-left {font: 14px Arial, Helvetica, sans-serif; color:#fff;float: right; position: relative; top:10px; right: 25px}
#footer-left a{text-decoration:none; color:#fff}
#footer-left a:hover{text-decoration:underline;}
.clear{clear:both;font-size:1px;height:1px;line-height:1px;overflow:hidden;}
#forms {}
#forms input, textarea { border: 1px solid #555}
#forms textarea {width: 300px; height: 200px}
#forms input {width: 300px; height: 20px}

#created {position: absolute; bottom: -30px; right: 10px; color: #000; font-size: 11px}
#created a{color: #950916; text-decoration: none}


#reg dl {margin: 0; padding: 0;}
#reg dt{ float:left; width: 150px;  margin: 0; padding: 0;}
#reg dd{ float:left; margin: 0 0px 0 0;padding: 0 20px 0 0; width: 150px;}
#reg dl input { height: 15px; border: 1px solid #9c9c9c; width: 140px}
#reg dl select { height: 17px; border: 1px solid #9c9c9c; width: 142px}
#reg .colL { float: left; position: relative; width:320px; top: 0px; padding: 0; margin: 0}
#reg .colR { float: left; position: relative; width:320px; top: 0px; padding: 0; margin: 0}
#reg .colL .clear, #right .colR .clear  { clear:both; border: none; padding: 0; }

.description {float: left; width: 390px; margin: 0 20px}
#pricebox {background-color: #eaeaea; width: 170px; float: right; font-size: 11px;}
#pricebox h4 {margin: 5px 10px}
#pricebox dl {margin: 0 10px; padding: 0;}
#pricebox dt {float:left; width: 100px;  margin: 0; padding: 0; }
#pricebox dd {float:left; margin: 0; padding: 0; font-weight: bold}
#pricebox input{height: 13px}
#pricebox a {color: #444; float: right; padding-right: 10px}
#pricebox a:hover {text-decoration: underline; color: #888}


.table {border-top: 1px solid white; width: 690px}
.table .table_head {position: relative;        z-index: 20;clear: both;background: #dcdcdc;color: #000; height: 25px}
.table .table_head span {background: #dcdcdc; padding-top: 4px}
.table .table_line {position: relative;        clear: both;margin: 2px 0px; border-bottom: 1px solid #ccc; padding: 0 0 3px 0}

.table a {display: block;color: #868686;cursor: pointer; text-decoration: none; background: white;}
.table a span {        cursor: pointer;}
.table a:hover {text-decoration: none;background: white;}
.table .table_line a.prod {display: block;}

.table span {        display: block; color: #333}

.table .row1 {        position: absolute;        left: 0px;        top: 0px;        width: 55px;        cursor: pointer;}
.table .row2 {        position: relative;        margin-left: 60px;        display: block;        width: 450px;        cursor: pointer;}
.table .row3 {        position: absolute;        margin-left: 495px;        top: 0px;        float: left;width: 100px;cursor: pointer;}
.table .row4 {        position: absolute;        left: 580px;        top: 0px;        float: right;width: 100px;cursor: pointer;text-align: right;}
.cart .row2 {        width: 330px;}
.table .clear {        position: relative;        z-index: 0;        width: 500px;        }
.table a {        position: relative;        z-index: 10;        }

.table .table_head .row1, .table .table_head .row1od, .table .table_head .row1o {        padding-left: 5px;        }
.table .table_head .row3, .table .table_head .row3od, .table .table_head .row4o {        padding-right: 5px;        }

.shop {position: absolute; top: -1px; left: 395px; z-index: 99}
.shop input {width: 11px; border: 1px solid #9c9c9c; height: 13px; padding: 2px 2px 4px 2px}
.shop a {display: inline; background: none; color: #950916 ; font-size: 11px; position: relative; top: 0px}
.shop a:hover { text-decoration: underline; color: #aaa; background: none}


.fin_price {position: relative; left: 300px; width: 370px}
.fin_price dl {margin: 0; padding: 0; }
.fin_price dl.total {background-color: #333}
.fin_price dl.total dd{border-top: 7px solid #333; background: #333; color: #fff}
.fin_price dl.total dt{border-top: 7px solid #333;background: #333; color: #fff}
.fin_price dt {        color: black;background: #eee;        float: left;        width: 270px;        text-align: left; margin:1px 0 0 0; padding: 0; height: 20px; border-top: 7px solid #eee;}
.fin_price dd {        color: black;background: #eee;        float: left;        width: 100px;        text-align: center; margin:1px 0 0 0; padding: 0; height: 20px; border-top: 7px solid #eee;}
.fin_price dd.red {        color: #000;        font-weight: bold;        }
.fin_price dd.clear {        float: none;        clear: both;        background: transparent;margin: 0px;padding-top: 0; border: none; height: 0px; line-height: 0px; font-size: 0px}

.pat {margin: 0; padding: 0;}
.pat dt{ float:left; width: 120px;  margin: 0; padding: 0;}
.pat dd{ float:left; margin: 0;padding: 0 20px 0 0; width: 160px;}
.pat span{ color: #555}
.pat input { height: auto; border: none; width: auto}

.btnGreen, #btnChangeCart, #btnEmptyCart {padding: 1px 5px; background: #333; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; cursor: pointer}
a.btnGreen  {color: #fff; text-decoration: none}
a.btnGreen:hover  {color: #fff; text-decoration: none}

.regbtns { float:right ; display: inline; position: relative; right: 30px;}

.btns input {padding: 1px 5px; background-color:#333; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border: none; cursor: pointer}
.btns a {padding: 2px 5px; background-color:#333; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border: none; cursor: pointer}

/*jednotlive kategorie*/

.cat238 h1, .cat238  h4 {color: #950916}
.cat238 p.product {background: #950916 url(/images/wines_bg.jpg) right bottom repeat-y; }

.cat241 h1, .cat241  h4 {color: #950916}
.cat241 p.product {background: #950916 url(/images/wines_bg.jpg) right bottom repeat-y; }

.cat245 h1, .cat245  h4 {color: #eb3d00}
.cat245 p.product {background: #eb3d00 url(/images/compote_bg.jpg) right bottom repeat-y; }

.cat246  h1, .cat246  h4 {color: #dfde88}
.cat246 p.product {background: #dfde88 url(/images/mushroom_bg.jpg) right bottom repeat-y; }

.cat244 h1, .cat244  h4 {color: #f6a707}
.cat244 p.product {background: #f6a707 url(/images/jam_bg.jpg) right bottom repeat-y; }

.cat250 h1, .cat250  h4 {color: #d03b00}
.cat250 p.product {background: #d03b00 url(/images/meat_bg.jpg) right bottom repeat-y; }

.cat251 h1, .cat251  h4 {color: #eb3d00}
.cat251 p.product {background: #eb3d00 url(/images/compote_bg.jpg) right bottom repeat-y; }

.cat240 h1, .cat240  h4 {color: #ccb618}
.cat240 p.product {background: #ccb618 url(/images/oil_bg.jpg) right bottom repeat-y; }

.cat239 h1, .cat239  h4 {color: #c2bf29}
.cat239 p.product {background: #c2bf29 url(/images/olive_bg.jpg) right bottom repeat-y; }

.cat249  h1, .cat249  h4 {color: #0094dc}
.cat249 p.product {background: #0094dc url(/images/fish_bg.jpg) right bottom repeat-y; }

.cat242 h1, .cat242  h4 {color: #950916}
.cat242 p.product {background: #950916 url(/images/wines_bg.jpg) right bottom repeat-y; }

.cat252 h1, .cat252  h4 {color: #24211d}
.cat252 p.product {background: #24211d url(/images/tech_bg.jpg) right bottom repeat-y; }

.cat247  h1, .cat247  h4 {color: #8c3425}
.cat247 p.product {background: #8c3425 url(/images/sterilized_bg.jpg) right bottom repeat-y; }

.cat248 h1, .cat248  h4 {color: #43b840}
.cat248 p.product {background: #43b840 url(/images/vegetable_bg.jpg) right bottom repeat-y; }


.TextBoxTB,
.TBTextSTextBox,
.TBTextBox,
.TBTextETextBox {
        clear: left;
}

.TextAreaTA,
.TATextSTextArea,
.TATextArea,
.TATextETextArea {
        clear: left;
}

#btnSubmitForm, #btnResetForm { background-color: #333333; color: #fff; border: 1px solid #777; position: relative; left: 163px; margin: 4px 0}
#lista{
  margin: 0px;
  clear: both;
  padding: 15px 0 10px 0;
  text-align: center;
  width: 100%;
}
#lista ul{
  margin: 0px;
  padding: 0px 0px 5px 0px;
  list-style: none;
}
#lista ul li{
  margin: 0px 4px 0px 4px;
  padding: 0px;
  display: inline;
  color: #000;
}
#lista ul li a{
  color: #000;
}

#vine_offer
{
	float: right;
	margin: 0 5px 0 15px;
	text-align: center;
}

#vine_offer a
{
	color: #DC0000;
}