html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #DC9D4B url(../images/body-bckg.gif) repeat-x left top;  font: 1em Arial, Verdana, 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; }
.scont { margin: 3px 0; }
.imgcont { padding: 5px; background: #E0E0E0; margin: 15px 10px 5px 0; }

.upper { text-transform: uppercase; }
.arial { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
.georgia, #left h3, #popup h3 { font-family: Georgia, serif; }
.tahoma, #left .menu, button, #popupclose, #content a.imgbtn, #topnavig { font-family: Tahoma,Geneva,Arial,Helvetica,sans-serif; }

.red { color: red; }

input, select, label { vertical-align: middle; }
input, select, textarea { border: 1px solid black; }

.nostyle, ul.errors, ul.notice, #left .menu, #left .menu ul, #webs { list-style: none; }

h1 a img, #content .catmenu a img { border: 0; }

#pagebody { height: 100%; min-height: 100%; position: relative; }
body>#pagebody { height: auto; }

#container {text-align: left; margin: 0 auto; position: relative;  background: transparent url(../images/container-bckg.gif) repeat-y center top; }
#main-content { background: url(../images/content-top.jpg) no-repeat center top; margin: 0 1px; padding: 46px 0 50px 0; }

#container, #footer { width: 902px; }
#container, #left {  padding-bottom: 246px; }

/* top */
#top { height: 194px; background: url(../images/top-photo.jpg) no-repeat left bottom; position: relative; }
h1 { position: absolute; margin: 45px 0 0 20px; }
h1 a { position: relative; display: block; width: 160px; }


.toppanel { color: #401E11; font-family: Tahoma,Geneva,Arial,Helvetica,sans-serif; font-size: .75em; width: 200px; position: absolute; right: 2px; top: 2px; z-index: 100; }
.second { right: 206px; }
.toppanel .button { display: block; height: 11px; background: url(../images/toppanel-bottom.gif) no-repeat left top; }
.toppanel .up { background-position: left bottom; }
.toppanel .cartinfo, #searchform { background: #DC9D4B url(../images/toppanel-bckg.gif) no-repeat left top; height: 19px; padding-top: 3px; /*margin-bottom: 3px;*/ }

#topmenu, #cartpanel { background: #DC9D4B; }

.toppanel .linkcont { background: url(../images/toppanel-downline.gif) no-repeat center top;  }

.toppanel .cartinfo { padding-left: 4px; font-size: .9em; font-weight: bold; }
#top .cartinfo a { background: url(../images/button-cart.gif) no-repeat left top; display: block; height: 15px; padding: 1px 5px 0 28px; text-decoration: none; color: white; }
#top .cartinfo a:hover { background-position: left bottom; color: black; text-decoration: underline; }
.toppanel a { color: #401E11; }
.toppanel a:hover { color: black; }

.toppanel li, .toppanel .cntrl { background: #DC9D4B url(../images/toppanel-line.gif) repeat-x left top; margin: 0 5px; padding: 5px 0; }

#searchform { position: relative; }
#pagebody #searchform input, #searchform button { position: absolute; top: 3px; }
#searchform button  { background: url(../images/button-topsearch.gif) no-repeat left top; width: 22px; height: 16px; right: 4px; }
#pagebody #searchform input { width: 162px; font-size: 10px; padding: 0; left: 4px; }

#cartlist li { font-size: .9em; position: relative; }
#cartlist .img { float: left; margin-right: 4px; }
#cartlist .info { margin-left: 36px; }
#cartlist .rem { background: url(../images/button-clremove.gif) no-repeat right top; position: absolute; right: 0; bottom: 5px; width: 16px; height: 16px; }
.toppanel .loader { background: url(../images/ajax-loader.gif) no-repeat center center; height: 16px; }

.topakce { position: absolute; right: 1px; bottom: 4px; width: 142px; height: 163px; background: url(../images/discount-bckg.jpg) no-repeat left top; }
.topakce a { display: block; width: 100%; height: 86px; margin-top: 77px; }

#topnavig { position: absolute; top: 187px; left: 230px; background: url(../images/topnavig-bckg.gif) repeat-x left top; height: 28px; }
.wizard #topnavig { left: 10px; }
#topnavig li { float: left; padding: 7px 0 4px 12px; height: 28px; font-size: 11px; }
#topnavig li.first { background: url(../images/topnavig-left.gif) no-repeat left top; }
#topnavig li.last { background: url(../images/topnavig-right.gif) no-repeat right top; padding-right: 6px; }

#topnavig a { display: block; color: white; font-weight: bold; text-decoration: none; background: url(../images/topnavig-div.gif) no-repeat right top; padding-right: 12px; }
#topnavig li.last a { background: none; }
#topnavig a:hover { color: #DC9D4B; }

/* content */
#content { float: right; width: 650px; padding: 0 20px; }

#content h2 { font-family: "Georgia", Arial, Verdana, Geneva, Helvetica, sans-serif; margin-bottom: 20px; }

#content .banner { background: #FFD399 url(../images/content-header-bottom.gif) no-repeat left bottom; color: #9D3602; font-size: .92em; }
#content .banner span { background: url(../images/content-header-top.gif) no-repeat left top; display: block; padding: 4px 6px; }

#content .lineup { background: url(../images/content-line-up.gif) no-repeat center bottom; padding-bottom: 6px; }
#content .linedown { background: url(../images/content-line-down.gif) no-repeat center top; padding-top: 6px; }

#content .showed, #content .pager { font-size: .8em; margin: 15px 0; }
#content .breadcrumbs { font-weight: bold; font-size: .75em; margin: 10px 0 30px 0; }
#content .showed { float: left; margin: 0; }
#content .pager { color: #9C3400; }
#content .info { background: url(../images/ico-info.gif) no-repeat left center; padding-left: 20px; }

/* pagetext */
#content .textpage { margin: 0 5px 20px 5px; font-size: .8em; }
#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 { margin-top: 30px; }

#content a { color: #9C3400; }
#content a:hover { color: black; }
#content a img { border: 1px solid #9C3400; }
#content .imgcont a img { border: 0; }

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

#content .textpage h3 { font-size: 1.5em; }
#content .textpage h4 { font-size: 1.4em; }
#content .textpage h5 { font-size: 1.3em; }
#content .textpage h6 { font-size: 1.2em; }

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

#content .page-group { margin-bottom: 40px; }
#content .page-group .date { font-weight: bold; font-size: .8em; margin-top: 2px; }
/* left */
#left { float: left; padding-left: 15px !important; width: 190px !important; padding-left: 8px; width: 197px; }

#left .panel { background: url(../images/left-header-top.gif) no-repeat right top; padding-top: 5px;  font-size: .9em; margin-bottom: 20px; }
#left h3 { background: url(../images/left-header-bottom.gif) no-repeat right bottom; color: white; padding-bottom: 20px; font-size: .9em; }
#left h3 span { display: block; background: #220D00; padding-left: 10px; margin-left: 0  !important; margin-left: 7px; }

#left .menu { margin-left: 1px !important; font-weight: bold; font-size: .85em; margin-right: 10px; }

#left .menu li a, #left .menu li span { display: block; }

#left .menu li a, #left .cmenu li { color: black; text-decoration: none; background: url(../images/menu-item-bckg.gif) no-repeat left bottom; padding-left: 4px; width: auto !important; width: 150px; }
#left .menu li a.active, #left .menu li a:hover { color: #632C18; background-image: url(../images/menu-item-bckg-active.gif); }

#left .menu li span { background: url(../images/menu-l1-bullet.gif) no-repeat left center; padding: 5px 5px 5px 14px; }
#left .menu li a.active span { background-image: url(../images/menu-l1-bullet-active.gif); }

#left .menu li li a { padding-left: 24px; background-image: url(../images/menu-l2-item-bckg.gif); }
#left .menu li li a.active, #left .menu li li a:hover { background-image: url(../images/menu-l2-item-bckg-active.gif); }

#left .menu li li span { background-image: url(../images/menu-l2-bullet.gif); }
#left .menu li li a.active span { background-image: url(../images/menu-l2-bullet-active.gif); }

#left .menu li li li a, #left .menu li li li a:hover { padding-left: 36px; background-image: none; }
#left .menu li li li span { background-image: url(../images/menu-l3-bullet.gif); }

#left .imenu li a { background-image: url(../images/imenu-item-bckg.gif); }
#left .imenu li a.active, #left .imenu li a:hover, #left .cmenu li { background-image: url(../images/imenu-item-bckg-active.gif); }
#left .imenu li span { background-image: url(../images/imenu-l1-bullet.gif); }
#left .imenu li a.active span { background-image: url(../images/imenu-l1-bullet-active.gif); }
#left .imenu li li a { background-image: url(../images/imenu-l2-item-bckg.gif); }
#left .imenu li li a.active, #left .imenu li li a:hover { background-image: url(../images/imenu-l2-item-bckg-active.gif); }
#left .imenu li li span { background-image: url(../images/imenu-l2-bullet.gif); }
#left .imenu li li a.active span { background-image: url(../images/imenu-l2-bullet-active.gif); }
#left .imenu li li li span { background-image: url(../images/imenu-l3-bullet.gif); }

#left h4 { font-size: 1em; margin-bottom: 3px;}
#left .cmenu li { margin-bottom: 5px; padding-bottom: 3px; }
#left .cmenu li span { margin-left: 15px; font-weight: normal; padding: 2px 5px 2px 14px; }

/* footer */
#footerbanner { position: absolute; left: 0; bottom: 0; width: 100%; height: 300px; background: transparent url(../images/footer-bckg.gif) repeat-x left bottom; }
#footer { color: #F0D1A8;width: 902px; background: url(../images/footer-top.gif) no-repeat left top; margin: 0 auto; padding-top: 100px; font-size: .7em; position: relative; }
#footer a img { border: 0; }

#footer .fcont { width: 194px; float: left; margin: 10px 20px 0 6px !important; margin-left: 3px; background: url(../images/footer-line.gif) no-repeat right center; height: 90px; }
#fnavig { margin: 10px; height: 30px; }
#fnavig li { float: left; margin: 3px 5px; }
#fnavig a { color: #F0D1A8; }
#fnavig a:hover{ color: white; }
#footer .logos { margin-top: 5px; padding-top: 5px; background: url(../images/footer-hline.gif) no-repeat center top; }
#footer .logos img { vertical-align: baseline; }
.copy { color: #999; font-size: 9px; position: absolute; bottom: -8px; left: 362px; }
/* forms*/
#content fieldset { border: 0; }

form .cont { margin: 0; padding: 7px; }
form .contsp, #wcont .form td.contsp { padding-left: 110px; }
form .cont, #wcont td { background: #EAEAEA; vertical-align: top; }
form .suda, #wcont .suda td { background: #DCDCDC; }

label { font-size: .75em; padding-top: 3px; }
label.required { font-weight: bold; }
label.block { display: block; width: 100px !important; width: 98px; float: left; text-align: right; margin-right: 3px; }

#pagebody input { padding: 2px; font-size: .8em; width: 190px; }
#pagebody input.small { width: 2em; }
#pagebody input.radio { border: 0; width: auto; vertical-align: bottom; }
#pagebody input.required { border-color: #A13600; }

button, #popupclose, #content a.imgbtn { background: #A43500; border: 0; font-size: 11px; color: white; }

#content a.imgbtn, #popup a.imgbtn, #content button.bigimg { color: white; font-weight: bold; font-size: 11px; }

#content button.bigimg, #popup a.finish, .toppanel a.finish { border: 0; background: transparent none no-repeat left top; padding: 6px 0 9px 0; }
#content button.next { background-image: url(../images/button-next.gif); width: 108px; }
#content button.add { background-image: url(../images/button-add.gif); width: 120px; }
#content button.finish { background-image: url(../images/button-finish.gif); width: 160px; }

#pagebody button.hover, #content .cena a.detail:hover, #content a.imgbtn:hover, #popup a.finish:hover, .toppanel a.finish:hover { background-position: right top; text-shadow: #FFFFFF 0 1px 2px ; }

#content a.imgbtn { display: block; background: url(../images/w-btn-next-r.gif) no-repeat right top; text-decoration: none; }
#content a.imgbtn span { display: block; background: url(../images/w-btn-next-l.gif) no-repeat left top; padding: 7px 12px 8px 12px; }

#content a.imgbtn:hover { background-position: right bottom; }
#content a.imgbtn:hover span { background-position: left bottom; }

#content a.backbtn { background-image: url(../images/w-btn-back-r.gif); color: #220D00; }
#content a.backbtn span { background-image: url(../images/w-btn-back-l.gif); }
#content a.backbtn:hover span { color: #66300F; }

#popup a.finish, .toppanel a.finish { display: block; text-decoration: none; width: 140px; font-size: 11px; color: white; padding: 3px 0 4px 0; }
#popup a.finish { margin-top: 20px; background-image: url(../images/button-topfinishw.gif); }
.toppanel a.finish { margin: 2px auto; background-image: url(../images/button-topfinish.gif); }

/* errors */
#popup ul.errors, #popup ul.notice, #content ul.errors, #content ul.notice { margin: 10px 0; background: #F8EBDB; padding: 6px; font-size: .85em; }
ul.errors li, p.error, ul.notice li { background: url(../images/ico-error-white.gif) no-repeat left top; margin: 4px; color: #333; padding-left: 20px; position: relative; }
ul.notice li { background-image: url(../images/ico-notice-white.gif); }

/* carousel */
h3.car { margin-top: 35px; }
.carouselbox, .vcarouselbox { position: relative; margin: 10px 0; border: 1px solid white; }
.carousel, .vcarousel { height: 193px; width: /*153px; */612px; overflow: hidden; margin: 0 auto; position: relative; }
.ccontrol-l, .ccontrol-r, .carouselbox a.prev, .carouselbox a.next { display: block; position: absolute; }

.ccontrol-l, .ccontrol-r { top: 0px; width: 16px; height: 100%; height: 193px; background: url(../images/carousel-left.gif) no-repeat right center; }
.ccontrol-r { background: url(../images/carousel-right.gif) no-repeat left center; right: 0px !important; left: 634px;}

.vccontrol-t, .vccontrol-b { height: 14px; background: url(../images/carousel-top.gif) no-repeat center bottom; text-align: center; }
.vccontrol-b { background: url(../images/carousel-bottom.gif) no-repeat center top; bottom: 0px;}

.carouselbox a.prev, .carouselbox a.next { width: 14px; height: 26px; top: 81px; }
.carouselbox a.prev { left: 1px; background: url(../images/carousel-button-left.gif) no-repeat right top;  }
.carouselbox a.prev:hover { background-position: right top; }

.carouselbox a.next { background: url(../images/carousel-button-right.gif) no-repeat right top; right: 1px; }
.carouselbox a.next:hover { background-position: left top; }

.carouselscroll { width: 2000px; }

.vcarousel { height: 579px; width: 153px; margin: 0 auto; }
.vcarouselscroll { width: 153px; height: 2000px; }

.vcarouselbox { width: 153px; margin: 0 auto; }

.vcarouselbox a.up, .vcarouselbox a.down { height: 14px; width: 26px; display: block; margin: 0 auto; }
.vcarouselbox a.up { background: url(../images/carousel-button-up.gif) no-repeat center bottom; bottom: 0; }
.vcarouselbox a.up:hover { background-position: right top; }

.vcarouselbox a.down { background: url(../images/carousel-button-down.gif) no-repeat center top; }
.vcarouselbox a.down:hover { background-position: left top; }

#content .carproduct { text-align:center; font-size: .75em; height: 193px; width: 153px; background: url(../images/carousel-item-bottom.gif) no-repeat center bottom; }
#content .carproduct h4 { padding: 8px; font-size: .9em; height: 2.8em;  }
#content .carproduct a { text-decoration: none; }
#content .carproduct a:hover { text-decoration: underline; color: black; }
#content .carproduct a img { border: 0; }

#content .carousel .carproduct h4 { background: url(../images/carousel-item-top.gif) no-repeat center top; }
#content .vcarousel .carproduct { background: url(../images/vcarousel-bckg.gif) no-repeat center center; }

/* category */
.catdown, .cat6down { background: #E9E9E9 url(../images/cat-bottom.gif) no-repeat left bottom; padding-bottom: 5px; }
#filter, .catmenu ul, .catup, .cat6up { background: url(../images/cat-top.gif) no-repeat left top; padding-top: 5px; }
.cat6down { background-image: url(../images/cat600-bottom.gif) }
.cat6up { background-image: url(../images/cat600-top.gif) }

.catmenu { margin: 10px 0; font-size: .7em; }
.catmenu ul { height: 150px; padding-left: 10px; }
.catmenu li { width: 180px !important; width: 180px; float: left; margin: 10px; height: 60px; }
.catmenu h3 { font-size: 1.2em; }
.catmenu .img { padding-right: 4px; }

/* news */
#news dl { margin: 15px 0 30px 0; font-size: .9em; }
#news dt { width: 120px; text-align: right;  font-size: .8em; margin-right: 5px; font-weight: bold;}
#news dd { margin: -1.2em 0 15px 135px; font-size: .9em; }
#news dd a { font-weight: bold; }

/* catalog */
#filter { padding: 5px 0 5px 10px; position: relative; background-image: url(../images/filter-top.gif); font-size: .75em; }
#filter fieldset { border:0; padding: 6px 5px 5px 0; margin: 2px 0; }
#filter label { font-size: 1.02em; }
#filter .main { background: url(../images/filter-lupa.gif) no-repeat 5px center;  padding-left: 60px; width: 580px; }
#filter .suda { background: #DCDCDC url(../images/filter-even-bckg.gif) repeat-y left top; margin-bottom: 1px; }
#filter legend { padding: 1px 0; font-weight: bold; color: #666; font-size: .9em; }
#filter select, #filter input { font-size: .92em; }
#filter span { display: block; float: left; margin: 0 3px 5px 0; }
#filter .brandcont { margin-left: 80px; }

#filter button { border: 0; padding: 2px 2px; background: transparent none no-repeat left top;}
#filter button.ad { width: 18px; height: 18px; padding: 0; vertical-align: top; }
#filter .asc { background-image: url(../images/button-asc.gif); }
#filter .desc { background-image: url(../images/button-desc.gif); }
#filter .asc-a { background-image: url(../images/button-asc-a.gif); }
#filter .desc-a { background-image: url(../images/button-desc-a.gif); }

#filter .submit, #enquiry button, form button.send, #popupclose { background: transparent url(../images/button-filter.gif) no-repeat left top; padding: 4px 0 5px 0; font-size: 11px; width: 64px; vertical-align: top; }
#filter .submit, #enquiry button { margin-left: 150px; }
#filter .close { display: block; position: absolute; right: 0; top: 0; }

.fhide { background: url(../images/filter-hbtn-right.gif) no-repeat right top; width: 165px; }
#content .fhide a { background: url(../images/filter-hbtn-left.gif) no-repeat left top; display: block; padding: 4px 4px 5px 4px; font-weight: bold; font-size: .7em; color: #666; text-decoration: none; }
#content .fhide span { background: url(../images/filter-arrow-down.gif) no-repeat left center; margin-left: 5px; padding-left: 15px; }
#content .fhide .down span { background: url(../images/filter-arrow-up.gif) no-repeat left center; }

/* cat produkt */
#content .product { font-size: .87em; margin: 20px 10px 20px 0; position: relative; width: 210px; height: 22.5em; background: white url(../images/product-top.gif) no-repeat left top; }
#content .akce { background-image: url(../images/product-top-a.gif); }
#content .last { margin-right: 0; }
#content .brand { height: 17.3em; }

#content .product h3 { font-size: .9em; height: 2.4em; padding: 10px 10px 15px 10px; margin: 0 0 -5px 0; }
#content .product .img { position: relative; }
#content .product .akceico { position: absolute; background: url(../images/akce-ico.gif) no-repeat left top; width: 37px; height: 37px; right: 6px; top: 2px; }
#content .product p { font-size: .8em; }
#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 { text-decoration: none; }
#content .product a img { border: 1px solid white; }
#content .product a:hover img { border: 1px solid #DEDEDE; }

#content .product .popis { padding: 0 10px; }
#content .product .cena { position: absolute; right: 0; bottom: 0; padding-bottom: 10px; background: url(../images/product-bottom.gif) no-repeat right bottom; width: 100%; }
#content .akce .cena { background-image: url(../images/product-bottom-a.gif); }
#content .brand  .cena { height: 4.5em; }

#content .cena .cenainfo { padding: 3px 5px; background: white url(../images/product-line-down.gif) no-repeat left bottom; height: 35px; }
#content .m18t { margin-top: 1.7em; }
#content .cena .buttons { background: url(../images/product-line-up.gif) no-repeat left bottom; padding-bottom: 8px; }
#content .cena a.detail { display: block; background: url(../images/button-detail.gif) no-repeat left top; color: white; text-decoration: none; padding: 2px 21px 3px 6px; font-size: 11px; height: 12px; width: 27px; margin-left: auto; }
.cena strong { color: #A43500; font-size: 1.2em; }
#content .product .oldcena { margin-bottom: .5em; }

#content p.signs { margin: 15px 0; font-size: .7em; height: 1.5em; }
#content .signs b { display: block; float: left; padding: 0px 4px; margin: 0 3px 3px 0; border: solid #9F3B09; border-width: 1px 1px 1px 5px; white-space: nowrap; color: #9F3B09; }

/* detail */
#pdetail, #addtobasket { width: 275px; font-size: .85em; }
#detailform { margin-bottom: 20px; /*position: relative;*/ }
.foverlay { background: white url(../images/ajax-loader-form.gif) no-repeat center center; position: absolute; z-index:2; right: 5px; top: 0; }

#pdetail table, #addtobasket table { width: 275px; border-collapse: collapse; }
#pdetail table { background: #F4F4F4 url(../images/pdetail-top.gif) no-repeat left top; margin-top: 10px; }
#pdetail th, #pdetail td, #addtobasket th, #addtobasket td { padding: 4px 4px 4px 12px; }
#content .first td, #content .first th { padding-top: 12px; }
#pdetail th, #addtobasket th { font-size: .8em; color: #444; }
#pdetail td, #addtobasket .td2 { padding-left: 0; }
#pdetail .suda th, #pdetail .suda td, #addtobasket .suda th, #addtobasket .suda td, #addtobasket h4 { background: url(../images/pdetail-suda-bckg.gif) repeat-y top left; }
#pdetail .suda td, #addtobasket .suda .td2 { background-position: top right; }

.firstcoll { width: 56%; }

#pdetail table .pricet th, #pdetail table .pricet td { background: white url(../images/pdetail-line-up.gif) no-repeat top left; padding-top: 8px; }
#pdetail table .pricet td, #addtobasket .bottom .td2 { background-position: top right; }

#pdetail table .priced th, #pdetail table .priced td { background: white url(../images/pdetail-line-down.gif) no-repeat bottom left; padding-bottom: 8px; }
#content .brtop th, #content .brtop td { border-top: 1px solid #F4F4F4; }
#pdetail table .priced td, #addtobasket .top .td2 { background-position: bottom right; }

#pdetail .cena strong { color: #A43500; font-size: 1.3em; }
#pdetail .cena th { font-size: 1.05em; color: black; }
#pdetail .gift { background: url(../images/gift-ico.gif) no-repeat 5px top; height: 34px; padding: 23px 0 0 65px; }
#pdetail .priced ul { font-size: .8em; font-weight: bold; margin-left: 8px; }
#pdetail .priced li { margin-bottom: 4px; }
#pdetail small { font-size: .8em; }

#addtobasket { background: #F4F4F4 url(../images/pdetail-bottom.gif) no-repeat left bottom; position: relative; }
#addtobasket h4 { font-size: .85em; padding: 12px 0 8px 12px; }
#addtobasket td { font-size: .9em; }
#content .white td, #content .white th { background: white; }

#addtobasket .top th { background: url(../images/colors-line-up.gif) no-repeat left bottom; padding-bottom: 12px; }
#addtobasket .bottom th, #addtobasket .bottom td { background: url(../images/colors-line-down.gif) no-repeat left top; }
#addtobasket p { margin: 10px; }
#addtobasket label { font-size: 1.05em; }
#addtobasket .cont { background: none; }
#addtobasket .acont { margin: 10px auto; width: 110px; }

#photos { width: 352px; }
#photos a img { border: 0; }

.bookcont { padding: 20px 0; margin-bottom: 20px; }
.bookcont h3, .dphotos h4 { font-size: .9em; color: #666666; }

.bookmark { height: 24px; margin-top: 15px; padding-top: 20px; font-size: .7em; border-bottom: 1px solid #CACACA; }
.bookmark li { float: left; margin: 0 0 0 5px; background: url(../images/pdetail-book-right.gif) no-repeat right top; font-weight: bold; }
#content .bookmark a { display: block; padding: 6px 1.2em 5px 1.2em; text-decoration: none; color: #666; background: url(../images/pdetail-book-left.gif) no-repeat left top; }
#content .bookmark a:hover { color: black; }
.bookmark li.active { border-bottom: 1px solid white; background-image: url(../images/pdetail-book-right-a.gif); }
#content .bookmark li.active a { background-image: url(../images/pdetail-book-left-a.gif); color: #9C3400; }

.dpopis { float: left; width: 370px; }
.dphotos { float: right; width: 250px; padding: 0 0 20px 10px; }
.dphotos h4 { font-size: .8em; margin-bottom: 10px; }
#content .dphotos a img { border: 1px solid #CACACA; }

h4.reac, .odpcont h4 { background: url(../images/user-ico.gif) no-repeat left center; padding-left: 24px; }
h4.reac { font-size: .8em; margin-left: 2px; }
h4.reac span { font-size: .9em; font-weight: normal; margin-left: 5px; }
.reakcecont { padding: 10px; background: white; border: 1px solid #D2D2D2; margin: 3px 0 25px 0; font-size: .8em; }
.reakcecont p { line-height: 125%; }
.odpcont { background: #FAFAFA; padding: 3px; border: 1px solid #EEE; margin-top: 20px; }
.odpcont h4 { background-image: url(../images/admin-ico.gif); margin: 5px 5px 15px 5px; }
.odpcont p { margin: 5px; }

.others { background: url(../images/content-line-up.gif) no-repeat left top; padding-top: 20px; }

/* wizard */
#wizardmenu { background: url(../images/content-line-up.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 20px;  }
#wizardmenu h3 { font-size: 1.05em; margin-bottom: 20px; }
#wizardmenu ul { height: 9em; margin: 0 0 0px 3.5%; }
#wizardmenu li { width: 21%; position: relative; float: left; }
#wizardmenu li.last { width: 11%; }
#wizardmenu li a, #wizardmenu li span { width: 90px; padding-top: 86px; display: block; background-position: center top; background-repeat: no-repeat; text-align: center; font-size: .85em; }
#wizardmenu a, #wizardmenu span { font-size: .9em; }
#wizardmenu li.last a, #wizardmenu li.last span { width: 100%; }
#wizardmenu li span.arrow { padding: 0; margin-left: 20px; width: 42px; background: url(../images/w-next.gif) no-repeat center center; height: 86px; }
#wizardmenu li span.prevnext { background-image: url(../images/w-prevnext.gif); }
#wizardmenu li span.line { border-right: 1px solid #AFAFAF; width: 42px; }

#wizardmenu .step0 { background-image: url(../images/w-step0.gif) }

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

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

#wcont { padding-bottom: 50px; }
#wcont table { border-collapse: collapse; font-size: .8em; width: 100%; margin-bottom: 25px; border: 1px solid #D2D2D2; }
#wcont table.nom { margin-bottom: 0px; }
#wcont a img { border: 0; }
#wcont .brtopw td { border-top: 1px solid white; }
#wcont th, #wcont .gift td { border: solid #D2D2D2; border-width: 1px 0; }
#wcont th { padding: 3px; font-size: .85em; }
#wcont .gift td { background: none; }

#wcont .undrl { text-decoration: underline; }

.cart td { padding: 8px 4px; }
.cart td.img { padding: 3px; }
.cart .brleftw { border-left: 1px solid white; }
.cart ul.gifts { padding-left: 50px; font-weight: bold; background: url(../images/gift-small-ico.gif) no-repeat left top; height: auto !important; height: 30px; min-height: 30px; }
.cart button { background: url(../images/button-recount.gif) no-repeat left top; border: 0; font-size: 11px; width: 78px; padding: 2px 0 4px 0; }
#wcont .cart label { font-size: 1.05em; }

.mb100 { margin: 45px 0; }

.pgifts dl { background: url(../images/gift-grey-ico.gif) no-repeat left top; margin: 5px 0 5px 15px; padding: 0 20px 15px 70px; font-size: .8em; }
.pgifts dd { margin: 0 0 10px 20px; }
.pgifts dt { margin-top: 10px; font-weight: bold;  }

#content #wcont a.pr { color: black; }
#content #wcont a.pr:hover { color: #9C3400; }

#customer { width: 600px; }
#customer h3, #summary h3 { font-size: 1em; padding: 3px; }
#customer h3.mtop { margin-top: 25px;}

#wcont table.form { font-size: 1em; }
#wcont table.form td { padding: 7px; }
#wcont .asnw { font-size: .8em; }
#wcont .ico { margin: 2px 6px 0 0; }

#summary { width: 240px; }
#summary .img { display: block; margin-right: 8px; }
#summary td { padding: 4px; }
#summary td.gifts { padding-left: 58px; }
#summary h3 { border-bottom-width: 0; }

#wcont .total { margin-bottom: 30px; border: 1px solid #A13500; padding: 7px 0; line-height: 200%; font-size: .85em; font-weight: bold; }
#wcont .total big { display: block; margin: 0 auto; }
#wcont .total big, #wcont .tprice { color: #A13500; font-size: 1.3em; }

/* popup */
#popup, #ppoverlay { position: absolute; left: 0; top: 0;  z-index:10000;}
#ppoverlay { background: #333; }
#popup { width: 400px; font-size: .8em; border: 1px solid #522213; background: #FDFDFD; }
#popup h3 { font-size: 1em; background: #522213; margin-bottom: 2px; padding: 5px; color: white; }
#popup #close { padding: 8px 0 6px 0; text-align: center; clear: both; border-top: 1px solid #522213; }
#popupclose { display: block; margin: 0 auto; text-decoration: none; }
#popup p, #popup ul.errors, #popup ul.notice { margin: 10px; }
#popup ul.info { margin: 10px 10px 10px 40px; }
#popup .img { margin-right: 5px; }

/* enquiry */
#enquiry .quest { font-weight: bold; margin: 0 10px 0 5px; font-size: .8em; }
#enquiry form { margin: 0 15px 0 5px; }
#enquiry form ul { padding: 5px; font-size: .9em; }
#enquiry form li { margin: 6px 0; font-size: .9em; color: black; }
#enquiry .enquiryrow { width: 100%; border: 1px solid black; height: .5em; }
#enquiry .enquiryproc { background: #F63; height: .5em; width: 0%; }
#enquiry button { margin: 0; }

/* tooltip */
#tooltip { position: absolute; z-index: 3; background: yellow; border: 1px solid black; padding: 5px; }

/* webs */
#webs { position: absolute; right: 8px; top: 0px; width: 50%; left: 8px; top: 1px; }
#webs li { float: left; margin-right: 12px; }
#webs a { color: white; text-decoration: none; font-size: .7em; }
#webs a img { border: 0; margin-right: 2px; vertical-align: bottom; }

/*fulltext*/
.fulltext, .fulltext .item { margin: 20px 0; }
.fulltext h3 { font-size: .95em; }
.fulltext .img { margin-right: 10px; }
#content .fulltext .img a img { border: 0;}