html, body { height: 100%; }
body *, body { margin: 0; padding: 0; }
body { background: #DFDFDF url(../images/body-bckg.gif) 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; }
.imgcont { padding: 5px; background: #EEE6D7; }

.w20 { width: 25px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }

.w40p { width: 40%; }
.w48p { width: 48%; }
.w50p { width: 50%; }
.w75p { width: 75%; }
.w98p { width: 98%; }
.w100p { width: 100%; }

#content h3, #content h4, #content h5, #content h6, #popup,
.arial { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }

.nostyle, ul.errors, ul.notice { list-style: none; }
.yellow { color: yellow; }
.white { color: white; }

table, tr, td { border-collapse: collapse; }

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

#top { height: 145px; background: url(../images/top-bckg.gif) repeat-x left top; margin-bottom: -32px; }
h1 a { display: block; position: absolute; left: 14px !important; left: 13px; top: 8px; height: 107px; width: 200px; background: url(../images/left-top.gif) no-repeat left top; }

/* TOP LANE */
#toplane { position: absolute; right: 5px !important; right: 4px; top: 0; width: 547px; height: 168px; background: url(../images/header.gif) no-repeat right top; }
#cartlane { position: absolute; left: 0; bottom: 10px; width: 539px; background: #C6B595 url(../images/top-lane-bottom.gif) no-repeat left bottom; font-size: .7em; }
#cartlane .up { background: url(../images/top-lane-top.gif) no-repeat left top; }
#cartlane p { padding: 6px 8px; }
#cartlane a.cartinfo { text-decoration: none; /*padding-left: 22px; /*background: url(../images/cartlane-ico.gif) no-repeat left center;*/ color: white; }
#cartlane a.cartinfo span { text-transform: uppercase; }
#cartlane a.cartinfo:hover { color: black; text-decoration: underline; /*background-image: url(../images/cartlane-ico-hover.gif);*/ }

/* LEFT */
#left { width: 200px; float: left; color: #BECDCA; background: #155D51 url(../images/menu-bckg.gif) repeat-y top left; margin-left: 9px !important; margin-left: 4px; padding-top: 10px; margin-bottom: 25px; }
#left .last { padding-bottom: 20px; background: url(../images/menu-bottom.gif) no-repeat left bottom; }
#left p { margin: 3px 21px 10px 21px; font-size: .8em; }

#left h4 { background: url(../images/menu-divider.gif) no-repeat top center; padding: 23px 12px 5px 12px; position: relative; font-size: .8em; }
#left .imgcvr { position: absolute; left: 21px !important; left: 8px; bottom: 0 !important; top: 23px; width: 80%; background-position: bottom left; background-repeat: no-repeat; background-color: #155D51; }
#left .range { background-image: url(../images/menu-title1.gif); }
#left .info { background-image: url(../images/menu-title2.gif); }
#left .shop { background-image: url(../images/menu-title3.gif); }
#left .search { background-image: url(../images/menu-title4.gif); }

#left .menu { margin: 12px 15px 25px 26px; font-size: .8em; }
#left .menu li { margin-bottom: 4px; }

#left .menu a { color: #BECDCA; text-decoration: none; display: block; padding: 2px 0 2px 16px; width: auto !important; width: 143px; background-image: url(../images/menu-bullet.gif); background-position: 2px center; background-repeat: no-repeat; }
#left .menu a.active { color: white; background-image: url(../images/menu-bullet-active.gif);}
#left .menu a:hover { background-color: #BECDCA; color: #333; background-image: url(../images/menu-bullet-hover.gif); }

#left .l2 { margin: 3px 0 10px 15px; }
#left .l2 a { width: auto !important; width: 124px;}

#left h5 { margin: 3px 21px 10px 21px; }

#left input { border: 1px solid #BECDCA; padding: 1px; margin-left: 10px; width: 140px;  }
#left button { background: #BECDCA; border: 1px solid #8A9A97; font-size: .75em; color: #333; padding: 0 2px; }
#left .cont { margin: 0 22px 10px 10px; }

#left a { color: white; }
#left a img { border: 0; }

/* CONTENT */
#content { width: 523px; padding: 30px 8px 0 8px; float: right; margin-bottom: 3em; margin-top: 32px; margin-right: 8px !important; margin-right: 4px; background: url(../images/content-top.gif) no-repeat left top; }

#content a { color: #7C6843; }
#content a:hover { color: black; }
#content a img { border: 1px solid #F6F0E5; }

#content p { font-size: .8em; }

h2 { font-family: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 1.2em; margin: 15px 0; }

#content .breadcrumbs { font-size: .7em; margin-bottom: 10px;}

/* list */
#content .pager { position: relative; font-size: .75em; margin: 15px 0; }
.pager .prev, .pager .next { position: absolute; top: 0; display: block !important; display:none; }
.pager .prev { left: 0; }
.pager .next { right: 0; }

#content div.product { /*font-size: .8em;*/ position: relative; }
#content div.product { margin: 1.1% 1.1% 3% 1.1% !important; margin: 0 .5% 3% .5%; padding-bottom: 4em; width: 250px; height: 20em; background: white url(../images/product-bckg.gif) repeat-y left top; }

#content .product p { margin: .2em .9em; }
#content .product h3 { font-size: .8em; height: 2em; padding: 10px; background: white url(../images/product-top.gif) no-repeat left top; }

#content .product .cenacont { position: absolute; right: 0; bottom: 0; height: 5em; width: 100%; background: url(../images/product-bottom.gif) no-repeat left bottom; }
#content .product .oldcena { font-size: .7em; color: #B6A68A; margin: 3px 0 0 11px; }

#content .product .links { padding: 6px 0; border-top: 1px solid #F6F0E5; position: absolute; left: 0; bottom: 0; width: 230px; }
#content .product .links a { padding: 0 8px 0 22px; }
#content .product .cart { background: url(../images/product-cart-ico.gif) no-repeat left center; }
#content .product .detail { background: url(../images/product-detail-ico.gif) no-repeat left center; margin-right: 10px; }
#content .product .cart:hover { background-image: url(../images/product-cart-ico-hover.gif); }
#content .product .detail:hover { background-image: url(../images/product-detail-ico-hover.gif); }

/* pdetail */
#photos { float: right; margin-top: 15px; padding: 5px; background: #EEE6D7; }

#pdetail { margin: 15px 150px 0 0; font-size: .85em; }
#pdetail th, #pdetail td { border: 1px solid #ECECEC; padding: 4px 10px; font-size: .8em; }
#pdetail th { background: #DDCDA7 url(../images/th-bckg.gif) repeat-x left top; font-size: .78em; border: 1px solid #EADABC;}

#pdetail h3.pr { font-size: 1em; margin-top: 15px; }

#products { font-size: 1em; }
#products label.small { font-size: .8em; }
#content #products button { border-color: #C1BAAD; padding: 2px 0; text-transform: uppercase; font-weight: bold; font-size: .75em; }
#products h4 { font-size: .9em; margin: 10px 5px 5px 5px; }

#products, #content #customer fieldset, #popup, #kontakt { background: white url(../images/form-bottom.png) no-repeat right bottom; border: 1px solid #F6F0E5; }
#content #products fieldset, #content #customer fieldset h3, #popup h3, #content #kontakt fieldset { background: transparent url(../images/form-top.png) no-repeat left top; }

#pdetail .oldcena { font-size: .8em; color: #B6A68A; }

/* textpage*/
#textpage { font-size: .78em; }
#textpage p, #textpage ul, #textpage ol, #textpage h3, #textpage h4, #textpage h5, #textpage h6, #textpage table { margin: 15px 10px; line-height: 1.5em; }

#textpage h3, #textpage h4, #textpage h5, #textpage h6 { color: #35322B; }

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

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

#textpage ul, #textpage ol { margin-left: 40px; }

#textpage td, #textpage th { border: 1px solid #999; padding: 3px 5px; font-size: .95em; }

/* wizard */
#wizardmenu, h3.hwizard, #wizard { font-size: .85em; }
h3.hwizard { margin: 20px 0; }
#wizardmenu { margin-left: 35px; }
#wizardmenu a img { border: 0; }
#wizardmenu a.img { display: block; width: 46px; margin: 0 auto; }
#wizardmenu span { display: block; float: left; width: 8.3em; font-size: .8em; }
#wizardmenu span.arrow { line-height: 45px; width: 3em; }

#wizard.narrow { width: 343px; padding-right: 5px; position: relative; }

#wizard table, #products table { border: 1px solid #F6F0E5; width: 100%; }
#wizard table.m, #products table.m { margin: 5px; width: 97.4%; }

#wizard td, #wizard th, #products td, #products th { padding: 3px; border: solid #F6F0E5; border-width: 1px 0; }
#wizard .notopbr td { border-top: 0; padding-top: 1px; }
#wizard .nobottombr td { border-bottom: 0;  padding-bottom: 1px; }
#wizard th { font-size: .95em; background: #DDCDA7 url(../images/th-bckg.gif) repeat-x left top; }
#wizard td, #products td { background: white; }
#content tr.suda td, #summary { background: #FBF9F4; }

#wizard .okr { background: #EEE6D7; }
#wizard .brleft { border-left: 1px solid #F6F0E5; }

#wizard a img { border: 0; }
#wizard h3, #popup h3 { padding: 10px; font-size: .95em; color: #4F4431; }

#content #customer fieldset { margin-bottom: 25px; padding-bottom: 10px; }

#summary { position: absolute; left: 350px; top: 0; width: 173px; padding-bottom: 30px; font-size: .82em; background: white url(../images/summary-bottom.png) no-repeat right bottom; border: 1px solid #F6F0E5; }
#summary h4 { font-size: 1.05em; color: #4F4431; margin-bottom: 2px; background: transparent url(../images/summary-top.png) no-repeat left top; padding: 6px; }
#wizard #summary table { margin: 0 4px; width: auto; }
#wizard table, #wizard #summary table, #wizard td, #wizard th { border-color: #F6F0E5; }

/* forms*/
#content input, textarea { border: 1px solid #B6A68A; }
input.small { width: 2em; }
#content input.radio { vertical-align: middle; border: 0; }
input.required { border: 1px solid #666; }

label.required { font-weight: bold; }
label.block { display: block; width: 100px; float: left; text-align: right; margin-right: 3px; }
.spamcode { margin-left: 103px; }

button { font-size: .98em; }
#content button, #popup #popupclose, .button { background: #D4CEBE url(../images/button-bckg.gif) repeat-x left bottom; border: 1px solid #D7D1C1; }
#content button[type="submit"] { padding: 2px 5px; }

#popup ul.errors, #popup ul.notice, #content ul.errors, #content ul.notice { border: 1px solid #DDD; margin: 10px 0; background: #EFEFEF; padding: 6px 3px; font-size: .85em; }
ul.errors li, p.error, ul.notice li { background: url(../images/ico-error-white.gif) no-repeat left center; margin: 3px 10px 3px 0; color: #333; padding-left: 28px; position: relative; }
ul.notice li { background-image: url(../images/ico-notice-white.gif); }
#content ul.fsmall { font-size: .6em; }

#wizard a.button, #pdetail a.button, #popup #popupclose { display: block; color: black; text-decoration: none; padding: 2px 5px; }
#wizard label { font-size: .9em; padding-top: 2px; }
#wizard input { vertical-align: baseline; }

#wizard form { margin-bottom: 15px; }
#content fieldset { border: 0; background: #EEE6D7; margin-bottom: 10px;  }

#filter { background: #EEE6D7; padding: 5px; font-size: .75em; margin-bottom: 15px; }
#filter div { margin-bottom: 5px; }
#filter select { font-size: .9em; padding: 1px; }

/* FOOTER */
#footer { position: absolute; bottom: 0; left:0; width: 100%; background: url(../images/footer-bckg.gif) repeat-y left top; font-size: .5em; }
#footer, #footer a { color: #AEA594; }
#footer a { text-decoration: none; }
#footer p { padding: 10px 0 2px 0; background: url(../images/content-bottom.gif) no-repeat right top; margin-right: 13px !important; margin-right: 3px; }

#popup, #ppoverlay, #tthelper { position: absolute; left: 0; top: 0; }
#ppoverlay { background: black; }
#popup { width: 400px; font-size: .8em; border: 1px solid #999; }
#popup h3 { font-size: 1.2em; text-transform: uppercase; color: black; }
#popup #close { padding: 3px 0 10px 0; text-align: center; }
#popup #popupclose { width: 20%; margin: 0 auto; }
#popup p, #popup ul.errors, #popup ul.notice { margin: 10px; }
#popup ul.info { margin: 10px 10px 10px 40px; }

#tthelper p { width: 100px; background: yellow; z-index: 2; border: 1px solid black; }