* { margin: 0; padding: 0; }
html { padding: 0; margin: 0; background: #c7c2bd url(../images/bg.png) repeat-x top; } 
body { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; background: url(../images/bg_page.png) repeat-y top center; }
h1 { color: #074882; padding: 20px 0 10px 0; font-size: 160%; }
h1 span { font-weight: normal; color: #F00; }
a, a:visited { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
hr { color: #ccc; background: #ccc; height: 1px; border: 0; margin: 7px 0; }
img { border: 0; }
fieldset { border: 1px solid #d9d9d9; background: #f8f8f8; padding: 15px; margin: 10px 0; }
form { margin: 0; padding: 0; }


/* Základní rozdělení stránky */
#page { width: 984px; margin: 0 auto; }
#header { background: url(../images/bg_header.png) no-repeat top; height: 155px; position: relative; }
#wraper { float: left; width: 771px; margin-top: 8px; }
#menu { width: 215px; float: left; }
#content { float: right; width: 556px; }
#sidebar { width: 213px; float: right; background: url(../images/bg_sidebar_line_bottom.png) 5px bottom no-repeat; margin-top: 8px; }
#footer { background: url(../images/bg_footer.png) top no-repeat; padding-top: 20px; height: 238px; }

/* Hlavička */
#header .logo { position: absolute; top: 25px; left: 35px; text-indent: -5000px; }
#header .logo a { display: block; width: 330px; height: 75px; }
#header h1 { position: absolute; left: 610px; top: 35px; color: #a1a100; font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
#header h2 { position: absolute; left: 610px; top: 35px; color: #a1a100; font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
#header .hd_login { position: absolute; top: 15px; left: 750px; width: 230px; text-align: right; color: #ccc; }
#header .hd_login strong { color: #000; }
#header .hd_cart { position: absolute; top: 45px; left: 850px; color: #fff; }
#header .hd_cart p { padding-top: 5px; }
#header .hd_cart a { color: #fff; }
#header .topmenu { position: absolute; top: 123px; left: 10px; }
#header .topmenu ul { list-style-type: none; }
#header .topmenu ul li { position: relative; display: inline; float: left; font-weight: bold; }
#header .topmenu ul li a { display: block; padding: 0 15px; color: #434342; text-decoration: none; line-height: 32px; height: 32px; background: url(../images/bg_topmenu.png) right top no-repeat; }
* html #header .topmenu ul li a { /* IE6 hack */ display: inline-block; }
#header .topmenu ul li a:hover {  text-decoration: underline; }
#header .topmenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; background: #d7d4d3; border-top: 1px solid #fff; z-index: 1000; }
#header .topmenu ul li ul li { display: list-item; float: none; padding: 0 0 0 7px; z-index: 1000; }
#header .topmenu ul li ul li ul { top: 0; }
#header .topmenu ul li ul li a { width: 170px; padding: 3px; margin: 0; border-top-width: 0; background: none; line-height: 20px; height: auto; }
#header .topmenu ul li ul li a:hover { background: none; color: #434342; }
#header .search { position: absolute; top: 125px; left: 700px; }
#header .search input.text { padding: 2px 5px; width: 175px; }

/* Hlavní levé menu */
#menu h2.first { background: url(../images/bg_menu_h2.png) no-repeat; color: #fff; font-size: 115%; height: 36px; line-height: 36px; padding: 0 15px; }
#menu h2.next { background: url(../images/bg_menu_h2_1.png) no-repeat; color: #fff; font-size: 115%; height: 36px; line-height: 36px; padding: 0 15px; }
#menu ul { list-style: none; width: 200px; }
#menu ul ul { background: url(../images/bg_menu_item_sub.png) top left repeat-y; font-weight: normal; }
#menu li { color: #fff; font-weight: bold; }
#menu li a { text-decoration: none; display: block; }
#menu li a.shape1 { background: url(../images/ico_shape_01.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape1:hover, #menu li a.shape1_sel { background: url(../images/ico_shape_01_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape2 { background: url(../images/ico_shape_02.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape2:hover, #menu li a.shape2_sel { background: url(../images/ico_shape_02_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape3 { background: url(../images/ico_shape_03.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape3:hover, #menu li a.shape3_sel { background: url(../images/ico_shape_03_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape4 { background: url(../images/ico_shape_04.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape4:hover, #menu li a.shape4_sel { background: url(../images/ico_shape_04_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape5 { background: url(../images/ico_shape_05.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape5:hover, #menu li a.shape5_sel { background: url(../images/ico_shape_05_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape6 { background: url(../images/ico_shape_06.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape6:hover, #menu li a.shape6_sel { background: url(../images/ico_shape_06_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape7 { background: url(../images/ico_shape_07.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape7:hover, #menu li a.shape7_sel { background: url(../images/ico_shape_07_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape8 { background: url(../images/ico_shape_08.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape8:hover, #menu li a.shape8_sel { background: url(../images/ico_shape_08_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape9 { background: url(../images/ico_shape_09.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape9:hover, #menu li a.shape9_sel { background: url(../images/ico_shape_09_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape10 { background: url(../images/ico_shape_10.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape10:hover, #menu li a.shape10_sel { background: url(../images/ico_shape_10_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape11 { background: url(../images/ico_shape_11.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape11:hover, #menu li a.shape11_sel { background: url(../images/ico_shape_11_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape12 { background: url(../images/ico_shape_12.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape12:hover, #menu li a.shape12_sel { background: url(../images/ico_shape_12_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape13 { background: url(../images/ico_shape_13.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape13:hover, #menu li a.shape13_sel { background: url(../images/ico_shape_13_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape14 { background: url(../images/ico_shape_14.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape14:hover, #menu li a.shape14_sel { background: url(../images/ico_shape_14_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape15 { background: url(../images/ico_shape_15.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape15:hover, #menu li a.shape15_sel { background: url(../images/ico_shape_15_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape16 { background: url(../images/ico_shape_16.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape16:hover, #menu li a.shape16_sel { background: url(../images/ico_shape_16_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape17 { background: url(../images/ico_shape_17.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape17:hover, #menu li a.shape17_sel { background: url(../images/ico_shape_17_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape18 { background: url(../images/ico_shape_18.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape18:hover, #menu li a.shape18_sel { background: url(../images/ico_shape_18_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape19 { background: url(../images/ico_shape_19.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape19:hover, #menu li a.shape19_sel { background: url(../images/ico_shape_19_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape20 { background: url(../images/ico_shape_20.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape20:hover, #menu li a.shape20_sel { background: url(../images/ico_shape_20_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape21 { background: url(../images/ico_shape_21.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape21:hover, #menu li a.shape21_sel { background: url(../images/ico_shape_21_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape22 { background: url(../images/ico_shape_22.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape22:hover, #menu li a.shape22_sel { background: url(../images/ico_shape_22_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape23 { background: url(../images/ico_shape_23.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape23:hover, #menu li a.shape23_sel { background: url(../images/ico_shape_23_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape24 { background: url(../images/ico_shape_24.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li a.shape24:hover, #menu li a.shape24_sel { background: url(../images/ico_shape_24_hover.png) top left no-repeat; display: block; height: 38px; line-height: 38px; color: #fff; padding-left: 55px; }
#menu li li { color: #fff; font-weight: normal; padding: 5px 3px 5px 45px; }
#menu li li a { background: url(../images/arrow_menu.png) 0 5px no-repeat; padding-left: 10px; color:#fff; }
#menu li li a:hover, #menu li li a.sel { color: #fff; font-weight: bold; text-decoration: underline; }
#menu .producer { background: url(../images/bg_producer.png) bottom left no-repeat; text-align: center; width: 200px; }

/* Boxíky v levém menu */
#menu .box { border: 1px solid #ccc; background: #f6f5f4; width: 198px; margin: 12px 0; font-size: 85%; }
#menu .box p { margin: 10px; padding: 0; line-height: 1.5em; }

/* Obsah */
#content .content { padding: 0 14px 0 5px; }
.content h2 { color: #6a0564; font-size: 120%; font-weight: normal; }
.content .date { font-size: 90%; color: #4b4b4b; }
.content p { padding: 3px 0; line-height: 1.5em; }
.content img.right { float: right; }

#content .article { padding: 0 14px 0 5px; }
.article h2 { color: #6a0564; font-size: 120%; font-weight: normal; margin: 15px 0 5px 0; }
.article h3 { color: #000; font-size: 100%; font-weight: bold; margin: 10px 0 2px 0; }
.article p { padding: 4px 0; line-height: 1.5em; }

/* Detail výrobku */
.page_nav { padding-top: 10px; }
.page_nav .path { float: left; width: 450px; font-size: 85%; }
.page_nav .path a { background: url(../images/arrow_grey.png) center right no-repeat; padding: 2px 12px 2px 0; margin-right: 3px; color: #666; }
.page_nav .print { float: right; width: 85px; text-align: right; font-size: 85%; }
.page_nav .print a { padding: 2px 20px 2px 0; color: #666; background: url(../images/ico_print.png) center right no-repeat; }
.product_images { float: left; width: 306px; padding-left: 5px; }
.product_big { border: 1px solid #ccc; width: 283px; height: 281px; text-align: center; position: relative; z-index: 1; }
.product_big .marks { position: absolute; top: 8px; left: 0; width: 277px; text-align: right; }
.product_big .marks img { margin-left: 3px; }
.product_color { border: 1px solid #ccc; margin: 9px 9px 0 0; padding: 0; width: 38px; height: 38px; float: left; }
.product_column { float: left; width: 230px; }
.product_column table { width: 100%; }
.product_column table th { text-align: left; padding: 5px 0; }
.product_column .stock1 { color: #4d9401; font-weight: bold; }
.product_column .stock2 { color: #8acd4f; font-weight: bold; }
.product_column .stock3 { color: #F90; font-weight: bold; }
.product_column .stock4 { color: #F90; font-weight: bold; }
.product_column .stock5 { color: #F90; font-weight: bold; }
.product_column .stock6 { color: #F90; font-weight: bold; }
.product_column .stock7 { color: #F00; font-weight: bold; }
.product_column .stock8 { color: #F00; font-weight: bold; }
.product_column .stock9 { color: #8acd4f; font-weight: bold; }
.product_column .price1 { text-decoration: line-through; text-align: right; font-weight: bold; }
.product_column .price2 { color: #004c81; text-align: right; font-weight: bold; }
.product_column .price3 { font-size: 140%; color: #c20000; text-align: right; font-weight: bold; }
.product_column .price4 { color: #c20000; text-align: right; font-weight: bold; }
.product_column .price5 { color: #c20000; text-align: right; }
.product_column .pricetext { font-size: 120%; color: #c20000; text-align: right; padding: 7px 0; }
.product_column .reserve { text-align: right; padding: 7px 0; }
.product_column .reserve a { color: #690665; }
.product_column .count { text-align: right; }
.product_column .count p { font-size: 80%; font-weight: bold; }
.product_column .count input { padding: 3px 5px; text-align: right; width: 40px; font-size: 100%; }
.product_column .buy { text-align: right; width: 165px; vertical-align: bottom; }
.product_column .box { margin: 10px 0; padding: 0; line-height: 1.5em; float: right; border: 1px solid #ccc; width: 198px; }

/* Taby v detailu */
ul.tab_navigation { list-style: none; margin: 0; padding: 0; background: url(../images/bg_tab.png) top left no-repeat; height: 35px; }
ul.tab_navigation li { display: inline; font-weight: bold; }
ul.tab_navigation li a { line-height: 30px; height: 35px; display: block; float: left; cursor: pointer; }
ul.tab_navigation li a .line { line-height: 30px; height: 30px; display: block; float: left; background: url(../images/bg_tabmenu.png) top right no-repeat; padding: 0 15px; }
ul.tab_navigation li a.selected, ul.tab_navigation li a:hover { background: url(../images/arrow_tab.png) center bottom no-repeat; }
ul.tab_navigation li a:focus { outline: 0; }
.tab_content { padding: 20px 0; }
.tab_content h2 { color: #6a0564; font-size: 120%; font-weight: normal; margin: 15px 0 0 0; }
.tab_content h2.video { text-align: center; color: #6a0564; font-size: 120%; font-weight: normal; }
.tab_content h3 { text-align: left; color: #000; text-decoration: none; font-size: 110%; margin: 10px 0 0 0; }
.tab_content h3 a { text-align: center; color: #000; text-decoration: none; font-size: 100%; margin: 0; }
.tab_content p { padding: 3px 0; line-height: 1.5em; }
.tab_content a { color: #690665; text-decoration: underline; }
.tab_content table { margin: 10px 0; }
.tab_content table th { text-align: left; padding: 2px 0; }
.tab_content table td { text-align: left; padding: 2px 0; }
.tab_content .video { text-align: center; padding: 10px 0 20px 0; }
.tab_content .disc_0 { padding-left: 0; }
.tab_content .disc_1 { padding-left: 20px; }
.tab_content .disc_2 { padding-left: 40px; }
.tab_content .disc_3 { padding-left: 60px; }
.tab_content .date { font-weight: bold; font-size: 85%; }
.tab_content .ico { background: url(../images/ico_disc.png) left center no-repeat; padding-left: 50px; }
.tab_content .link { text-align: right; font-weight: bold; }
.tab_content .addcomment { text-align: right; padding-top: 10px; }
.tab_content .name { width: 190px; }
.tab_content .label { font-weight: bold; }
.tab_content input.text { padding: 3px 5px; }

/* Výpis produktů */
.productbox { width: 170px; border: 1px solid #ccc; float: left; margin: 5px; }
.productbox h3 { text-align: center; padding: 10px; font-size: 110%; height: 40px; }
.productbox p { padding: 0; margin: 0 10px; }
.productbox .image { position: relative; }
.productbox .marks { position: absolute; top: 8px; left: 0; width: 160px; text-align: right; }
.productbox .marks img { margin-left: 3px; }
.productbox .lens { position: absolute; top: 153px; left: 150px; text-align: right; }
.productbox .stock1 { color: #4d9401; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock2 { color: #8acd4f; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock3 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock4 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock5 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock6 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock7 { color: #F00; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock8 { color: #F00; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .stock9 { color: #8acd4f; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox .desc { padding: 0 10px; margin: 0; line-height: normal; font-size: 85%; }
.productbox table { width: 160; margin: 10px auto; }
.productbox table td { width: 50%; }
.productbox table td.price { color: #F00; font-weight: bold; }
.productbox table td.button { text-align: right; }

/* Popis kategorie v katalogu */
.category { background: url(../images/bg_category.png) repeat-y; }
.category .category_desc { float: left; width: 305px; margin-left: 10px; }
.category .category_desc h1 { padding-top: 0; }
.category .category_desc a { color: #6a0564; }
.category .subcategory { float: right; width: 170px; }
.category .subcategory ul { list-style: none; }
.category .subcategory ul li { background: url(../images/arrow_grey.png) left center no-repeat; padding: 2px 0 2px 7px; }

/* Lišta pro řazení a stránkování */
.ribbon { background: url(../images/bg_tab.png) no-repeat; height: 30px; }
.ribbon .ordering_box { float: left; width: 45%; padding-left: 8px; }
.ribbon .ordering_box table { height: 30px; }
.ribbon .ordering_box table td { padding: 0 3px; }
.ribbon .paging { float: right; width: 45%; padding-right: 8px; }
.ribbon .paging table { float: right; height: 30px; }
.ribbon .paging table td { padding: 0 3px; }
.ribbon .paging a { padding: 0 3px; }
.ribbon .paging .selectedpageindex { font-weight: bold; padding: 0 3px; }

/* formuláře */
fieldset table { width: 100%; }
fieldset table td { padding: 3px; }
fieldset table td.name { width: 80px; }
fieldset table td.name1 { width: 130px; }
fieldset table td input.text1 { padding: 1px 3px; width: 130px; }
fieldset table td input.text2 { padding: 1px 3px; width: 190px; }
fieldset table td a { color: #6a0564; }
fieldset table table { width: auto; }
.form_duo .left { float: left; width: 250px; }
.form_duo .right { float: right; width: 250px; text-align: left; }

/* Pokladna */
h1.float { float: left; width: 350px; padding-top: 0; }
.grey_box { border: 1px solid #d9d9d9; background: #f8f8f8; }
.grey_box h2 { padding: 15px 15px 0 15px; }
.grey_box h2.sum { float: left; width: 300px; }
.grey_box table { width: 100%; padding: 0 15px; }
.grey_box table td { padding: 5px 7px;  }
.grey_box table td.right { text-align: right; }
.grey_box table td.center { text-align: center; }
.grey_box table td.image { width: 40px; }
.grey_box table td.image img { border: 1px solid #ccc; }
.grey_box p.desc { padding-left: 15px; float: left; width: 360px; }
.grey_box p.price { float: right; width: 135px; font-weight: bold; text-align: right; padding-right: 20px; }
.grey_box p.price1 { float: right; width: 135px; font-weight: bold; text-align: right; padding: 15px 20px 0 0; font-size: 120%; color: #6a0564; }
.grey_box p.price2 { float: right; width: 135px; text-align: right; padding-right: 20px; }

/* Lišta v pokladně a košíku */
.checkout_nav { background: url(../images/bg_checkout_nav.png) top left no-repeat; height: 52px; margin: 10px 0 0 0; text-align: center; }
.checkout_nav h2 { font-size: 120%; font-weight: normal; text-align: center; line-height: 47px; color: #fff; }
.checkout_nav ul { list-style: none; margin: 0 auto; }
.checkout_nav ul li { display: block; float: left; height: 47px; padding: 7px 21px 0 21px; border-right: 1px solid #fff; text-align: center; color: #fff; }
.checkout_nav ul li.select { display: block; float: left; height: 45px; background: url(../images/arrow_green.png) center bottom no-repeat; display: block; }
.checkout_nav ul li.last { border: none; text-align: center; color: #fff; }
.checkout_nav ul li a { color: #fff; }
.checkout_nav ul li a:hover { background: url(../images/arrow_green.png) center bottom no-repeat; display: block; height: 29px; padding: 0; }

/* Tabulka v košíku */
.cart { width: 100%; border: 1px solid #c8c8c8; }
.cart th { background: #ebebeb; text-align: left; padding: 5px 7px; border-bottom: 1px solid #fff; }
.cart th.right { text-align: right; }
.cart th.center { text-align: center; }
.cart td { padding: 5px 7px; background: #f5f5f5; border-bottom: 1px solid #fff; }
.cart td a { font-weight: bold; }
.cart td.product_name { width: 120px; }
.cart td.reload { text-align: right; }
.cart td.reload a { color: #6a0564; font-weight: bold; }
.cart td.price1 { text-align: center; border-right: 1px solid #ccc; width: 50px; }
.cart td.right { text-align: right; }
.cart td.image { width: 40px; }
.cart td.image img { border: 1px solid #ccc; }
.cart td.count { text-align: center; }
.cart td.count input { text-align: right; width: 40px; padding: 3px 5px; }
.cart tr.dark td { background: #ebebeb; padding: 10px 7px; }

/* Navigace v košíku a pokladně - spodní */
.check_buttons { width: 100%; margin: 20px 0; }
.check_buttons .button { text-align: right; }
.check_buttons td.right { text-align: right; }

/* Navigace pro velkoobchod */
.menu1 { padding-right: 7px; }

/* potvrzení objednávky */
.submit_order { width: 100%; border: 1px solid #c6c6c6; }
.submit_order td { background: #f8f8f8; border-bottom: 1px solid #c6c6c6; padding: 10px; }
.submit_order td.last { border: none; }
.submit_order .list_products { width: 100%; border: none; }
.submit_order .list_products td { border: none; }
.submit_order .list_products td.image { width: 40px; }
.submit_order .list_products td.image img { border: 1px solid #ccc; }
.submit_order .list_products td.price { width: 100px; font-weight: bold; text-align: right; }
.submit_order .list_products td.stock1 { color: #4d9401; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock2 { color: #8acd4f; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock3 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock4 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock5 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock6 { color: #F90; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock7 { color: #F00; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock8 { color: #F00; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .list_products td.stock9 { color: #8acd4f; font-weight: bold; padding: 2px 10px; margin: 0; line-height: normal; font-size: 85%; }
.submit_order .submit_info { width: 100%; border: none; }
.submit_order .submit_info td { border: none; }
.submit_order td.price { width: 120px; font-weight: bold; text-align: right; white-space: nowrap; }
.submit_order td.price1 { width: 150px; text-align: right; }
.submit_order td.price1 .big { font-weight: bold; font-size: 130%; color: #6a0564; }
.submit_order .dph { font-weight: normal; font-size: 100%; color: #000; }

/* Pravý sloupec */
#sidebar .sidebarbox { padding: 0 0 0 21px; background: url(../images/bg_sidebar_line_top.png) 5px 0 no-repeat; }
#sidebar h2 { background: url(../images/bg_sidebar_h2.png) no-repeat; height: 30px; line-height: 30px; padding: 0 12px; font-size: 115%; color: #fff; text-align: left; }
#sidebar a { color: #4c4c4d; }
#sidebar p { padding: 3px 0; line-height: 1.5em; color: #4c4c4d; }
#sidebar .line { padding: 3px 3px 3px 12px; line-height: 1.5em; }
#sidebar .colors { padding: 7px 0; text-align: center; }
#sidebar .colors img { padding: 2px; }
#sidebar .productbox { margin: 10px 0; text-align: center; border: none; width: auto; }
#sidebar .productbox .price { color: #F00; font-weight: bold; }
#sidebar .salesman { margin-top: 10px; }
#sidebar .salesman h3 { font-size: 100%; }
#sidebar .salesman img { float: left; padding-right: 7px; }
#sidebar .salesman a { color: #6a0564; }

/* Další styly */
table.plainrows { border-collapse: collapse; background-color: #f2f2f2; color: #404040; margin: 10px 0; }
table.plainrows thead th { background-color: #540651; padding: 5px 10px; color: #ffffff; font-size: 1.1em; }
table.plainrows tbody th, table.plainrows tbody td { border-bottom: solid 1px #d9d9d9; padding: 2px 5px; }
table.plainrows tbody tr:hover { background: #e5e5e5; }

/* Patička */
#footer h2 { color: #6a0564; font-size: 120%; padding: 0 0 0 26px; }
#footer ul { list-style: none; padding-left: 26px; margin: 10px 0; }
#footer ul li { padding: 1px 0; }
#footer a { color: #6a0564; text-decoration: underline; }
#footer a:hover {color: #6a0564; text-decoration: none; }
.copyright { padding: 22px 0 0 26px; }
.fbox1 { float: left; width: 409px; }
.fbox1 .logos { padding-left: 10px; }
.fbox1 img { padding: 12px 10px; }
.fbox2 { float: left; width: 192px; }
.fbox3 { float: left; width: 192px; }
.fbox4 { float: left; width: 191px; }

/* slider na titulce */
#xslider { width: 546px; }
#xslider ul, #xslider li { margin: 0; padding: 0; list-style: none; }
#xslider li { width: 534px; height: 244px; overflow: hidden; }
ol#xcontrols { margin: -50px 5px 0 0; padding: 7px; float: right; }
ol#xcontrols li { margin: 0; font-weight: bold; padding: 0; float: left; list-style: none; }
ol#xcontrols li a { float: left; color: #000; display: block; width: 45px; margin: 0 3px; height: 32px; line-height: 32px; background: url(../images/bg_slider.png) center no-repeat; text-align: center; text-decoration: none; }
ol#xcontrols li.current a { background: url(../images/bg_slider_hover.png) no-repeat; color: #fff; }
ol#xcontrols li a:focus { outline: none; }

/* Tooltipy */
.tooltip-content { display: none; position: absolute; width: 190px; padding: 10px; border: 3px solid #4d9401; background-color: #cef1a8; text-align: left; color: black; }


/* Colorbox - prohlížení obrázků v detailu */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/* Pomocné */
.invisible { display: none; }
.print_view { display: none; }
p.invisible { display: none; }
.clear { height: 0; overflow: hidden; line-height: 0; clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.normal { font-weight: normal; }
.missing-entry { text-align: center; font-weight: bold; color: #F00; }
.splitter1 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 1px; }
.splitter5 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 5px; }
.splitter10 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 10px; }
.splitter15 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 15px; }
.splitter20 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 20px; }
.splitter30 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 30px; }
.splitter50 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 50px; }
