/* css hana - eshop. ver 1.5 18.4.2010 */
*{margin: 0; padding: 0;}
html {}
body{color: #313621; text-align: left; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 12px; line-height: 1.7;}

/******** obecne prvky */
h1{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 18px; margin: 5px 0 3px; padding: 0; font-weight: bold; color: #b4bb9c;}
h2{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 14px; margin: 5px 0 8px; padding: 0; font-weight: bold;}
h3{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 0; font-weight: bold;}
h4{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 13px; margin: 5px 0; padding: 0; font-weight: normal;}

a{text-decoration: underline; color: #87121d;}
a:hover{text-decoration: none;}

img{border: none;}
table, tr, td, th{border-style:solid; border-width:1px; border-collapse:collapse;}
table td, table th{padding: 2px 4px;}
.noborder, table.noborder, table.noborder tr, table.noborder td, table.noborder th{border: none !important;}
ul li, ol li{list-style-position: inside;}
input, select{}
hr{display: none;}
address{font-style: normal;}
fieldset{border: 1px solid #B7B7B2; padding: 3px;}

.right{float:right;}
.left{float:left;}
.center{text-align: center;}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}
.boxCenter{margin: 0 auto;}

.bold,.strong{font-weight: bold;}

.noDisplay, .printonly, #PrintSection{display:none;}
.correct, .clear{display: block; clear: both;}
.pointer{cursor: pointer;}

/* barvy informacnich textu */
.red{color: red;}
.green{color: #51511F;}

/* zpravy */
.message{margin: 0 0 10px 0; padding: 5px 10px; color: #343434; font-weight: bold; border: 1px solid #343434;}
.message_info{color: #330099; border-color: #330099;}
.message_error{color: red; border-color: red;}
.message_ok{color: #51511F; border-color: #51511F;}

/* defaultni textove radky pro zobrazovani parametru, popisku, apod.*/
.smallLineText{height: 13px; line-height: 13px; font-size: 10px; padding-bottom: 2px;}
.defaultLineText{height: 14px; line-height: 14px; font-size: 11px; padding-bottom: 3px;}
.midLineText{height: 15px; line-height: 15px; font-size: 13px; padding-bottom: 5px;}
.bigLineText{height: 17px; line-height: 17px; font-size: 14px; padding-bottom: 6px;}

/* defaultni vertikalni odstupy (margin-top)*/
.smallMT{margin-top: 5px;}
.defaultMT{margin-top: 10px;}
.bigMT{margin-top: 15px;}

/* defaultni horizontalni odstupy (margin-top)*/
.defaultMH{margin-left: 10px; margin-right: 10px;}
.bigMH{margin-left: 15px; margin-right: 15px;}

.w200{width: 200px;}

/* defaultni formular */
form.default{}
form.default input{border: 1px solid #E1E1DC; padding: 3px;}
form.default legend{font-weight: bold; padding: 2px; background-color: #fff;}
form.default fieldset{margin-bottom:15px;}

form.default .formLabel{float: left; clear: left; margin:8px; width: 230px; text-align: right; height: 20px;}
form.default .formField{float: right; clear: right; margin-bottom:8px; width: 460px; text-align: left;}
.form_error{color: red;}

/*********** LEVEL 1: zakladni spolecny layout stranky (do urovne #CenterSection) */
#Page{margin: 0px auto; width: 990px;}

/* hlavicka, logo, horni odkazy, kosik, hlavni navigace a vyhledavani */
#Header{height: 90px; position: relative; z-index: 800; background: url(../img/bgr_header.gif) repeat-x;}
h1.logo, span.logo, div.logo{display: block; float: left; position: relative; margin: 0; padding: 0; width: 205px; height: 90px; overflow: hidden;}
.logo img{position: absolute; /*left: 0; top: 0;*/}

/* horni odkazy */
#HeadLinks{float: right; width: 770px; height: 52px; overflow: hidden;}
#HeadLinks ul li{display: inline; list-style-type: none;}
#HeadLinks a{display: block; float: right; width: 69px; height: 30px; line-height: 28px; background-repeat: no-repeat; padding-left: 31px; text-decoration: none;}
#HeadLinks a.userLogin{background-image: url(../img/but_prihlaseni_uzivatele.gif); color:#c12b2b;}
#HeadLinks a.userLoginSel{background-position: 0 -30px; color: #e3f59d;}
#HeadLinks a.userLoggedIn, #HeadLinks a.userLogout{background-image: url(../img/but_ucet_uzivatele.gif); color:#51514f; font-size: 12px; color: #fff; line-height: 27px; text-decoration: none; padding: 0 30px 0 43px; width: 147px;}
#HeadLinks .userRegistration{background-image: url(../img/but_registrace.gif); color:#333322;}

/* popup nabidky */
#UserPopUp{display:none; position: absolute; top: 30px; z-index: 100; right: 0; width: 200px; height: 92px; padding: 16px 15px 0; background-color: #e3f59d; color: #323622;}
#UserPopUp input{}
#UserPopUp a{display: block; padding-top: 9px;}
#UserPopUp .txt{border: 1px solid #c4d387; width: 198px; height: 18px; line-height: 18px; margin-bottom: 3px; font-size: 12px;}
#UserPopUp .subm{position: absolute; right: 16px; bottom: 13px; cursor: pointer; width: 89px; height: 25px; background: url(../img/but_prihlasit.gif) no-repeat; border: none; color: #fff;}

.userpopupLogged{}

/* mini kosik v horni casti - viditelna cast */
#ShoppingSection{position: absolute; top: 0; right: 0;/*120px;*/ z-index: 1; float:right; width: 255px; height: 30px; line-height: 30px; text-align: right; font-weight: bold;}
#ShoppingSection span{color: #87121d;}
.minicartPreview{float: left;}
.minicartPreview img{margin: 0; padding: 0; overflow: hidden;}

/* ajaxove zpravy pri pridani polozky */
.ajaxCartMessage {display: none; position: fixed; _position: absolute; z-index: 999; top: 50%; left: 50%; border: 3px solid #eaeae4; background-color: #90AE00; width: 300px; padding: 38px 28px; font-weight: bold; font-size: 16px; text-align: center; color:#fff;}
.aCMError{background-color: #85121D; color: #fff;}
/* odstraneni chyby pozicovani u IE pri zobrazeni .ajaxCartMessage*/
/*.tabs, .ui-tabs, .ui-tabs-nav li{position: relative; z-index: 11;}*/

/* mini kosik v horni casti - viditelna cast*/
#ShoppingPreviewSection{position: absolute; z-index: 2; left: 499px; top: 90px; width: 370px; padding: 10px 7px 10px; border: 1px solid #eaeae4; background-color: #f6f6f0;}
#ShoppingPreviewSection table{table-layout: auto; width: 100%;}
#ShoppingPreviewSection table, #ShoppingPreviewSection table *{border: none !important;}

/* hlavni navigace */
#Nav{float: left; margin-top: 7px; width: 565px; height: 31px; z-index: 1;}
#Nav ul li{list-style-type: none; /*float: left;*/ &float:left;}
#Nav a{display: block; float: left; height: 17px; line-height: 17px; padding: 7px 17px; font-size: 12px; text-decoration: none; }
#ProductSubmenu{display: block;}
#CategoryList{z-index:100}
#Nav ul ul{display: none; width: 423px; position: absolute; top: 90px; left: 0; padding: 2px 0; z-index: 100; background-color: #c12a2a; }
#Nav ul ul li{float: left; margin-left: 1px; margin-right: 1px; list-style: none;}
#Nav ul ul li a{width: 129px; _width: 128px; padding: 3px 5px; font-size: 11px; color: #fff; overflow: hidden;}
#Nav ul ul li a:hover{}

#ProductSubmenu ul ul, #ProductSubmenu .sublevel{display: none !important;}

#Nav a.sel, #Nav .active a{color: #313621; background: url(../img/bgr_nav_sel.gif) no-repeat center bottom;}
#Nav .dropdown, #Nav a.produkty{background: url(../img/bgr_nav_expand.gif) no-repeat 74px 0; padding-right: 30px;}
#Nav a:hover, #Nav .current{color: #87121d; background-color: #fff;}
#Nav a.produkty:hover, #Nav a.produkty.current{color: #fff; background-color: #c12a2a; background-position: 74px -31px;}

/* vyhledavani */
#SearchSection{float: left; width: 220px; height: 24px; padding: 6px 0;}
#SearchSection .txt{float: left; border: none; width: 152px; height: 19px; line-height: 22px; padding: 4px 5px 2px 15px; background: url(../img/bgr_search.gif) no-repeat; color: #6d754b;}
#SearchSection .subm{float: left; border: none; width: 30px; height: 25px; cursor: pointer; background: url(../img/bgr_search_subm.gif) no-repeat; color: #f8fbe9;}

/**** stredni cast */
#CenterSection{clear: both; float: left; width: 990px;}

/* paticka, spodni cast */
#Footer_IN2{clear: both; width: 940px; height: 50px; margin: 0px auto; padding: 15px 0 10px 0; color: #6d754b; line-height: 20px;}
#Footer_IN2 .gray{color: #6d754b !important; text-decoration: none;}

/*#Links{visibility: hidden; height: 1px; text-align: center; overflow: hidden;}*/
#Links{text-align:center;margin-bottom:10px;}

/*********** LEVEL 2: rozdeleni (#CenterSection) */
#ContentSection{float: left; width:739px; min-height: 600px; padding-bottom: 10px; /*overflow: hidden;*/}
#ContentSection h1{color: #313621; font-size: 20px; padding-top: 3px;}

/*levy sloupec */
#LeftSection{float: left; width: 230px; margin-right: 20px;}

#LeftSection .title{float: left; display: block; width: 200px; padding: 0 15px; height: 30px; line-height: 30px; overflow: hidden; background: url(../img/bgr_left_section_title.gif) no-repeat;}
#LeftSection .content{float: left; border-color: #ebf5c2; width: 200px; padding: 10px 14px; border-width: 1px; border-style: none solid none solid;}
#LeftSection .foot{float: left; width: 230px; height: 6px; background: url(../img/bgr_left_section_foot.gif) no-repeat;}

/*pravy sloupec */
#RightSection{width: 220px; float: right; overflow: hidden;}

/*********** LEVEL 3A: obecne boxy pouzitelne napric sekcemi */
/* box s cestou */
#PathSection{clear: both; padding: 10px 0;}
#PathSection .left{float: left; width: 5px; height:35px; background: url(../img/bgr_path_left.gif) no-repeat;}
#PathSection .middle{float: left; width: 940px; padding: 0 20px; line-height: 35px; height:35px; background-color: #ebf5c2; color: #6d754b;}
#PathSection .middle a, #PathSection .middle span{display: block; float: left;}
#PathSection .right{float: left; width: 5px; height:35px; background: url(../img/bgr_path_right.gif) no-repeat;}
#PathSection .separator{background: url(../img/bgr_path_separator.gif) 20px 12px no-repeat; width: 10px; height: 10px; padding: 12px 20px 0 20px;}

/* multizalozkovy jquery box */
.tabs{clear: both;}
#ContentSection .tabs{float: left; margin-bottom: 20px;}
.tabs ul li{padding: 0; overflow: hidden; margin-right: 3px;}
.tabs ul li .left{float: left; width: 4px; height: 30px; background: url(../img/bgr_tab_left.gif) no-repeat;}
.tabs ul li a{float: left; background-image: url(../img/bgr_tab_center.gif); height: 18px; color: #86905c;}
.tabs ul li .right{float: left; width: 4px; height: 30px; background: url(../img/bgr_tab_right.gif) no-repeat;}

.tabs ul li.ui-tabs-selected .left{background: url(../img/bgr_tab_left_sel.gif) no-repeat;}
.tabs ul li.ui-tabs-selected a{background-image: url(../img/bgr_tab_center_sel.gif); color: #323622;}
.tabs ul li.ui-tabs-selected .right{background: url(../img/bgr_tab_right_sel.gif) no-repeat;}

.tabs .ui-tabs-panel{padding: 2px !important; _height: 120px; min-height: 120px;}
.tabs .ui-tabs-panel p{padding: 8px 18px;}

/* varianta multitab boxu na indexu */
.tabs .top{float: left; width: 990px; height: 4px; background: url(../img/bgr_tabs_head.gif) no-repeat; overflow: hidden;}
.tabs #CommoditySection{float: left; width: 990px; border: none; background: url(../img/bgr_tabs_center.gif) repeat-y;}
.tabs .bottom{float: left; width: 990px; height: 4px; background: url(../img/bgr_tabs_foot.gif) no-repeat;}


/* extra zalozka "novinky" na uvodni indexu */
#TabsN{padding-top: 20px;}
#TabsN ul{padding: 0.2em 0.3em 0; list-style-type: none; }
#TabsN ul li{list-style-type: none; overflow: hidden;}
#TabsN ul li a{padding: 0.5em 1em; line-height: 1.2em;}
#TabsN .top{background-image: url(../img/bgr_tabs_n_head.gif);}
#TabsN #ArticleSection{float: left; width: 950px; border: none; background: url(../img/bgr_tabs_n_center.gif) repeat-y; padding-bottom: 0;}
#TabsN #ArticleSection .item{width: 945px; margin-bottom: 10px; border:none;}
#TabsN #ArticleSection .item .photo{padding-bottom: 0;}
#TabsN #ArticleSection .item .photo img{border: 2px solid #CCDC8D;}
#TabsN #ArticleSection .content{width: 790px;}
#TabsN .bottom{background-image: url(../img/bgr_tabs_n_foot.gif);}

/* vyber cenoveho rozsahu */
#PriceRangeSection{padding: 15px; margin: 3px 0 5px 0;}
#PriceRangeSection .label{font-size: 13px; color: #5e5e42; padding: 0 0 5px 0; font-weight: bold;}
#PriceRangeSection span{color: #87121d;}

/* listovaci odkazy */
.pagenav{border: none; margin: 10px 0;}
.pagenav td, .pagenav tr, .pagenav th{border: none !important;}

/* google a RSS */
.mapContainer{padding: 20px; width: 680px;}
.googleMap1 input, .googleMap2 input{display: inline !important}
.googleMap1, .googleMap2{padding: 5px 7px 7px 36px; background-color: #eee; border: 1px solid #000000;}
#map_canvas1, #map_canvas2{margin: 20px 0 0 38px;}

.rss{line-height: 20px; }
.rss img{vertical-align: -4px; padding-left: 6px;}

/*********** LEVEL 3B: sekce */

/******** hlavni produktova subnavigace (leva a v centralni casti) */
.subnavSection a:hover{text-decoration: underline !important;}

/* varianta subnavigace, pokud je umistena v levem sloupci */
#LeftSection .subnavSection{}
#LeftSection .subnavSection .content{width: 228px; padding: 0;}
#LeftSection .subnavSection ul, #LeftSection .subnavSection2 ul{margin: 0; padding: 0;}
#LeftSection .subnavSection ul li, #LeftSection .subnavSection2 ul li{display: inline; list-style-type: none;}
#LeftSection .subnavSection ul li a, #LeftSection .subnavSection2 ul li a{display: block; width: 198px; padding: 0 15px 0 15px; height: 26px; line-height: 26px; font-size: 12px; text-decoration: none; text-align: left; overflow: hidden;}
#LeftSection .subnavSection ul li a.sel{background-color: #ebf5c2;}
#LeftSection .subnavSection ul li a:hover{text-decoration: underline;}
#LeftSection .subnavSection ul ul li a{width: 173px; padding: 0 30px 0 25px; background:  #f5fae0 url(../img/bgr_subnav_L2.gif) 13px 6px no-repeat;}
#LeftSection .subnavSection ul ul li a.sel{font-weight: bold;}
#LeftSection .subnavSection ul ul li a:hover{}
/* vedlejsi produktova subnavigace v leve casti - novinky, akce, top10 */
#LeftSection .subnavSection2{}

/* reklamni banner */
#PromoSection{width: 290px; height: 180px; margin-bottom: 10px; padding: 30px 20px 40px 680px; overflow: hidden; background: url(../img/bgr_index_top_section.jpg) no-repeat; color: #fff; font-size: 13px; font-weight: bold; line-height: 1.5;}
#PromoSection2{width: 290px; height: 122px; margin-bottom: 10px; padding: 12px 20px 16px 680px; overflow: hidden; background: url(../img/bgr_promo_section.jpg) no-repeat; color: #fff; font-size: 13px; font-weight: bold; line-height: 1.5;}
#PromoSection h1,#PromoSection2 h1, #PromoSection .title, #PromoSection2 .title{font-size: 36px; color: #fff; font-weight: normal;}
#PromoSection strong, #PromoSection2 strong{font-size: 20px;}


/**** specificka uvodni stranka */

/* logo visual na uvodce */
#IndexContentLogo{float: left; width: 240px height: 217px; margin-right: 10px;}

/* varianta subnavigace, pokud je umistena v obsahove stredni casti - uvodni strana */
#IndexContentSection .subnavSection .title{display: block; width: 430px; height: 36px; line-height: 36px; padding: 0 40px 0 20px; background: url(../img/bgr_content_subnav_title.gif) no-repeat; font-weight: bold; text-decoration: none;}
#IndexContentSection .subnavSection{float: left; width: 490px; margin-right: 10px; padding-bottom: 5px; background: url(../img/bgr_content_subnav_bottom.gif) no-repeat bottom;}
#IndexContentSection .subnavSection ul{float:left; width: 488px; border-color: #ebf5c2; border-width: 1px; border-style: none solid; padding-bottom: 5px;}
#IndexContentSection .subnavSection ul li{display: inline; list-style-type: none;}
#IndexContentSection .subnavSection ul li a{display: block; float: left; width: 138px; padding: 9px 12px 0 12px; height: 15px; line-height: 15px; font-size: 12px; text-decoration: none; text-align: left; overflow: hidden; /*font-weight: bold;*/}

/* box s kontakty */
#IndexContentSection #ContactSection {float: left; width: 240px; padding-bottom: 4px; background: url(../img/bgr_index_contact_foot.gif) no-repeat bottom; overflow: hidden;}
#IndexContentSection #ContactSection .title{float: left; width: 200px; padding: 0 20px; height: 36px; line-height: 36px; background: url(../img/bgr_index_contact_title.gif) no-repeat; font-weight: bold;}
#IndexContentSection #ContactSection .content{float: left; width: 200px; height: 160px; overflow: hidden; padding: 9px 20px; line-height: 16px; background-color: #e3f59d;}

/**** specificka obsahova cast mimo uvodni stranku - jednotlive sekce v hlavni (centralni) obsahove casti*/

/* textove stranky */
#TextSection{padding: 15px 20px; clear: both; line-height: 1.8;}
#TextSection ul{margin: 10px 0 10px 20px;}
#TextSection ul ul{margin-top: 0;}
#TextSection ul li{list-style-position: outside; line-height: 2;}

#TextSection #Galleryview{margin-left:0; margin-right: 16px; left: 0;}
#TextSection #GalleryviewButtonPrevious, #TextSection #GalleryviewButtonNext{margin-top:38px;}

#IndexContentSection #TextSection{float: left; width: 990px; padding: 0; margin: 10px 0 20px; background: url(../img/bgr_text_section.gif) repeat-y;}
#TextSection .left{width: 620px; padding: 15px 20px;}
#TextSection .right{width: 290px; padding: 15px 20px;}

#IndexContentSection .ui-tabs-panel #TextSection{background: none !important; width: 945px; padding: 15px 20px;}

.article_separator{clear: both;}

/* fotogalerie */
#PhotoSection{}

/* produkty - vypis kategorie (detail)*/
#CategoryDescription{clear: both; padding: 14px;}

#CommoditySectionTabs{clear:both; float: left; height: 30px; padding-top: 35px; height: 30px; overflow: hidden;}
#CommoditySectionTabs ul li{display:inline; list-style-type: none;}
#CommoditySectionTabs ul li span, #CommoditySectionTabs ul li a{display: block; float: left; padding: 0 15px; margin-right: 1px; height: 27px; line-height: 27px; font-size: 12px; background-color: #ddddd7; border: 1px solid #d0d0cb; text-decoration: none; color: #51514f; text-align: center; cursor: pointer; /*font-weight: bold;*/}
#CommoditySectionTabs ul li span:hover, #CommoditySectionTabs ul li a:hover{text-decoration: underline;}
#CommoditySectionTabs ul li span.sel, #CommoditySectionTabs ul li a.sel{border-color: #363615; background-color: #363615; height: 28px; line-height: 28px; color: #fff;}

.commoditySectionTabs2 ul li a.sel{background: #c4c4bf url(../img/bgr_tab_sel.gif) repeat-x !important; border-bottom: none; color: #51514f !important; border-color:#b7b7b2 !important; font-weight: bold;}
.commoditySectionTabsIndex{float: none !important;}

#OptionsBar{clear: both; position: relative; height: 38px; margin-top: 10px; padding: 0; line-height: 38px; background: url(../img/bgr_options_bar.gif) no-repeat;}
#OptionsBar select{margin-right: 10px;}
#OptionsBar form.main{float: left; width: 711px;}
.rightOptionsBar{position: absolute; right: 0; top: 0; width:309px; height: 28px; line-height: 28px; padding-right: 7px; &vertical-align:-2px;}
.rightOptionsBar .moreProducers{float: right; width: 65px; padding-top: 5px;}
.rightOptionsBar img{width: 12px; padding: 10px 0 0 5px;}
.rightOptionsBar select{margin-top: 10px;}

#OptionsBar .limitBox{position: absolute; left: 270px; top: 1px; _top:3px;}

#ProducerBar{clear: both; padding: 0 30px 0 30px; line-height: 28px; background-color: #eaeae4; padding-bottom: 4px; color: #5e5e24;}
#ProducerBar *{vertical-align: middle;}
#ProducerBar .left{width: 590px;}
#ProducerBar .right input{border: 1px solid #d0d0cb; background-color: #ddddd7; cursor: pointer; margin-top: 5px;}

#OuterContainer{}
#CommoditySection{float: left; width:737px; position: relative; z-index: 2; border-color: #ebf5c2; border-width: 1px; border-style: none solid none solid;}
#CommoditySectionFoot{clear: both; float: left; width:739px; height: 6px; background: url(../img/bgr_commodity_section_foot.gif) no-repeat;}

/* obrazkove zobrazeni produktu */

.itemLayout .item{float: left; width: 166px; height: 200px; overflow: hidden; position: relative; left: 3px; z-index: 1; margin: 11px 0; padding: 0 15px; font-size: 11px; background: url(../img/bgr_product_item.gif) repeat-y right;}
#ContentSection .itemLayout .item{width: 154px;}
#ProductAccessoriesBox .itemLayout .item{width: 150px;}
.itemLayout .itemLast{background: none !important;}
.itemLayout .item a{text-decoration: none;}
.itemLayout .item a:hover{text-decoration: underline;}                        
.itemLayout .item .photo{position: relative; display: table; width: 150px; height: 135px; padding: 0; text-align: center; overflow: hidden;}
.itemLayout .item .photo span{display: block; #position: absolute; text-align: center; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle;}
.itemLayout .item .photo a, .itemLayout .item .photo span span{#position: relative; height: auto !important; #top: -50%; #left: -50%;}

/*
.gallery li{position: relative; display: table; float: left; margin: 0 10px 10px 0 !important; width: 136px; height: 135px; }
.gallery li span{display: block; #position: absolute; text-align: center; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle;}
.gallery a{#position: relative; height: auto !important; #top: -50%; #left: -50%;}
*/
.itemLayout .item .category{}
.itemLayout .item .content{height: 30px; padding-top: 5px; overflow: hidden;}
.itemLayout .item .content h2{text-align: center;}
.itemLayout .item .content_small{}
.itemLayout .item .manufacturer{text-align: center; padding-top: 3px;}
.itemLayout .item .manufacturer span, .itemLayout .item .manufacturer a{padding: 3px 5px; background-color: #ebf5c2; color: #6d764b;}
.itemLayout .item .price,         #ProductDescriptionBox .price{}
.itemLayout .item .chart,         #ProductDescriptionBox .chart{clear: both; padding-top: 10px; height: 25px; line-height: 20px; font-family: verdana;}
.itemLayout .item .chart .txt,    #ProductDescriptionBox .txt{float: left; margin-top: 2px; width: 27px; height: 17px; border: 1px solid #91918d; }
.itemLayout .item .chart .subm,   #ProductDescriptionBox .subm, #RecipeSection .subm{float: right; padding-top: 17px; width: 79px; height: 25px; font-size: 1px; color: #84121c; border: none; background: url(../img/but_koupit.gif) no-repeat; cursor: pointer; text-align: right;}

.itemLayout .horizontalSeparator{clear: both; height: 3px; width: 100%; background: url(../img/bgr_product_separato.gif) repeat-x;}
#ContentSection .itemLayout .horizontalSeparator{background-image: url(../img/bgr_product_separat2.gif);}
/* tabulkove zobrazeni produktu */
.commoditySectionTableLayout{background: none !important;}
.itemTableLayout .item{border-bottom: 1px solid #d0d0cb; clear: both; height: 40px; padding: 4px 0;}
.itemTableLayout .item .left, #CommoditySection .itemTable .right{float: none;}
itemTableLayout .item .photo{display: none;}
.itemTableLayout .item .shopper_favorites{display: none;}
.itemTableLayout .item .category{display: none;}
.itemTableLayout .item .content{display: none;}
.itemTableLayout .item .content_small{display: none;}
.itemTableLayout .item .info{}
.itemTableLayout .item .info img{vertical-align: middle;}
.itemTableLayout .item .manufacturer{}
.itemTableLayout .item .price{float: left; width: 185px; line-height: 20px; font-family: verdana;}
.itemTableLayout .item .price .correct{width: 180px; text-align: right;}
.itemTableLayout .item .final{color: #78101a; font-size: 13px; font-weight: bold;}
.itemTableLayout .item .chart{float: right; width: 150px; font-family: verdana; padding: 5px 3px 0 0;}
.itemTableLayout .item .chart .txt{ vertical-align: 4px; width: 27px; height: 17px; }
.itemTableLayout .item .chart .subm{ width: 79px; padding-top: 17px; height: 25px; font-size: 1px; color: #84121c; border: none; background: url(../img/but_koupit.gif) no-repeat; cursor: pointer; text-align: right;}

/* odkaz na oblibene produkty pro prihlaseneho uzivatele */
.favorites{display: block; margin-top: 10px; width: 155px; padding: 0 30px 0 35px; height: 30px; line-height: 30px; font-size: 13px; text-decoration: none; text-align: left; background: url(../img/bgr_oblibene_produkty.gif) no-repeat; }


/* listovaci zalozky */
.listTabs{float: right; width: 330px; height: 24px; padding: 20px 10px 0 10px; line-height: 24px; text-align: right;}
.listTabs a{padding: 0 5px;}
.ltBot{padding-top: 0 !important; clear: both;}

/* produkty - detail */
h2.green{color: #a2aa84;}
#ProductPhotoBox{clear: both; margin-top: 20px; float: left; width: 405px; text-align: center;}
#ProductDescriptionBox{float: right; margin-top: 13px; padding: 0 15px; width: 300px;}
#ProductDescriptionBox .red{color: #87121d;}
#ProductDescriptionBox .popis{color: #6d764b;}
#ProductDescriptionBox table, #ProductDescriptionBox table tr, #ProductDescriptionBox table td{border: none;}
#ProductDescriptionBox table td{height: 30px;}
#ProductDescriptionBox .price{float: left; width: 170px; text-align: left; margin-top: 20px;}
#ProductDescriptionBox .chart{width: 175px; float: right; clear: none; margin-top: 20px;}
#ProductAccessoriesBox{clear: both; padding-top: 20px; position: relative; z-index: 10;}

/* varianta multitab boxu v sekci detailu produktu */
#ProductAccessoriesBox .tabs .top{width: 730px; background-position: -150px top;}
#ProductAccessoriesBox .tabs #CommoditySection{float: left; width: 730px; border: none; background: none;}
#ProductAccessoriesBox .tabs .bottom{width: 730px; background-position: center bottom;}

#ProductAccessoriesBox table{border: none; margin-bottom: none; table-layout: auto; width: 100%;}
#ProductAccessoriesBox table tr, #ProductAccessoriesBox table th, #ProductAccessoriesBox table td{border: none; margin-bottom: none;}

#ProductAccessoriesBox table th{border-bottom: 1px solid #6d764b; color: #3f4331; font-weight: bold;}
#ProductAccessoriesBox table tr.darkRow td{background-color: #f8fceb;}

/* formulare v detailu produktu */
#FormSection{clear: both;}
#FormSection ul, #FormSection li{display: inline; margin: 0; padding: 0; }
#FormSection li{height: 30px;}

#FormSection #TabsF-1, #FormSection #TabsF-2{padding: 0 !important;}

#FormSection .box .bookmark{height: 21px; line-height: 27px; float: left; padding-top: 2px; padding-left: 3px; padding-right: 1px; font-size: 13px; color: #BA1A14; text-align: center; text-decoration: none;}
.t_kontakt_form{width: 154px; background: url(../img/bgr_dotaz_na_produkt.gif) no-repeat bottom; color: #CBDB8D !important;}
.ui-tabs-selected .t_kontakt_form{width: 154px; background: url(../img/bgr_dotaz_na_produkt_sel.gif) no-repeat left bottom; color: #AB0707 !important;}

.t_odeslat_odkaz{width: 103px; background: url(../img/bgr_odeslat_odkaz.gif) no-repeat bottom; color: #CBDB8D !important; }
.ui-tabs-selected .t_odeslat_odkaz{width: 103px; background: url(../img/bgr_odeslat_odkaz_sel.gif) no-repeat bottom; color: #AB0707 !important;}


#FormSection{clear: both; padding-top: 10px; border-top: 1px solid #fff;}
#FormSection .box .content{clear: both; padding: 10px 10px 15px; background-color: #E2F59D; border-top: 1px solid #E2F59D;}
#FormSection .box table, .box table td, .box table tr{border: none; padding: 2px 5;}
#FormSection .box table label{display: block; padding: 5px 0 3px;}
#FormSection .box table label span{font-weight: normal; color:red;}
#FormSection .box table .col1{width: 345px;}
/*#FormSection .box table .col2{width: 160px;}*/
#FormSection .box table .col2 input{width: 210px;}
/*#FormSection .box table .col3{width: 160px;}*/
#FormSection .box table .col3 input{width: 106px;}
#FormSection .box input{border: 1px solid #cbdb8d;  height: 16px; padding: 4px 2px; width: 338px;}
#FormSection .box textarea{border: 1px solid #cbdb8d; width: 698px; height: 98px; margin-bottom: 10px;}
#FormSection .box .foot{width: 660px; height: 3px; /*background: url(../img/bgr_green_box_bottom.gif) no-repeat;*/}
#FormSection .box .info{display: block; margin-top: 5px; font-size: 10px; color: #777774;}
#FormSection .box .info *{vertical-align: middle;}

#FormSection .box .kod{width: 60px !important; padding: 2px; height: 20px; padding: 0;} 
#FormSection .box .botRow{float: left;}
#FormSection .box .submit{width: 89px !important; margin-top: 19px; padding: 2px; height: 25px; float: right; background: url(../img/but_form_odeslat.gif) no-repeat; cursor: pointer; border: none; font-size: 1px; color: #B60909;}
#FormSection .box .submit2{width: 164px !important; margin: 19px 5px 0 0; padding: 20px 0 0 0; height: 34px; float: right; background: url(../img/but_odeslat_poptavku.gif) no-repeat; cursor: pointer; border: none; font-size: 1px; color: #9E0505;}


/* sekce uzivatele - specificke formatovani uzivatele */

.user_account h2{font-size: 16px;}
.user_account .col_left{float:left; width:80px; padding-top:10px;}

form.default .title, .formTitle{display: block; font-weight: bold; width: 686px; padding: 7px 11px; border: 1px solid #E1E1DC; font-size: 13px; color: #333314; background: #F6F6F0 url(../img/bgr_user_title_nosel.gif) no-repeat 686px 10px; cursor: pointer;}
form.default .title_sel, .formTitle_sel{background-image: url(../img/bgr_user_title_sel.gif);}

form.default table{margin: 10px 0;}
form.default table td{padding: 11px 11px 0 11px;}

form.default label{padding-top: 5px;}
form.default input{display: block; margin-top: 4px;}
form.default .wHalf{width: 310px;}
form.default .w1{width: 100px;}
form.default .w2{width: 180px;}
form.default td.w1{width: 109px;}
form.default td.w2{width: 189px;}
form.default .w3{width: 140px;}
form.default .text{padding-left: 12px;}

form.default .button{background-color: #87121D; color:#fff; margin-top: 4px; border: 1px solid #87121D; cursor: pointer; padding: 3px; text-decoration: none;}

form.default table.boxCenter{margin-left: 190px;}

/* pobocky */
table.branches_list td{padding: 5px 10px;}

/* kosik, objednavka - detail */
.orderSection{float: left; width: 739px; padding-left: 1px; margin-bottom: 20px; background: #EBF5C2 url(../img/bgr_order_section.gif) no-repeat top; }
.orderSection .back{padding: 15px 15px 0 0;} 
.orderSection h1{padding: 10px 0 0 10px;}
.orderSection table{border: none; table-layout: auto; width: 100%;}
.orderSection .tableBorder{border: 1px solid #E2F59D;}
.orderSection .borderLeft{border-left: 1px solid #E2F59D;}
.orderSection .borderRight{border-right: 1px solid #E2F59D;}
.orderSection .borderTop{border-top: 1px solid #E2F59D;}
.orderSection .borderBottom{border-bottom: 1px solid #E2F59D !important;}

.orderSection .inputbox{border: 1px solid #E2F59D;}

.orderSection table td, .orderSection table tr, .orderSection table th{border: none; height: 30px; padding: 6px 6px; line-height: 19px;}
.orderSection table th{line-height: 20px; height: 20px; vertical-align: middle; background-color: #EBF5C2;}

.orderSection .button{display: block;}
.orderSection .formSubmit{width: 170px; height: 36px; padding-top: 20px; color: #82111C; border: none; font-size: 1px; background: url(../img/but_dalsi_krok.gif) no-repeat; cursor: pointer;}
.orderSection .buttonPrevious{width: 158px; height: 36px; padding: 20px 0 0 30px; color: #C4C487; border: none; font-size: 1px; background: url(../img/but_krok_zpet.gif) no-repeat;}

.orderSection .sectiontableentry1{background-color: #FDFDFD;}
.orderSection .sectiontableentry2{background-color: #F4F4EF;}

#BottomOrderButtons{height: 36px; margin: 10px 0 30px 0;}

/* tabulka vypisu objednavek */
.order_list{table-layout: auto; width: 709px; margin-left: 1px; border: 1px solid #E1E1DC; margin-bottom: 20px;}
.order_list td, .order_list th, .order_list tr{border: none;}
.order_list td, .order_list th{padding: 6px 10px;}
.order_list th{background-color: #DDDDD7; font-weight: normal;}
.order_list .sectiontableentry1{background-color: #FFFFFF;}
.order_list .sectiontableentry2{background-color: #EEEEEB;}

.orderPagination{margin-bottom: 30px; text-align: right;}
.orderPagination .pagination * {padding: 2px;}

/* tabulka s fakturou/objednavkou */
.orderTable{border: 1px solid #DDDDD7; table-layout: auto; width: 100%; border-collapse: collapse;}
.orderTable h2{padding: 5px 15px;}

.orderTable *{color: #51514F;}
.orderTable .bold{font-weight: bold;}
.orderTable .black{color: #000;}
.orderTable .grayRow td{background-color: #DBDBDB}
.orderTable .title{font-weight: bold; font-size: 14px;}
.orderTable .noBorder{border: none;}
.orderTable .txtRight{text-align: right;}
.orderTable .p20{padding: 18px;}
.orderTable table{border: none;}
.orderTable tr, .orderTable th, .orderTable td{border: none; border-collapse: collapse; vertical-align: top;}

.orderTable .dodavatel{padding-top: 0;}
.orderTable .dodavatel .date{color: #000;}
.orderTable .dodavatel table{margin-top: 10px;}
.orderTable .dodavatel .col1{width: 150px;}


.orderTable .odberatel{width: 350px; padding: 0;}
.orderTable .odberatel .box{border: 2px solid #DDDDD7; display: block; margin-top: 15px;}
.orderTable .odberatel .col1{width: 200px;}

.orderTable th{font-weight: normal;}
.orderTable tr.white td{}
.orderTable tr.grey td, .orderTable tr.grey th{background-color: #F3F3F0;}

.orderTable .orderAddition, .orderTable .orderItems{border-top: 1px solid #DDDDD7;}

.orderTable .orderAddition table,.orderTable .orderItems table{table-layout: auto; width: 100%;}

.orderTable th{text-align: left;}
.orderTable .orderAddition table th,.orderTable .orderItems table th{padding: 4px 2px; font-style: italic; background-color: #DBDBDB;}
.orderTable .orderAddition table td,.orderTable .orderItems table td{padding: 4px 2px;}
.orderTable .oaFixCol{width: 105px;}
.orderTable .oiFixCol0{width: 45px;}
.orderTable .oiFixCol1{width: 80px;}
.orderTable .oiFixCol2{width: 130px; text-align: right !important;}
.orderTable .priceCol{padding-right: 15px !important; text-align: right !important;}
.orderTable .priceLabelCol{text-align: right !important; font-weight: bold;}
.orderTable .orderItems .priceCol{width: 110px;}

/* ----------------- neproduktova cast - sekce ---------------------- */
/* sekce s vypisem produktu v prave casti */
#CommoditySectionRight{width: 314px; margin-top:20px;}
#CommoditySectionRight .title{width: 264px; padding: 0 35px 0 15px; height: 29px; line-height: 28px; color: #fff; background: url(../img/bgr_right_product_list_title.gif) no-repeat;}
#CommoditySectionRight_IN{position: relative; float: left; width: 312px; border:1px solid #F8F0EC; padding-bottom: 35px;}
#CommoditySectionRight_IN .item{clear:both; width: 292px; float:left; padding: 10px 10px 32px; position: relative;}
#CommoditySectionRight_IN .item .photo{float: left; width: 120px; overflow: hidden;}
#CommoditySectionRight_IN .item .content{float: right; width: 137px; padding: 0 11px 0 20px; height: 145px; overflow: hidden;}
#CommoditySectionRight_IN .item .head{float: left; padding-bottom: 10px; width: 290px;}
#CommoditySectionRight_IN .item .head h2{font-size: 14px; margin-bottom: 1px;}
#CommoditySectionRight_IN .item .foot{position: absolute; right: 23px; bottom: 7px; font-weight: normal;}
#CommoditySectionRight_IN .foot{position: absolute; right: 23px; bottom: 7px; font-weight: bold;}

/** sekce s clanky a recepty*/
#ArticleSection{float: left; padding:15px 20px;}
#ArticleSection h1{margin-bottom: 15px;}
#ArticleSection .description{padding: 0 0 25px 18px;}

/* seznam clanku */
#ArticleSection div.item{clear:both; float: left; width: 708px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #EBF5C2;}
#ArticleSection div.item h2{line-height: 1; margin-top: 0; padding-bottom: 4px;}
#ArticleSection div.item .photo{float: left; padding: 0 20px 20px 0;}
#ArticleSection div.item .content{float: right; width: 547px; overflow: hidden;}
#ArticleSection div.item .content a img{vertical-align: -1px;}
#ArticleSection .foot{float: right; width: 548px; padding: 10px 0 5px 0;}
#ArticleSection .foot a{color: #6D6C2A;}

/* detail clanku */
#ArticleSection .mainPhoto{float: left; width: 210px;}
#ArticleSection .pretext{float: left; padding-left: 30px; width: 465px;}
#ArticleSection .pretext .foot{width: 468px; margin-top: 20px;}
#ArticleSection .text{clear: both; float: left; width: 706px; padding: 30px 0 30px 0}
#ArticleSection .text2{clear: both; float: left; width: 706px; padding: 5px 0 30px 0;}

/* posuvnik galerii */
#GallerySection{float: left; margin-top: 10px;}
.gallery li{position: relative; display: table; float: left; margin: 0 25px 10px 0 !important; width: 136px; height: 135px; }
.gallery li span{display: block; #position: absolute; text-align: center; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle;}
.gallery a{#position: relative; height: auto !important; #top: -50%; #left: -50%; float: none !important;}

#Galleryview{position: relative; float:left; margin-left:16px; z-index: 2; left: 3px; width: 644px; height: 145px; overflow: hidden;}
#Galleryview .gallery{display: block; position: absolute; z-index: 1; height: 145px;}

#GalleryviewButtonPrevious, #GalleryviewButtonNext{float:left; width: 19px; height: 129px; overflow: hidden; cursor: pointer; margin-top: 30px;}
#GalleryviewButtonPrevious{clear: both;}

/* posuvnik produktu */
#ProductGallerySection{float: left; margin-top: 10px;}
#ProductGallerySection .item{padding: 0 8px;}
.product item{position: relative; display: table; float: left; margin: 0 25px 10px 0 !important; width: 136px; height: 135px; }
/* .gallery li span{display: block; #position: absolute; text-align: center; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle;} */
/* .product a{#position: relative; height: auto !important; #top: -50%; #left: -50%; float: none !important;} */

#Product1view, #Product2view{position: relative; float:left; /*margin-left:16px;*/ z-index: 2; left: 3px; width: 675px; height: 225px; overflow: hidden;}
#Product1view .product, #Product2view .product{display: block; position: absolute; z-index: 1; height: 225px;}

#Product1viewButtonPrevious, #Product1viewButtonNext, #Product2viewButtonPrevious, #Product2viewButtonNext{float:left; width: 19px; height: 129px; overflow: hidden; cursor: pointer; margin-top: 65px;}
#Product1viewButtonPrevious, #Product2viewButtonPrevious{clear: both;}