html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #2A2A2A url(../images/body-bckg.gif) repeat left top; font: 1em Verdana, Arial, Geneva, Helvetica, sans-serif; }

.none { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.fright { float: right; }
.fleft { float: left; }
.cont { margin: 10px 0; }
.imgcont { padding: 5px; background: #D4D0C8; margin: 5px; }

.w48p { width: 48%; }
.w20 { width: 20px; }

.arial, #popup { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }

#popup ul, .nostyle, #left ul, #topnavig, #news ul { list-style: none; }
.yellow { color: yellow; }
.white { color: white; }

table, tr, td { border-collapse: collapse; }
.upper { text-transform: uppercase; }

#container { height: 100%; min-height: 100%; position: relative; width: 990px; margin: 0 auto; background: white url(../images/container-bckg.gif) repeat-y left top; }
body>#container { height: auto; }

/* TOP */
#top { height: 250px; margin: 0 5px; background: white url(../images/top-bckg.jpg) repeat-y right top; border-bottom: 40px solid black; }
h1 { height: 250px; background: url(../images/vazka.jpg) no-repeat left top; }
h1 a { display: block; width: 318px; height: 104px; position: absolute; left: 240px; top: 146px; }
h1 a img { border: 0; }

/* CONTENT */
#content { float: right; width: 740px; padding: 20px; border-right: 5px solid black; background: transparent url(../images/content-top.gif) no-repeat left top; font-size: .9em; }
#content h2 { font-family: "Trebuchet MS", Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 15px 0; }
#content h3 { font-size: 1em; }

#content p.bread, #content p.productcount, #content p.pager { font-size: .78em; margin-bottom: 15px; }

#content p.bread { border-bottom: 1px solid black; padding-bottom: 7px; }
#content p.pager { text-align: right; }

#content a { color: black; }
#content a:hover { color: #6C0101; }

#content a img { border: 0; }

#news h3 { font-size: 1.1em; }
#news dl { margin: 15px 0; }
#news dt { width: 180px; text-align: right;  font-size: .8em; margin-right: 5px; color: #6C0101; }
#news dd { margin: -1.1em 0 15px 195px; }
#news dd a { font-weight: bold; }

/* produkt-list */
#filter { font-size: .8em; border: 1px dashed black; padding: 5px; margin-bottom: 15px; }
#filter button { background-repeat: no-repeat; cursor: pointer; /*display: block; float: right;*/ height: 16px; position: relative;  text-decoration:none; top: 0px; width: 16px; background:#FFF url(../images/arrow-asc.png) center top no-repeat; /*margin-right: 5px;*/ border :none; }
#filter button.desc { background-image:url(../images/arrow-desc.png); }
#filter button:hover, #filter button.active { background-position:center bottom; }

#content div.product { font-size: .8em; position: relative; width: 240px; margin-bottom: 10px; height: 21em; background: #FCC779 url(../images/product-bottom.gif) no-repeat right bottom; }
#content .notlast { margin-right: 10px; }

#content .product p { margin: 3px 6px; font-size: .9em; }

#content .product .cena { width: 100%; position: absolute; right: 0; bottom: 0; }
#content .cena p.cenainfo { margin: 3px 0 0 0; padding: .8em; }
#content .cartlink, #content .detail { padding: 4px 8px 4px 8px; color: black; font-weight: bold; text-decoration: none; }
#content .cartlink:hover, #content .detail:hover { text-decoration: underline; }

#content .product h3 { font-size: 1.15em; height: 2.2em; padding: 10px 6px 9px 6px; /*margin: 0 0 -5px 0;*/ background: transparent url(../images/product-top.gif) no-repeat left top; }
#content .product .img { margin: 0 3px 0 3px; position: relative; }
#content .product span.akce { background: url(../images/akce-icon.gif) no-repeat top right; position: absolute; top:0; right:0; width:34px; height:34px;}
#content .product a img { border: 0; }
/*
#content .product a img { border: 1px solid white; }
#content .product a:hover img { border: 1px solid black; }
*/
.cena strong, #pdetail strong big { color: #6C0101; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.45em; }
#content .product .oldcena { margin-bottom: 4px; }

/* produkt-detail */
#mainphoto { float: right; background: black; width: 390px; padding: 5px; }

#pdetail { width: 330px; font-size: 0.78em; }
#pdetail .spec { background: #FCC779; margin-bottom: 10px; }

#pdetail table { width: 92%; margin: 5px auto; }
#pdetail table .first { width: 42%; }
#pdetail th, #pdetail td { padding: 5px; }
#pdetail th { text-align: right; }

#products { border: 1px solid black; }
#products h4 { font-size: 1em; }
#products p { margin: 10px; }

#signs { height: 17px; font-size: 11px; }
#signs span { float: right; display: block;  width: auto !important; width: 100px; background: #F97839 url(../images/state-right.gif) no-repeat right top; margin: 0 3px 0 2px; }
#signs span b { display: block; padding: 3px 10px 1px 10px; background: url(../images/state-left.gif) no-repeat left top; color: #6C0101; height: 16px; }

/* bookmark */
.bookcont { padding: 25px 5px 10px 5px; }
#content .bookcont h3.book { font-size: .9em; margin-bottom: 10px; }

#content ul.bookmark { height: 2.2em; margin-top: 35px; font-size: .8em; visibility: hidden; list-style: none; }
.bookmark li { float: left;  background: #FCC779 url(../images/bookmark-bottom.gif) no-repeat left bottom; width: 152px; margin-right: 5px; }
.bookmark a { display: block; display: block; background: url(../images/bookmark-top.gif) no-repeat left top; height: 23px; padding: 8px 0 0 10px; text-decoration: none; }
.bookmark a:hover, .bookmark a.active { color: #333; }

.bookmark li.active { background-image: url(../images/bookmark-bottom-active.gif); background-color: #F97839}
.bookmark li.active a { background-image: url(../images/bookmark-top-active.gif); }

#komentare h4 { font-size: 0.9em; }
#komentare .reakcecont { padding: 10px; background: white; border: 1px solid #B3B3B1; margin-bottom: 20px; }

.odpcont { background: #FAFAFA; padding: 3px; border: 1px solid #EEE; margin-top: 10px; }
.odpcont p { margin: 10px; }

/* pagetext */
#content .textpage { margin: 0 5px 20px 5px; font-size: .9em; }
#content .textpage p, #content .textpage ul, #content .textpage ol, #content .textpage h3, #content .textpage h4, #content .textpage h5, #content .textpage h6, #content .textpage table { margin: 15px 0; line-height: 1.5em; }

#content .textpage h3, #content .textpage h4, #content .textpage h5, #content .textpage h6 { color: #35322B; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }

#content .textpage p { font-size: 1em; margin: 15px 0; }
#content .imgcont { line-height: 1em; }

#content .textpage h3 { font-size: 1.22em; }
#content .textpage h4 { font-size: 1.08em; }
#content .textpage h5 { font-size: 1.02em; }
#content .textpage h6 { font-size: 1em; }

#content .textpage ul, #content .textpage ol { margin-left: 40px; }
#content .textpage td, #content .textpage th { border: 1px solid #999; padding: 3px 5px; font-size: .95em; }

/* forms */
fieldset { border: 0; margin: 0 5px 15px 0; font-size: .9em; }
select, input, textarea { border: 1px solid #B3B3B1; }
input.radio { width: auto; border: 0; }
input, label, select, button { vertical-align: middle; }
input.small { width: 30px; }

legend { padding: 2px; text-transform: uppercase; color: #666; }
legend.ptop { padding-top: 3px; }

label.block { display: block; float: left; width: 135px; text-align: right; padding: 2px 3px 0 0; }
label.required { font-weight: bold; }
.spamcode { margin-left: 138px; }

input { padding: 1px;}
textarea { font-size: 12px; }
legend input.radio { height: 5px; }
button.img { padding: 0; border: 0; position: relative; background: none; font-size: 1em;  }

/* LEFT */
#left { float: left; width: 195px; margin-top: -40px; border-left: 5px solid black; }

#left h4, #left .cartinfo { background: #D4D0C8 url(../images/menu-head-bottom.gif) no-repeat left bottom; color: black; font-size: .8em; margin-top: 5px; }
#left h4 span, #left .cartinfo span { background: transparent url(../images/menu-head-top.gif) no-repeat left top; display: block; height: 23px; padding: 7px 0 0 5px; }

#left .cartinfo { background: #F0DBBC url(../images/cartinfo-bottom.gif) no-repeat left bottom; }
#left .cartinfo span { background-image: url(../images/cartinfo-top.gif); }

#left .cartinfo a { color: #6C0101; font-weight: bold; text-decoration: none; }
#left .cartinfo a:hover { color: black; text-decoration: underline; }
#left .panel { background: #6C0101 url(../images/left-panel-bottom.gif) no-repeat left bottom; margin-top: 5px; }
#left .panel .top { background: transparent url(../images/left-panel-top.gif) no-repeat left top; }

#left .menu { padding: 12px 5px 5px 5px; }
#left .menu li ul { margin-left: 12px; }
#left .menu a { font-size: .8em; display: block; color: #CAC9C9; padding-left: 20px; margin-bottom: 10px; text-decoration: none; font-weight: bold; }
#left .menu a.active { color: white; background: url(../images/vazka-menu-active.gif) no-repeat left center; }
#left .menu a:hover { background: url(../images/vazka-menu.gif) no-repeat left center; }

#quicksearch { padding: 10px 15px 5px 15px; }
#quicksearch input { width: 100%; }

/* topnavig */
#topnavig { position: absolute; left: 205px; top: 255px; }

#topnavig li { float: left; background: #6C0101 url(../images/menu-item-bottom.gif) no-repeat left bottom; width: 152px; margin-right: 5px; }
#topnavig a { color: white; display: block; background: url(../images/menu-item-top.gif) no-repeat left top; height: 24px; padding: 6px 0 0 10px; text-decoration: none; font-size: .8em; font-weight: bold;  }
#topnavig a:hover { color: #CAC9C9; }

/* wizard */
#wizardmenu h3 { font-size: 1.05em; margin-bottom: 20px; }
#wizardmenu ul { height: 7.5em; margin-left: 5%; }
#wizardmenu li { width: 27%; position: relative; float: left; }
#wizardmenu li.last { width: 13.5%; }
#wizardmenu li a, #wizardmenu li span { width: 50%; padding-top: 50px; display: block; background-position: center top; background-repeat: no-repeat; text-align: center; }
#wizardmenu a, #wizardmenu span { font-size: .9em; }
#wizardmenu li.last a, #wizardmenu li.last span { width: 100%; }
#wizardmenu li span.arrow { padding-top: 20px; font-size: 1.2em; font-weight: bold; color: #333; }

#wizardmenu .step1 { background-image: url(../images/wizard-step1.gif) }
#wizardmenu .step2 { background-image: url(../images/wizard-step2.gif) }
#wizardmenu .step3 { background-image: url(../images/wizard-step3.gif) }
#wizardmenu .step4 { background-image: url(../images/wizard-step4.gif) }

#wizardmenu .step1-active { background-image: url(../images/wizard-step1-active.gif) }
#wizardmenu .step2-active { background-image: url(../images/wizard-step2-active.gif) }
#wizardmenu .step3-active { background-image: url(../images/wizard-step3-active.gif) }
#wizardmenu .step4-active { background-image: url(../images/wizard-step4-active.gif) }

#wizard p, #summary { font-size: .75em; }

#wizard table { border: 1px solid #FCC779; }
#wizard table.cart { width: 100%; font-size: .75em; margin-bottom: 20px; }
#wizard table.trans { width: 90%; margin: 4px 0 0 0; }
#wizard th, #wizard td { padding: 2px; }
#wizard th { background-color: #FCC779; color: black; }
#wizard td { vertical-align: top; }
#wizard tr.licha td { background: white; }
#wizard tr.suda td { background: #FFEBCF; }
#wizard .imgcart { width: 125px; }

.shopback { margin-top: 4px; }
#wizard form.w70p { width: 70%; }
#wizard form a { text-decoration: none; }
#wizard a.remove { text-decoration: underline; font-weight: bold; }

#wizard .confirm { width: 58%; }
#wizard .confirm h3 { font-size: 1.05em; }
#wizard .confirm p, #wizard .confirm h3 { margin: 0 10px 15px 0; }

#summary { width: 28%; float: right; }
#summary table { border: 1px solid #FCC779;  }
#summary h4 { font-size: 1em; margin-bottom: 5px; }
#summary.full { width: 40%; padding-left: 10px; }
#summary.full table { width: 100%; }

/* carousel */
.carouselbox { position: relative; border: 1px solid #F0DBBC; }
.carousel { height: 182px; width: 696px; overflow: hidden; margin: 0 auto; position: relative; border: 1px solid #FCC779; }
/*
#carousel-discount { width: 650px; }
#carousel-action { width: 174px; }
*/
.carousel-control { display: block; position: absolute; top: 77px; width: 16px; height: 16px; background: url(../images/arrow-prev.png) no-repeat left top; }
.carouselbox a.prev:hover { background-position: right top; }

.carouselbox a.next { background: url(../images/arrow-next.png) no-repeat right top; right: 0; }
.carouselbox a.next:hover { background-position: left top; }

.carouselscroll { width: 2000px; }

#content .carproduct { font-size: .65em; width: 174px; float: left; }
#content .carprcont { margin: 3px; background: #FCC779 url(../images/carousel-pr-bottom.gif) no-repeat left bottom; height: 176px; text-align: center; }
#content .carprcont h3 { margin-bottom: 3px; padding: 5px; height: 2.2em; background: url(../images/carousel-pr-top.gif) no-repeat left top; font-size: 1.05em; }
#content .carprcont a { text-decoration: none; color: #6C0101; }
#content .carprcont a:hover { text-decoration: underline; color: black; }

/* popup */
#popup, #ppoverlay { position: absolute; left: 0; top: 0; }
#ppoverlay { background: #333; }
#popup { width: 400px; font-size: .8em; border: 1px solid #B3B3B1; background: #FDFDFD; }
#popup h3 { font-size: 1.2em; text-transform: uppercase; color: black; background: #9A9A9A; margin: 2px; padding: 2px; color: white; }
#popup #close { padding: 3px 0 10px 0; text-align: center; }
#popup #popupclose, #popupclose .cover { width: 56px; height: 16px; margin: 0 auto; }
#popupclose .cover { background-image: url(../images/close-button.gif); }
#popup p, #popup ul.errors, #popup ul.notice { margin: 10px; }
#popup ul.info { margin: 10px 10px 10px 40px; }