/* CSS Document */
* {border: 0; margin: 0; padding: 0;}
body { background: #000; font-family: Tahoma, sans-serif; font-size: 11px; color: #FFF; }

#page { width: 980px; }

#header { background: url(../img/bg-logo.gif) no-repeat top left; height: 130px; position: relative; }
#header div.logo a { position: absolute; top: 45px; left: 30px; width: 160px; height: 60px; display: block; }
#header ul { list-style: none; float: right; padding-top: 95px; }
#header ul li { display: inline; font-size: 80%; padding: 0 10px; margin-right: 10px; }
#header ul li.red { background: url(../img/bullet-red.gif) no-repeat 0 4px; }
#header ul li.yellow { background: url(../img/bullet-yellow.gif) no-repeat 0 4px; }
#header ul li.green { background: url(../img/bullet-green.gif) no-repeat 0 4px; }
#header ul li.blue { background: url(../img/bullet-blue.gif) no-repeat 0 4px; }
#header ul li.pink { background: url(../img/bullet-pink.gif) no-repeat 0 4px; }
#header ul li a { color: #FFF; text-decoration: none; }

#menu { float: left; width: 220px; background: url(../img/bg-menu.gif) no-repeat top left; }
#menu p a { color: #FFF; }
#menu a.selected { font-weight: bold; }
#menu h2 { font-size: 110%; font-weight: bold; padding: 10px 0 7px 40px; }
#menu p { padding: 2px 0 2px 50px; }
#menu p.dotted { padding-bottom: 7px; }
.tabberlive .tabbertabhide { display:none; }
.tabberlive { margin-top: 1em; }
ul.tabbernav { margin-bottom: 50px; padding: 3px 0 0 30px; font: bold 12px Verdana, sans-serif; }
ul.tabbernav li { list-style: none; margin: 0; display: inline; }
ul.tabbernav li a { padding-top: 14px; padding-left: 5px; width: 79px; height: 42px; background: url(../img/bg-tab.gif) no-repeat; display: block; float: left; margin-left: 5px; text-decoration: none; }
ul.tabbernav li a:link { color: #666; }
ul.tabbernav li a:hover { color: #FFF; }
ul.tabbernav li.tabberactive a { color: #FFF; }
.tabberlive .tabbertab { padding: 5px; margin-left: 35px; border-top:0; }
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }
ul.tree { list-style: none; clear: both; }
ul.tree li { background: url(../img/bullet-menu.gif) no-repeat 0 6px; padding: 3px 0 3px 10px }
ul.tree li .selected { color: #FF0000; }
ul.tree li a { color: #fff; text-decoration: none; }
ul.tree ul { list-style: none; }
ul.links { list-style: none; clear: both; border-bottom: dotted 1px #666; margin-left: 40px; padding-bottom: 10px; }
ul.links2 { list-style: none; clear: both; border-bottom: dotted 1px #666; margin-left: 40px; padding-bottom: 10px; }
ul.links li { background: url(../img/bullet-menu.gif) no-repeat 0 6px; padding: 3px 0 3px 10px }
ul.links2 li { background: url(../img/bullet-menu.gif) no-repeat 0 6px; padding: 3px 0 3px 10px }
ul.links li a { color: #ccc; text-decoration: none; }
ul.links2 li a { color: #ccc; text-decoration: none; }
#menu hr {  border-bottom: dotted 1px #666; padding: 10px 0; margin-left: 40px; height: 0; }

#content { float: left; width: 590px; text-align: center; }
#content p a { text-decoration: none; color: #ff9900; }
#content h1 { color: #999; font-size: 150%; text-align: left; padding: 10px; }
#content h2 { color: #999; font-size: 130%; text-align: left; padding: 5px 10px; }
#content h2 a { color: #ff9900; text-decoration: none; }
#content h3 { color: #999; font-size: 110%; text-align: left; padding: 5px 10px; }
#content .hr { background: #191919 url(../img/hr.gif) repeat-x; height: 2px; margin: 0 10px; }
#content a.link { text-decoration: none; color: #ff9900; }
#content p.message { line-height: 1.2em; padding: 8px 10px; }
#content p.info { line-height: 1.6em; padding: 8px 10px; }
#content p.text { line-height: 1.6em; padding: 8px 10px; text-align: left; }
#content ul { text-align: left; margin: 8px 10px 8px 30px; list-style-type: none; }
#content ul li { background: url(../img/bullet-red.gif) no-repeat 0 5px; margin: 1px 0; padding: 0 0 0 10px; }
#content .hr hr { display: none; }
#content .content-header { width: 570px; background: #191919 url(../img/bg-content-header.gif) no-repeat top center; margin: 0 auto; }

#content .product { width: 273px; height: 152px; background: url(../img/bg-product.gif) no-repeat; float: left; margin: 10px 0 0 8px; text-align: left; }
#content .product p { color: #999; }
#content .product p.price { padding: 2px 10px 0 10px; }
#content .product span.price1 {color: #ffcc66; font-weight: bold; }
#content .product span.price2 { color: #ff9900; font-weight: bold; }
#content .product span.price3 {color: #ffcc66; font-weight: normal; }
#content .product div.buy { text-align: right; padding-top: 5px; padding-right: 7px; }
#content .content-product { width: 570px; background: #191919; margin: 0 auto; min-height: 450px; }
#content .product-image { width: 106px; height: 110px; float: left; position: relative; }
#content .product-image img { width: 83px; height: 83px; top: 13px; left: 12px; position: absolute; }
#content .product-name { width: 167px; float: left; }
#content .product-name h2 { padding: 10px 10px 7px 0; font-size: 100%; color: #ff9900; }
#content .product-name h2 a { text-decoration: none; color: #ff9900; }

#content .detail { background: url(../img/bg-detail.gif) no-repeat; height: 150px; border-top: 10px #191919 solid; margin-left: 8px; }
#content .detail p { color: #999; padding-left: 10px; }
#content .detail p.strong { font-weight: bold; }
#content .detail p.price { padding: 2px 10px 0 10px; }
#content .detail span.price1 {color: #ffcc66; font-weight: bold; }
#content .detail span.price2 { color: #ff9900; font-weight: bold; }
#content .detail span.price3 {color: #ffcc66; font-weight: normal; }
#content .detail .buy { text-align: right; padding: 10px 10px 0 0 }
#content .detail .price { padding-top: 10px; }
#content .detail-image { float: left; width: 180px; text-align: left; }
#content .detail-image img { width: 140px; height: 140px; padding: 5px 0 0 17px; }
#content .detail-name { float: left; width: 365px; text-align: left; position: relative; }
#content .detail-name h2 { padding: 5px 10px 7px 10px; font-size: 110%; color: #ffcc66; }
#content .detail-name h2 a { text-decoration: none; color: #ffcc66; }
#content div.desc { padding: 15px 20px 10px 20px; text-align: left; }
#content div.marks { padding: 10px 10px 0 20px; text-align: left; }
#content ul.product-list { list-style: none; margin: 0 10px; text-align: left; }
#content ul.product-list li { background: url(../img/bullet-red.gif) no-repeat 0 5px; padding: 0 0 0 10px; }

#content #search { width: 45%; float: left; padding: 13px 0 10px 10px; }
#content #search div.name1 { float: left; width: 55px; padding: 5px 5px 0 0; font-weight: bold; text-align: right; }
#content #search div.name2 { padding: 2px 5px; margin: 5px 0 0 60px; font-weight: bold; text-align: left; font-size: 0.9em; color: #ffcc66; border-left: 1px solid #ffcc66; }
#content #search div.name2 a { text-decoration: none; color: #ffcc66; }
#content #search div.input1 { float: left; width: 150px; }
#content #search div.input1 input { border: 1px solid #CCC; width: 142px; padding: 2px; }
#content #search div.input2 { float: left; width: 20px; padding-top: 2px; }
#content .producer { width: 50%; float: right; padding-top: 13px; text-align: left; }
#content .content-footer { background: url("../img/bg-content-footer.gif") no-repeat top; height: 81px; }

#content form.reg { margin: 0 auto; padding: 15px 35px; }
#content form.reg fieldset { border: none; margin: 10px 0 0 0; }
#content form.reg legend { border: 0; padding: 5px 5px 0 10px; font-weight: bold; color: #ffcc66; font-size: 120%; }
#content form.reg label { float: left; width: 200px; text-align: right; font-weight: bold; padding: 3px 12px 0 0; margin: 5px 10px 0 0; }
#content form.reg label.required { background: url("../pictures/required.gif") no-repeat top right; }
#content form.reg input { float: left; margin: 5px 0 0 0; }
#content form.reg input.input { border: 1px solid #ccc; padding: 2px; }
#content form.reg input.check { float: none; }
#content form.reg input.add { float: right; }
#content form.reg select { float: left; margin: 5px 0 0 0; padding: 2px; }
#content form.reg textarea { float: left; margin: 5px 0 0 0; border: 1px solid #ccc; padding: 2px; }
#content form.reg .divform1 { float: left; margin: 5px 0 0 0; width: 200px; text-align: right; padding: 0 7px 0 0; font-weight: bold; }
#content form.reg .divform2 { float: left; margin: 5px 0 0 0; width: 200px; text-align: left; }
#content form.reg br { clear: left; }

#content .paging { margin: 10px 10px 5px 10px; font-size: 90%; padding: 5px 5px 5px 0; }
#content .paging a { float: left; display: block; width: 20px; height: 20px; margin-right: 3px; }
#content .paging a.pageSel { padding-top: 3px; display: block; float: left; background: url("../pictures/pagesel.png") no-repeat; color: #666; text-decoration: none; }
#content .paging a.prevPagesList { padding-top: 3px; text-indent: -5000px; background: url("../pictures/pageprev.png") no-repeat; color: #234E8E; text-decoration: none; }
#content .paging a.nextPagesList { padding-top: 3px; text-indent: -5000px; background: url("../pictures/pagenext.png") no-repeat; color: #234E8E; text-decoration: none; }
#content .paging a.pageSel:hover { background: url("../pictures/pagesel2.png") no-repeat; color: #000; text-decoration: none; font-weight: bold; }
#content .paging strong.selectedPage { width: 20px; height: 20px; font-weight: bold; margin-right: 3px; padding-top: 3px; display: inline; float: left; background: url("../pictures/pagesel2.png") no-repeat; color: #000; text-decoration: none; }
#content .paging div.num { padding-top: 3px; }

#content .buttons { padding: 10px 0 5px 0; text-align: center; }

table.tbl-cart input { border: 1px solid #999; padding: 2px; text-align: right; width: 70px; }
table.tbl-cart textarea { border: 1px solid #ACDAF1; padding: 2px; text-align: left; width: 70px; }
table.tbl-cart { margin: 10px auto; border: 0; padding: 4px; text-align: left; font-size: 12px; width: 550px; }
table.tbl-cart th { background: #000; color: #fff; text-align: center; padding: 4px; }
table.tbl-cart th.right { text-align: right; }
table.tbl-cart th.center { text-align: center; }
table.tbl-cart th.left { text-align: left; }
table.tbl-cart td { background: #999; padding: 4px; }
table.tbl-cart td.white { background: #191919; padding: 4px; }
table.tbl-cart td.right { text-align: right; }
table.tbl-cart td.center { text-align: center; }
table.tbl-cart td.left { text-align: left; }
table.tbl-cart td.yellow { background: #ffcc66; color: #000; }
table.tbl-cart th.box { text-align: center; width: 95px; }
table.tbl-cart a { color: #ffcc66; }

/* Diskuze */
.discusse-story { border-bottom: 1px solid #666; margin: 8px 10px 0 10px; }
.discusse-story-head { padding: 5px; background: #000; text-align: left; }
.discusse-story-head a { text-decoration: none; color: #ffcc66; }
.discusse-story-text { padding: 5px; text-align: left; }
.discusse-buttons { padding-top: 8px; text-align: left; }
.discusse-button { text-align: right; padding: 5px; }
.discusse-buttons .left { float: left; width: 130px; text-align: left; }
.discusse-buttons .right { float: right; width: 100px; text-align: right; }
.level-0 { margin-left: 0; }
.level-1 { margin-left: 10px; padding-left: 10px;	}
.level-2 { margin-left: 20px; padding-left: 20px;	}
.level-3 { margin-left: 30px; padding-left: 30px;	}
.level-4 { margin-left: 40px; padding-left: 40px;	}
.level-5 { margin-left: 50px; padding-left: 50px;	}

#rotator { overflow: hidden; position: relative; width: 570px; height: 350px; }

#sidebar { float: left; width: 170px; }
#sidebar h2 { font-size: 130%; color: #FFF; font-weight: bold; padding: 12px 0 7px 0; }
#sidebar ul { list-style: none; margin: 10px 0; padding-bottom: 15px; border-bottom: dotted 1px #666; }
#sidebar ul li { background: url(../img/bullet-red.gif) no-repeat 0 5px; padding: 0 0 0 10px; }
#sidebar div.currency { float: left; width: 50px; text-align: right; padding-right: 7px; }
#sidebar div.currencybutton { float: left; width: 30px; text-align: left; padding-top: 1px; }
#sidebar .img-tip { text-align: center; }
#sidebar .img-tip img { width: 60px; height: 60px; border: 3px solid #999; }
#sidebar .tip { color: #fff; text-align: center; padding-top: 5px; }
#sidebar .tip a { text-decoration: none; color: #fff; }
#sidebar .tip-price { color: #ffcc66; text-align: center; padding-top: 5px; font-weight: bold; }
#sidebar a { color: #ffcc66; text-decoration: none; }
#sidebar input.h { padding: 2px; border: solid 1px #999; width: 75px;}
#sidebar label, input.h { float: left; margin-top: 3px; }
#sidebar label { text-align: right; width: 50px; padding-right: 10px; padding-top: 3px; }
#sidebar .button { padding-top: 7px; }
#sidebar p.register { padding: 2px 0 0 60px;; font-weight: bold; }
#sidebar p.link { color: #ffcc66; padding-top: 8px; }
#sidebar p.price { font-weight: bold; color: #fff; }
#sidebar span.price1 { color: #ff9900; font-weight: bold; }
#sidebar hr {  border-bottom: dotted 1px #666; padding: 10px 0; height: 0; }

.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }