/* basic elements */
body { background: gray url("../graph/body_bg.gif") top left repeat; padding: 0; margin: 0px; font-size: 12px; }
body, td, input, select, textarea, button { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; }
input, select, textarea, button, a.button { border-top: 1px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #555; }
input[type=radio] { border: none; }

ul { padding: 0; margin: 0; border: 0; }
li { list-style-position: inside; }

p {font-size: 12px; }
form {margin: 0; padding: 0;}
a {color: #3686b7; text-decoration: none}
a:hover {text-decoration: underline}

/* classes */
.clearboth { clear: both; }
.noborder { border: none; }
.obligate { font-weight: bold; color: #D00; }
.warning { color: #C00; font-weight: bold; padding: 2px 5px; }
.notice { background-color: #22C; color: white; font-weight: bold; padding: 2px 5px; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.x-short { width: 2em; }
.short { width: 5em; }
.middle { width: 15em; }
.long { width: 60em; }
.maxwidth { width: 100%; }
.float_left { float: left; }
.float_right { float: right; }
.red { color: red; font-weight: bold; }
.blue { color: blue; }
.orange { background: #FFD20F url("../graph/bg_8.gif") center left repeat-x; }
.button { width: 100px; padding: 2px 10px; margin: 0; border: 1px solid #888; color: black; text-decoration: none; background: transparent url("../graph/button_bg.gif") left center repeat-x; cursor: hand; }
.shortButton { width: 50px; padding: 2px 15px; margin: 0; border: 1px solid #888; color: black; text-decoration: none; background: transparent url("../graph/button_bg.gif") left center repeat-x; cursor: hand; }
A.button { color: black; text-decoration: none; }
.top { vertical-align: top; }
.strike { text-decoration: line-through; }
.innerShadow { background: white url(../graph/bg_input_shadow.gif) top left no-repeat; border: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.line { border: none; border-bottom: 1px solid #AAA; }
.bold { font-weight: bold; }
.large { font-size: large; }
.overflow-hiden { overflow-x: hidden; }
.info { border: 2px solid #aaa; background-color: #eee; padding: 10px; }

.priceCommon { text-decoration: line-through; font-weight: bold; }
.priceEu { font-size: 2em; font-weight: bold; }
.priceRabat { color: blue; }
.category { font-size: 1.5em; }
.big { font-size: medium; }

a img { border: none; }

table.layout { margin: none; padding: none; border: none; }
table.layout td { margin: none; padding: none; border: none; }

INPUT.obligate { background-color: #FBB; color: black; font-weight: normal; }
.onlyprint { display: none; }
.onlyscreen { }
.separator { display: none; }

/* special */
#container { position: relative; width: 800px;  margin: 0 auto; text-align:left; border: 0.1px solid transparent; background: white url("../graph/doc_bg.gif") top left repeat-y; border: 10px solid white; }
#c2 { }
#pageHeader { display: block; position: relative; height: 144px;  background: url("../graph/header.jpg") no-repeat; border-bottom: 1px solid white; padding: 0; margin: 0; }
#logo { display: block; position: relative; height: 144px; margin: 0 190px 0 0; }
#main_page { display: block; position: relative; top: 120px; left: 20px; border: none; }
#navigation { width: 190px; float: right; height: 144px; paddion: 0; margin: 0; background-color: #ECECEC; border-left: 1px solid #EEE; }
#navigation ul { margin: 0; padding: 0; list-style: none; border-left: 1px solid white; background-color: white; }
#navigation li { margin: 0; padding: 0; display: block; text-indent: 0; text-align: left; border-bottom: 1px solid #EEE; line-height: 26px; }
#navigation li.kdojsme { background: url("../graph/ico_svojtka.gif") center right repeat-y; }
#navigation li.jaknakupovat { background: url("../graph/ico_jaknakupovat.gif") center right repeat-y; }
#navigation li.katalog { background: url("../graph/ico_katalog.gif") center right repeat-y; }
#navigation li.kontakt { background: url("../graph/ico_kontakt.gif") center right repeat-y; }
#navigation li.search { background: url("../graph/ico_search.gif") center right repeat-y; }

#navigation li.kdojsme:hover { background: url("../graph/ico_svojtka_active.gif") center right repeat-y; }
#navigation li.jaknakupovat:hover { background: url("../graph/ico_jaknakupovat_active.gif") center right repeat-y; }
#navigation li.katalog:hover { background: url("../graph/ico_katalog_active.gif") center right repeat-y; }
#navigation li.kontakt:hover { background: url("../graph/ico_kontakt_active.gif") center right repeat-y; }
#navigation li.search:hover { background: url("../graph/ico_search_active.gif") center right repeat-y; }
#navigation input.bt_search { background: url("../graph/bt_search.gif") center center repeat-y; }
#navigation input.bt_search:hover { background: url("../graph/bt_search_active.gif") center center repeat-y; }

#navigation a { font-size: 1.0em; display: block; color: black; text-decoration: none; white-space: nowrap; margin-left: 15px }


/* following rule allows entire region of link to to be clickable in ie/win. holly hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navigation a { width: 1%; }



#search { clear: both; background: url("../graph/search_icon.gif") center left no-repeat; }
#search_core { padding: 4px 4px 0 40px; }
#search_core form { vertical-align: middle; }
#search_core table { width: 140px; height: 21px; padding: 0; margin: 0; border-collapse: collapse; }
#search_core #searchStr { height: 21px; border: 0; }
#search_core #searchSubmit { float: right; background: transparent url("../graph/search_submit.gif") no-repeat center middle; border: 1px solid white; cursor:pointer; }
/*#search input.btsearch { background: transparent url("../graph/bt_search.jpg") no-repeat center top; width: 16px; height: 16px; margin: 0px; margin-left: 2px; border: 0px; cursor: pointer; cursor: hand;*/
}

#container2 { padding: 0; }

#leftColumn { float: left; display: block; overflow: hidden; width: 180px; padding: 0; margin: 0; color: white; border-right: 1px solid white; background-color: #ECECEC; }
#leftColumn_core { padding: 0; margin: 0; }

#rightColumn { float: right; display: block; overflow: hidden; width: 190px; padding: 0; margin: 0; }
#rc2 { padding: 0; }

#container #mainColumn { float: right; width: 619px; display: block; padding: 0 0 0 0; margin: 0; background-color: white; }
#container.show-all #mainColumn { float: none; width: 609px; _width: 443px; display: block; padding: 0 0 0 0; margin: 0; border: none; background-color: white; }
#mc2 { padding: 10px; }

.core { margin: 0; padding: 5px 5px 15px 5px; }

#panelCategories { font-size: 0.8em; width: auto; padding: 0; margin: 0; border-bottom: 1px solid white; }
#panelCategories h3 { color: white; background: #900 url("../graph/bg_4.gif") bottom left repeat-x; height: 28px; margin: 0; border-bottom: 1px solid white; }
#panelCategories h3 span { display: block; margin: 0; padding: 5px 0 0 10px; }
#panelCategories ul { margin: 0; padding: 0;}

#panelUser { width: auto; padding: 0; margin: 0; border-bottom: 1px solid white; color: black; }
#panelUser h3 { background: #9CAFD5 url("../graph/bg_2.gif") bottom left repeat-x; height: 28px; margin: 0; border-bottom: 1px solid white; }
#panelUser h3 span { display: block; margin: 0; padding: 5px 0 0 10px; }
#panelUser p { padding: 0 10px; }
#panelUser form { padding: 0; }
#panelUser ul { padding: 0; margin: 0; }
#panelUser li { list-style: square inside url(../graph/li_arrow.gif); margin-bottom: 5px; }
#panelUser li a { color: black; text-decoration: underline; }
#panelUser input { border: 1px solid #aaa; }
#panelUser input.username { width: 90px; border: none; padding-left: 20px; background: white url("../graph/ico16_user.gif") 2px 2px no-repeat; }
#panelUser input.password { width: 90px; border: none; padding-left: 20px; background: white url("../graph/ico16_password.gif") 2px 2px no-repeat; }
#panelUser input.submit { width: 20px; float: right; background: transparent url("../graph/bt16_next.gif") no-repeat center center; border: 1px solid white; cursor:pointer; z-index: 100; }

#panelUser .core form { vertical-align: middle; }
#panelUser .core table { width: 140px; height: 21px; padding: 0; margin: 0; border-collapse: collapse; }
/*#panelUser .core input.btsearch { background: transparent url("../graph/bt_search.jpg") no-repeat center top; width: 16px; height: 16px; margin: 0px; margin-left: 2px; border: 0px; cursor: pointer; cursor: hand;*/
}

#panelQuickBasket { width: auto; padding: 0; margin: 0; border-bottom: 1px solid white; color: black; }
#panelQuickBasket h3 { background: #9CAFD5 url("../graph/bg_2.gif") bottom left repeat-x; height: 28px; margin: 0; border-bottom: 1px solid white; }
#panelQuickBasket h3 span { display: block; margin: 0; padding: 5px 0 0 10px; color: black; }
#panelQuickBasket form { padding: 0; }
#panelQuickBasket table { margin: auto; }
#panelQuickBasket table th { background-color: #9CAFD5; color: white; text-align: center; }
#panelQuickBasket input { border: 1px solid #aaa; text-align: center; }
#panelQuickBasket input.pct { width: 60px; border: none; }
#panelQuickBasket input.q { width: 60px; border: none; }
#panelQuickBasket input[type=submit] { width: 60px; float: right; cursor:pointer; z-index: 100; }




#panelBanner { width: auto; padding: 0; margin: 0; border-bottom: 1px solid white; }
#panelBanner h3 { background: #9CAFD5 url("../graph/bg_1.gif") bottom left repeat-x; height: 28px; margin: 0; border-bottom: 1px solid white; }
#panelBanner h3 span { display: block; margin: 0; padding: 5px 0 0 10px; }
#panelBanner .core { text-align: center; }
#panelBanner img { margin: 5px auto; }

#pageFooter { clear: both; background: #900 url("../graph/bg_4.gif") bottom left repeat-x; color: white; padding: 6px 30px; _padding: 6px 30px 6px 30px; text-align: right; font-size: 1em; border-top: 1px solid white; }
#pageFooter p {margin:0; font:80%/170% verdana,sans-serif}
#pageFooter a {color:#999}
#pageFooter a:hover {color:#000}
#pageFooter a:link, #footer a:visited { margin-right: 20px; }
#pageFooter:after {content:"."; display: block; line-height:1px; font-size:1px; visibility:hidden; clear:both}

#user th { background-color: #EEE; padding-left: 20px; }
#user input { font-size: 1em; border: 1px solid #999; }

#shop_order { background-color: white; }
.o2 { margin: 0 auto; }
#shop_order table caption { text-align: left; padding: 5px 10px 2px 10px; font-weight: bold; color: black; background-color: #CCF; margin: 10px 0 1px 0; border-top: 2px solid navy; }
#shop_order tr.fee { background-color:#FAA; }
#ashop_order table { font-size: 1em; border-collapse: collapse; }
#ashop_order thead th { background-color: black; color: white; font-size: 14px; padding: 5px 10px; }
#ashop_order thead td { vertical-align: top; }
#ashop_order tbody th { background-color: #999; color: white; text-align: center; }
#ashop_order tbody td { vertical-align: middle; border-bottom: 1px solid #aaa; }
#ashop_order .summary td { background-color: #ddd; font-weight: bold; padding: 5px 0; }


#panelInfo { width: auto;  padding: 0; margin: 0 0 10px 0; padding-bottom: 10px;  }
#panelInfo h3 { background: url("../graph/lm_informace.gif") 0 -1px no-repeat; width: auto; height: 25px; margin: 0; padding: 5px 0 0 10px; }
#panelInfo ul { padding: 0 10px; }
#panelInfo li { list-style: square inside url(../graph/list_dot.gif); margin-bottom: 5px; }
#panelInfo li a { color: white; text-decoration: none; }

/* =Structure
----------------------------------------------- */

#pageMain { float:right; width: 640px; padding: 0 0 50px 0; margin: 0; background: white url("../graph/footer_bg.jpg") bottom left no-repeat; }
/* Overcome stupid 3px margin bug in IE/Win floats,
which fixes a lot of things, including disapearing company nav,
randomly appearing text, and wrappers pushed too wide.
http://www.positioniseverything.net/explorer/threepxtest.html */
* html #content { margin-right:-3px; }


h3 { font-size: 12px; }

#pageLeft {float:left; width:140px;}
#pageLeft h3 {font-size: 12px; color: white; padding: 5px; margin: 0 0 5px 0; background-color: gray; }

div.catalog { padding: 0px; }


h1 { margin: 0; font-size: 2em; border-bottom: 1px solid #DDD; margin-bottom: 10px; padding: 0 0 0.5em 0; text-align: right; }

div.item { position: relative; font-size: 10px; float: left; display: block; width: 118px; margin: 5px; overflow: hidden; }
div.item h3 { font-weight: normal; font-size: 11px; margin: 0; padding: 0 5px; color: black; border-bottom: #AAA 1px solid; }
div.item h3 A { color: black; text-decoration: none; }
div.item A { border: none; }
div.item .price { text-align: right; margin: 0; font-weight: bold; font-size: 1.4em; color: black; }
div.item .price_small { text-align: right; margin: 0; font-size: 1.3em; color: #aaa; text-decoration:line-through; }
div.item .preview { position: relative; height: 183px; border: none; vertical-align: bottom; overflow: hidden; }
div.item .preview img { border: none; margin: none; text-align: center; }
div.item .preview a.nopreview { display: block; width: 110px; height: 140px; background: transparent url("../graph/nopreview.gif") top left no-repeat; text-decoration: none; }
div.item .preview a.nopreview span { display: block; padding: 7px 13px 10px 7px; font-variant: small-caps; font-size: 1.2em; text-align: center; font-weight: bold; }
div.item .news { position: absolute; top: 0; right: 0; }
div.item .action { position: absolute; top: 0; right: 26px; }
div.item div.product-info { }



div.item_resaler { position: relative; font-size: 10px; display: block; width: 140px; background: transparent url("../graph/bg_item2col_white.gif") top center repeat-y; margin: 5px; }
div.item_resaler h3 { font-weight: normal; font-size: 11px; margin: 0; padding: 0 5px; color: black; border-bottom: #AAA 1px solid; }
div.item_resaler h3 A { color: black; text-decoration: none; }
div.item_resaler A { border: none; }
div.item_resaler .price { text-align: right; margin: 0; font-weight: bold; font-size: 1.2em; color: black; }
div.item_resaler .price_small { text-decoration: line-through; text-align: right; margin: 0; font-size: 1em; color: #aaa; }
div.item_resaler .preview { float: left; height: 165px; }
div.item_resaler .preview img { border: none; margin: none auto; text-align: center; }
div.item_resaler .news { position: absolute; top: 0; right: 0; }
div.item_resaler div.it2 { position: relative; margin: none; padding: 5px; overflow: hidden; }
div.item_resaler div.info { float: right; background-color: #eee; }

div.hr { border-top: 1px solid #aaa; height: 1px; width: 100%; }

h3.bazar { color: white; background-color: red; padding: 2px; margin-bottom: 0; font-size: 1em; }
p.bazar { border: 2px solid red; background-color: #faa; padding: 5px; margin-top: 0; }

TABLE.pricelist { border-collapse: collapse; background-color: white;}
TABLE.pricelist TH { background-color: black; color: white; }
TABLE.pricelist TD { border-bottom: 1px solid black; }
TABLE.pricelist TD.noborder { border: 0 }

#panel_login {width: auto; padding: 0; margin: 0; padding-bottom: 10px; }
#panel_login h3 {background: transparent url("../graph/menu_bg_login.gif") top left repeat-y; }

div.pagination { text-align: right; margin: 5px 0 5px -5px; padding: 0 10px; }
div.pagination A { position: relative; top: 6px; padding: 2px 5px 0px 5px; background-color: #FFF; border: 1px solid #DDD; color: black; text-decoration: none; }
div.pagination A:hover { color: navy; }
div.pagination A.actual { color: black; background-color: #DDD; border-bottom-color: transparent; }

div.main_menu { margin: 0; padding: 0; width: auto; }
div.main_menu table { margin: none; padding: none; border: none; }
div.main_menu tr { margin: none; padding: none; border: none; }
div.main_menu td { margin: none; padding: none; border: none; }
div.main_menu ul { margin: 0; padding: 0; }
div.main_menu li { background-color: transparent; list-style: none outside; padding-left: 0; margin: 0; }
div.main_menu li span { padding: 2px 2px 2px 4px; font-size: 1.4em; }
div.main_menu li span:hover { background-color: #565353; }
div.main_menu li span:hover a { color: white; }
div.main_menu li span.selected { background-color: #990000; color: white; }
div.main_menu li span.selected a { color: white; }
div.main_menu li img { padding-right: 4px; padding-left: 4px; }
div.main_menu li.highlight { background-color: transparent; font-weight: bold; }
div.main_menu li span { display: block; padding-left: 0px; }
div.main_menu li li { background-color: transparent; }
div.main_menu li li span { padding-left: 16px; }
div.main_menu li li li { background-color: transparent; }
div.main_menu li li li span { padding-left: 32px; }
div.main_menu li li li li { background-color: transparent; }
div.main_menu li li li li span { padding-left: 48px; }

.tv {}
.tv ul { padding: 0; margin: 0; border: 0; background-color: red; }
.tv li { display: block; background-color: #ddd; padding: 0; margin: 0; border: 0; list-style: none; list-style-position: inside; list-style-type: none; }
.tv li:hover { background-color: #ccc; }
.tv a { margin: 0; padding: 0; border: 0; }

.tv li li a { padding-left: 20px; }
.tv li li li a { padding-left: 40px; }
.tv li li li li a { padding-left: 60px; }
.tv li li li li li a { padding-left: 80px; }



div.product_detail { margin: 10px; font-size: 1em; }

div.product_detail h1 { font-size: 2em; }
div.product_detail p { font-size: 1.2em; text-align: left; }
div.product_detail li { font-size: 1.2em; text-align: left; }
div.product_detail img.preview { float: right; margin: 0 0 10px 20px; }


table.basket { border-collapse: collapse; }
table.basket img { border: 0; }
table.basket tr { border-bottom: 1px solid #ddd; }
table.basket th { background-color: #ddd; }
table.basket tr.total { background-color: #ffc; }

table.form tr td { font-size: 1em; }
table.form td { padding: 2px 10px; }
table.form th { background-color: #aaa; padding: 2px 10px; }


.partPanel { width: 300px; font-size: 1em; padding: none; margin: none; border-bottom: 1px solid white; }
.partPanel h3 { color: white; background: #900 url("../graph/bg_4.gif") bottom left repeat-x; height: 28px; margin: 0; border-bottom: 1px solid white; }
.partPanel h3 a { color: white; }
.partPanel h3 span { display: block; margin: 0; padding: 5px 0 0 10px; }
.partPanel .core { margin: 0; padding: 5px 5px 15px 5px; }

.partPanel ul { display: block; }
.partPanel li { display: block; }

.partTopProducts h3 {  }
.partTopProducts ul { margin: 0; padding: 0; list-style: square inside url(); }
.partTopProducts li { overflow: hidden; white-space: nowrap; }

.partNewProducts h3 {  }
.partNewProducts ul { margin: 0; padding: 0; list-style: square inside url(); }
.partNewProducts li { overflow: hidden; white-space: nowrap; }

.partActionProducts h3 {  }
.partActionProducts ul { margin: 0; padding: 0; list-style: square inside url() }
.partActionProducts li { overflow: hidden; white-space: nowrap; }

.partLonelyPlanetProducts h3 {  }
.partLonelyPlanetProducts ul { margin: 0; padding: 0; list-style: square inside url() }
.partLonelyPlanetProducts li { overflow: hidden; white-space: nowrap; }

#status { width: 100%; height: 28px; padding: 0; margin: 0; background-color: #9CAFD5; }
#status .core { display: block; width: 100%; height: 28px; padding: 0; margin: 0; }
#status .core h3 { float: left; display: block; width: 30px; height: 28px; background: #9CAFD5 url("../graph/basket_icon.gif") top left repeat-x; margin: 0; padding: 0; }
#status .core h3 span { display: none; margin: 0; padding: 5px 0 0 10px; }
#status .core p { float: left; margin: 0; padding: 5px 10px; }
#status .core a { color: white; }
#status .mainPage { float: left; background: #900 url("../graph/bg_8.gif") bottom left repeat-x; height: 28px; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid white; overflow: hidden; }

.podminky { padding: 10px; background-color: #FFA; }
.highlight { background-color: #FFA; }


.article ul { list-style-position: outside; margin-left: 1.5em; }
.article ol { list-style-position: outside; margin-left: 1.5em; }
.article li { margin-bottom: 0.5em; }
.article h2 { margin-bottom: 0.8em; }
.article p { margin-bottom: 0.5em; }

table.list th { background-color: #9CAFD5; color: black; }
table.list tr { border-bottom: 1px solid #9CAFD5; }
table.list td { }

#product_similar { display: block; }
#product_similar a { float: left; display: block; height: 160px; width: 110px;  }

#order_navigation li { display: block; width: 199px; float: left; text-align: center; }
#order_navigation li span { display: block; padding: 5px 10px; border: 1px solid #144E8E; margin: 5px; text-decoration: none; }
#order_navigation li span.active { background-color: #144E8E; color: white; }
#order_navigation a { text-decoration: underline; color: #144E8E; }
#order_navigation li span.active a { font-weight: bold; color: white; }