html { background: #919e44; }
body { margin: 0; padding: 0; font-family:  Verdana, Arial, "Trebuchet MS", sans-serif; font-size: 12px; text-align: center; }

a { text-decoration: none; }
a img { border: none; }
p { margin: 7px; }
table, td { font-size: 1em; }

#header { margin: 0 auto; width: 960px; position: relative; height: 250px; text-align: left; z-index: 1; }

#uheader { margin: 0 auto; width: 960px; height: 170px; position: relative; text-align: left; }

#sonline { width: 190px; height: 170px; float: left; background: url(_index/sonline.jpg) no-repeat; }
#sonline a { display: block; width: 190px; height: 170px; }
#sonline a img { border: none; width: 190px; height: 170px; }

#logo { width: 190px; height: 170px; float: right; background: url(_index/logo.png) no-repeat; padding: 0; }
#logo h2 { margin: 0; padding: 0; }
#logo h2 a { display: block; width: 190px; height: 170px; }
#logo h2 a span { display: none; }

#topmenu { position: absolute; left: 190px; top: 0; width: 580px; height: 38px; }
#topmenu ul { margin: 0; padding: 0; }
#topmenu li { list-style-type: none; float: left; display: inline; font-weight: bold; text-align: center; border-right: 2px solid #fff; }
#topmenu a { color: #fff; text-decoration: none; display: block; font-size: 1em; padding: 10px 0 10px 0; background: url(_index/topmenubg.jpg) repeat-x top; text-transform: uppercase; }
#topmenu .li1 a { width: 92px; }
#topmenu .li3 a { width: 70px; }
#topmenu .li4 a { width: 89px; }
#topmenu .li5 a { width: 84px; }
#topmenu .li2 a { width: 132px; }
#topmenu .li6 a { width: 103px; border-right:none; }
#topmenu .li6, #topmenu .li8 { border-right:none; }
#topmenu .li7 a { width: 120px; }
#topmenu .li8 a { width: 115px; border-right:none; }
#topmenu a:hover, #sitemenu li.current a:hover { text-decoration: underline; }
#topmenu li.current a { background-position: center; }
#topmenu li.hidden { display: none; }

#cart { position: absolute; left: 569px; top: 43px; height: 50px; background: url(_index/cart.gif) no-repeat 5px 5px; border-left: 2px solid #677a4d; color: #eee; }
#cart a { display: block; margin: 0; padding: 1px 0 0 66px; font-size: 1.2em; color: #eee; font-weight: bold; }
#cart a:hover { text-decoration: underline; }
#cart a span { margin: 0; padding: 0; font-size: 0.7em; display: block; }
#cart a span.empty { margin-top: 5px; }

#search { position: absolute; top: 38px; left: 190px; width: 379px; height: 60px; }
#search form { margin: 0 0 0 15px; padding: 0; }
#search input { border: 2px solid #71813f; font-size: 1.2em; font-weight: bold; width: 240px; margin: 16px 5px; }
#search input.search, #asearch input.search { width: 75px; height: 24px; border: none; background: url(_index/searchbg.jpg); }

#asearch { position: absolute; top: 98px; left: 195px; width: 570px; height: 62px; border-top: 2px solid #677a4d; }
#asearch form { margin: 10px 0; padding: 12px 0 12px 5px; background: url(_index/asearchbg.jpg) repeat-x; }
#asearch label { font-size: 9px; line-height: 2px; color: #fff; }
#asearch input, #asearch select { font-size: 1em; border: 2px solid #71813f; }
#as_producent { width: 100px; }
#as_cenaod { width: 50px; }
#as_cenado { width: 50px; }
#as_sort { width: 100px; }

#wrap { margin: 0 auto; padding: 0; width: 960px; text-align: left; }

#container { padding-top:0; padding-left:0; padding-right:0; float: right; width: 768px; display: inline; background: #fff; border: 1px solid #677a4d; *width: 770px; }

#content { background: #fff; }
#content div { margin: 7px; }
#content.nomargin div { margin: 0; }

#content h2, div.mainbox_orange h2, div.mainbox_blue h2, #newprod h2, #promo h2 { margin: 0; font-size: 1.2em; color: #fff; background: url(_index/newprodbg.png) no-repeat left top; padding: 10px 30px; text-transform: uppercase; }

div.mainbox_blue h2, #promo h2 { background: url(_index/promobg.png) no-repeat left top; }

#producenci { background: #919e44; }
#producenci h2 { background: #677a4d; color: #fff; font-weight: normal; text-align: center; font-size: 0.9em; margin: 0; padding: 2px; }

#sidebar { width: 190px; float: left; display: inline; margin: 0; position: relative; }

#main_menu h2 { display: none; }
#main_menu ul, #main_menu * ul { list-style: none; margin: 0; padding: 0; }
#main_menu ul li { background: transparent url(_index/sidebarh2bg.png) no-repeat top left; text-transform: uppercase; font-weight: bold; }
#main_menu ul * li { background: none; text-transform: none; }
#main_menu ul li a { display: block; padding: 9px 1px 9px 20px; font-size: 1.3em; color: #fff; }
#main_menu ul ul li a { display: block; padding: 0 1px 0 20px; font-size: 1.1em; color: #fff; *height: 1em; }
#main_menu ul li.current a { background: url(_index/menuhover2.png) no-repeat left center; }
#main_menu ul ul li a:hover { background: url(_index/menuhover2.gif) no-repeat left center; }
#main_menu ul li a:hover { text-decoration: underline; }

#orderhist h2, #manufacturers h2, #newsletter h2 { border-top: 2px solid #fff; background: transparent url(_index/sidebarh2bg.png) no-repeat bottom left; text-transform: uppercase; font-weight: bold; margin: 9px 0 5px 0; padding: 19px 1px 9px 20px; font-size: 1.3em; color: #fff; }
#manufacturers p, #newsletter p { margin: 5px 5px 5px 20px; padding: 0; color: #fff; font-size: 0.9em; }
#newsletter p a { text-decoration: underline; color: #eee; }
#newsletter p a:hover { text-decoration: none; color: #e33; }
#newsletter label { margin: 1px 5px 1px 20px; padding: 0; display: block; color: #fff; font-size: 0.9em; }
#manufacturers select, #newsletter input { border: 2px solid #71813f; font-size: 0.9em; width: 150px; margin: 1px 0 1px 20px; }
#newsletter input.send { margin: 1px 0 5px 52px; width: 75px; height: 24px; border: none; background: url(_index/nl_send.png); }

#orderhist h2 { font-size: 1.1em; }
#orderhist ul { margin: 0; padding: 0; }
#orderhist li { list-style: none; margin: 2px; padding: 0; color: #fff; font-size: 0.8em; }
#orderhist li a { color: #fff; }
#orderhist strong { display: block; text-align: center; }
#orderhist strong a { color: #fff; }
#orderhist li a:hover, #orderhist strong a:hover { color: #f00; }





div.catlist { clear: both; padding: 0 0 7px 0; margin: 0; }
div.catlist p { padding: 0; color: #71813f; font-weight: bold; }
div.catlist ul { padding: 0; margin: 5px; }
div.catlist li { list-style: none; float: left; line-height: 1.5em; padding: 0 .5em; white-space: nowrap; }
div.catlist li a { color: #71813f; }
div.catlist li a:hover { color: #a6371f; text-decoration: underline; }



#new_products { clear: both; }


#specials img, #new_products img { width: 200px; height: 150px; border: none; margin: 5px 0 0 0; }
#specials ul, #new_products ul { margin: 20px 0 0 6px; padding: 0; clear: both; }
#specials li, #new_products li { font-size: 0.9em; font-weight: bold; list-style: none; display: inline; border-right: 2px solid #71813f; float: left; text-align: center; margin: 0 0 20px 6px; padding: 0 6px 0 0; width: 238px; height: 225px; * width: 246px; }
#specials li.noborder, #new_products li.noborder { border-right: none; margin: 0 0 20px 6px; padding: 0; * width: 238px; }
#specials a, #new_products a { display: block; color: #71813f; padding: 5px 0 10px 0; }
#specials a:hover, #new_products a:hover { background: #eee; }
#specials a span, #new_products a span { color: #a6371f; }

#welcome { padding-top:0; padding-left:0; padding-right:0; font-size: 1em; color: #71813f; }


#footer { clear: both; text-align: right; padding: 10px 5px 5px 0; margin: 0 auto; width: 960px; color: #fff; font-weight: bold; }
#footer p { border-right: 2px solid #fff; padding: 2px 5px; font-size: 1em; }
#footer ul { float: right; margin: 0; padding: 0 0 15px 0; }
#footer li { list-style: none; float: left; }
#footer li a { display: block; border-right: 2px solid #fff; color: #fff; padding: 2px 4px; font-size: 0.8em; }
#footer li a:hover { text-decoration: underline; }

del {  }

br.clear { clear: both; margin: 5px; }

h3.dDebug { font-size: 13px; padding: 5px; background: #fff; border: 2px solid #f00; z-index: 100; position: fixed; top: 5px; left: 10px; text-align: left; }

p.plisting { white-space: nowrap; }
#specials p.plisting a, #new_products p.plisting a { display: inline; }
