/* --------------------------------------------------------------------------------------- Kratochvilovci Description: Basic styles and layout Media: screen, projection Datum: 04. 03. 2010 Author: Martin Jemelka (http://www.europemc.cz/) ---------------------------------------------------------------------------------------*/ @import url("./reset.css"); /* --------------------------------------------------------------------------------------- Basic styles ---------------------------------------------------------------------------------------*/ html, body { min-height: 100%; height: 100%; } html { background: #FFFFFF url('../images/background.png') 0 0 repeat-x; } /* --------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ /* Main ---------------------------------------------------------------------------------*/ .in { width: 950px; margin: 0 auto; } .menuBottom { float:left; margin-right:20px; color:#f9eb98; text-align:left; } .menuBottom a { text-decoration:none !important; color:#f9eb98; } .menuBot { width:950px; float:left;} /* Header -------------------------------------------------------------------------------*/ #header {} /* Facebook -------------------------------------------------------------------------------*/ #header a.buttonFacebook { margin: 1px 11px 2px 1px; float: right; } #header a.buttons { border: none; cursor: pointer; height: 30px; overflow: hidden; padding: 0; text-indent: -9999px; line-height: 31px; } #header a.buttons:hover, a.buttons.hover { background-position: 0 -34px; } .helpdesk {width:740px; float:left; background:none !important;} .helpdesk h2 {padding:10px;} .helpdesk p {padding:10px;} /* User Menu -------------------------------------------------------------------------------*/ #header #userMenu { margin: 0 0px 0 0; color:#000000; float: right; background: #a89c55; height: 31px; width:950px; } #userMenu div { margin: 0 0 0 1px; float: left; background: transparent url('../images/button.png') 0 0 repeat-x; height: 31px; } #userMenu .right { margin: 0 0 0 1px; float: right; background: transparent url('../images/button.png') 0 0 repeat-x; height: 31px; } #userMenu div a { font-weight: bold; float: left; padding: 6px 14px 0 14px; } #userMenu div span { font-weight: bold; float: left; padding: 6px 14px 0 14px; } #userMenu form { float: left; } #userMenu form label { color: #000000; float: left; padding: 6px 10px 0 10px; } #userMenu form input.inputText { padding: 2px 8px 0 8px; border-color: #6a6a6a; background: #ebebeb; width: 100px; margin: 3px 0 0 0; float: left; } #userMenu form input.buttonOk { margin: 0px 0px 0 79px; float: right; } #userMenu p { color: #e5e5e5; } #userMenu ul.userMenuUl { display: block; border-left: 1px solid #000; margin: 0 1px 1px 0; float: left; height: 31px; background: transparent url('../images/button.png') 0 0 repeat-x; border-right:1px #000000 solid; } #userMenu ul.userMenuUl li { display: block; position: relative; float: left; background: transparent url('../images/button.png') 100% 0 no-repeat; } #userMenu ul.userMenuUl li a { color: #000000!important; float: left; height: 31px; font-weight:bold; text-decoration: none; padding: 6px 15px 0 15px; } #userMenu ul.userMenuUl li a:hover { color: #fff!important; text-decoration: none; } #userMenu ul.userMenuUl li:hover ul, #userMenu ul.userMenuUl li.hover ul { visibility:visible; } #userMenu ul.userMenuUl ul { padding: 10px 0; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; z-index: 999; background: #A89C55; position: absolute; visibility: hidden; top: 31px; right: -1px; width: 180px; } #userMenu ul.userMenuUl ul li { background: none; display: block; float: left; border: none; padding: 0; } #userMenu ul.userMenuUl ul li a { font-size: 11px; width: 180px; float: left; height: auto; text-decoration: none; padding: 3px 15px; text-align: left; } #padding10 {padding:10px;} /* Logo -------------------------------------------------------------------------------*/ #header h1.logo { float: left; margin: 0 0 0px 0px; width: 950px; height: 87px; line-height: 257px; font-size: 120%; } h1.logo a:hover, h1.logo a:focus, h1.logo a:active { color: #000; } h1.logo span { background: transparent url('../images/header.png') 0 0 no-repeat; } .basketTop {margin-left:750px; width:200px; height:100px; position:absolute;} .basketTop .innerBasket {padding-top:10px; padding-left:10px; padding-right:10px;} .basketTop .innerBasket .basketHeader {font-size:14px; color:#d6c870; font-weight:bold; } .basketTop .innerBasket p {color:#FFFFFF; padding-left:10px; font-size:12px;} .basketTop .innerBasket p a {color:#d6c870; font-size:14px; font-weight:bold;} /* Header Panel Categories -------------------------------------------------------------------------------*/ #header #headerPanelCategories { position: relative; margin: 0 0px 0px 0px; height: 31px; width: 950px; float: left; } /* Main Menu -------------------------------------------------------------------------------*/ #headerPanelCategories ul { display: block; float: left; height: 31px; width:100%; background-image: url('../images/button.png'); } #headerPanelCategories ul li { max-width: 120px; line-height: 14px; display: block; position: relative; background: transparent url('../images/button.png') 0 0 repeat-x; float: left; margin: 0 0px 0 0; } #headerPanelCategories ul li a { background: url('../images/button-arrow.png') 98% 0 no-repeat; border-top: 0px solid #a4a4a4; border-left: 0px solid #a4a4a4; border-right: 0px solid #a4a4a4; color: #03080e!important; float: left; height: 24px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 30px; padding: 0px 14px 0 8px; } #headerPanelCategories ul li a:hover { border-top: 0px solid #fff; border-left: 0px solid #fff; border-right: 0px solid #fff; color: #000!important; text-decoration: none; background: url('../images/button-arrow.png') 100% 0 no-repeat; } #headerPanelCategories ul li a.active { border-top: 0px solid #fff; border-left: 0px solid #fff; border-right: 0px solid #fff; color: #000!important; text-decoration: none; background: url('../images/button-arrow.png') 100% 0 no-repeat; } #headerPanelCategories ul ul li:hover ul, #headerPanelCategories ul ul li.hover ul { visibility:visible; } #headerPanelCategories ul ul { height: auto; list-style: circle; padding: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; z-index: 999; background: #f2f2f2; position: absolute; visibility: hidden; top: 31px; left: 0; width: 180px; } #headerPanelCategories ul ul li { list-style: circle; border: none; background: none; display: block; float: left; border: none; padding: 0; } #headerPanelCategories ul ul li a { font-weight: normal; text-transform: none; background: none; list-style: circle; border-bottom: 1px solid #e2e2e2; border-left: none; border-right: none; margin: 2px 0 0 0; border-top: none; font-size: 11px; width: 160px; float: left; height: auto; text-decoration: none; padding: 3px 10px; text-align: left; color: #371f1c!important; } #headerPanelCategories ul ul li a:hover { border-bottom: 1px solid #e2e2e2; border-left: none; border-right: none; border-top: none; background: #e2e2e2; margin: 2px 0 0 0; text-decoration: underline; } #headerPanelCategories ul ul ul { top: 0; left: 180px; } #searchbox1 {width:200px; height:95px; background-image: url('../images/search-box.png'); } #searchbox1 h3 {font-size:14px; font-weight:bold; padding-top:5px; padding-left:10px; padding-right:5px; color:#d6c870;} #searchbox1 form input { font-style:italic; margin-left:10px; margin-top:5px; width:162px; border: 1px solid #B2B2B2; color: #666; height:20px; line-height:16px; font-size:11px; padding: 0px 8px; vertical-align: middle;} #searchbox1 form .button {font-size:12px; margin-top:10px; margin-right:4px; border: 0px; background: url('../images/button-newsletter.png');float:right; width:70px; height:22px; font-weight:bold; color:#422724 ;font-style:normal;} #searchbox2 {width:200px; height:150px; margin-top:5px; background-image: url('../images/search-box-2.png');} #searchbox2 h3 {font-size:14px; font-weight:bold; padding-top:5px; padding-left:10px; padding-right:5px; color:#d6c870;} #searchbox2 form select { font-style:italic; margin-left:10px; margin-top:5px; width:180px; border: 1px solid #B2B2B2; color: #666; height:20px; line-height:16px; font-size:11px; padding: 0px 0px; vertical-align: middle;} #searchbox2 form .button {font-size:12px; margin-top:10px; margin-right:4px; border: 0px; background: url('../images/button-newsletter.png');float:right; width:70px; height:22px; font-weight:bold; color:#422724 ;font-style:normal;} /* Header Panel -------------------------------------------------------------------------------*/ #headerPanel { position: relative; z-index: 2; margin: 0 0px; width: 200px; height: 250px; float:left; /*background: transparent url('../images/mainMenu.png') 0 0 repeat-x;*/ float: left; } /* Main Menu -------------------------------------------------------------------------------*/ #headerPanel ul.mainMenuUl { display: block; margin: 1px; float: left; height: 31px; background: transparent url('../images/mainMenuUl.gif') 0 0 repeat-x; } #headerPanel ul.mainMenuUl li { display: block; position: relative; float: left; background: transparent url('../images/mainMenuLi.png') 100% 0 no-repeat; } #headerPanel ul.mainMenuUl li a { color: #e5e5e5!important; float: left; height: 31px; text-decoration: none; padding: 6px 15px 0 15px; } #headerPanel ul.mainMenuUl li a:hover { color: #fff!important; text-decoration: underline; } #headerPanel ul.mainMenuUl li:hover ul, #HeaderPanel ul.mainMenuUl li.hover ul { visibility:visible; } #headerPanel ul.mainMenuUl ul { padding: 10px 0; border-left: 1px solid #aeabab; border-right: 1px solid #aeabab; border-bottom: 1px solid #aeabab; z-index: 999; background: #6e6c6b; position: absolute; visibility: hidden; top: 31px; left: -1px; width: 180px; } #headerPanel ul.mainMenuUl ul li { background: none; display: block; float: left; border: none; padding: 0; } #headerPanel ul.mainMenuUl ul li a { font-size: 11px; width: 180px; float: left; height: auto; text-decoration: none; padding: 3px 15px; text-align: left; } #headerPanelCategories ul .button-divider {background-image: url('../images/button-divider.png'); width:2px; height:30px;} #button-start {height:30px; width:7px; background-image: url('../images/button-start.png'); float:left;} #button-end {height:30px; width:4px; background-image: url('../images/button-end.png'); float:right;} /* Search -------------------------------------------------------------------------------*/ #headerPanel .headerSearch { margin: 0 0 0 0; float: right; } #headerPanel .headerSearch span { font-weight: bold; float: left; padding: 8px 14px 0 14px; cursor: default; } #headerPanel form { float: left; } #headerPanel form input.inputText { padding: 2px 8px 0 8px; border-color: #6a6a6a; background: #ebebeb; width: 100px; margin: 4px 0 0 0; float: left; } #headerPanel form input.buttonHledat { margin: 4px 10px 0 10px; float: left; } /*#headerPanel p { width: 120px; float: left; padding: 8px 0 0 0; } #headerPanel p a { text-decoration: underline; color: #374a27; } #headerPanel p a:hover { text-decoration: none; color: #59674d; }*/ #rejstrik {width:540px; float:left;} #rejstrik .rejstrik-top {width:540px; float:left; height:29px; background-image:url('../images/rejstrik-top.png');} #rejstrik .rejstrik-bottom {width:540px; float:left; min-height:100px; height:auto; background:url('../images/rejstrik-bottom.png') no-repat; background-position:bottom ;} #rejstrik .rejstrik-bottom .text{padding:10px; color:#000000;} /* Main Content -------------------------------------------------------------------------------*/ #mainSkeletIn { padding: 0px 0 0 0; } #mainSkeletIn #mainSkelet { width: 750px; float: left; margin: 0 0px; } #mainSkeletIndex { position: relative; height: 250px; width: 745px; float: left; margin: 0; margin-top:5px; background: #000; margin-left:5px;} #flashBannerIndex { position: absolute; top: 0px; left: 0px; } .gridTop {width:165px; height:2px; background-image: url('../images/grid-top.png');} .img-to-mid {width:100%; text-align:center; margin-top:5px; margin-bottom:5px; height:100px;} .img-to-mid img {max-width:144px; width:144px !important; height:auto !important; max-height:100px;} /* Left Side -------------------------------------------------------------------------------*/ #leftside { width: 200px; float: left; padding-top:5px; } .prodBrown {background-color:#29100d; color:#FFFFFF; font-weight:bold; float:left; width:520px; padding-left:10px; margin-left:10px;} /* Left Side Pouzite Dily -------------------------------------------------------------------------------*/ #leftsidePouziteDily { padding: 0 0 0px 0; margin: 0px 0 0px 0px; margin-top:5px; width: 200px; float: left; background: url('../images/leftside.png') 100% 100% no-repeat; } #leftsidePouziteDily p.leftSidePouziteDilyTitle { margin: 0; float: left; width: 200px; height: 19px; line-height: 100px; font-size: 120%; } p.leftSidePouziteDilyTitle a:hover, p.leftSidePouziteDilyTitle a:focus, p.leftSidePouziteDilyTitle a:active { color: #371f1c; } p.leftSidePouziteDilyTitle span { background: url('../images/katalog-1.png') 0 0 no-repeat; color:#000000;} #leftsidePouziteDily ul.leftsidePouziteDilyUl { width: 200px; float: left; } #leftsidePouziteDily ul .nadpis {font-weight:bold; width:190px; height:15px; background: url('../images/katalog-1.png') 0 0 no-repeat; color:#000000;} ul.leftsidePouziteDilyUl div{ padding: 2px 0 4px 10px; border-bottom: 1px solid #c3c3c5; width: 190px; background: transparent url('../images/katalog-2.png') 0 0 repeat; overflow:hidden; } ul.leftsidePouziteDilyUl li { border-bottom: 0px solid #c3c3c5; width: 200px; background: transparent url('../images/katalog-2.png') 0 0 repeat; } ul.leftsidePouziteDilyUl li a, ul.leftsidePouziteDilyUl div a { text-decoration: none; color: #371f1c; font-size: 11px; font-weight: bold; display: block; width: 155px; } ul.leftsidePouziteDilyUl li a:hover, ul.leftsidePouziteDilyUl div a:hover { text-decoration: underline; color: #371f1c; } ul.leftsidePouziteDilyUl li strong, ul.leftsidePouziteDilyUl div strong { text-decoration: none; color: #371f1c; } /* Left Side Originalni Dily -------------------------------------------------------------------------------*/ #leftsideOriginalniDily { padding: 0 0 0px 0; margin: 0px 0 0px 0px; width: 200px; float: left; } #leftsideOriginalniDily p.leftSideOriginalniDilyTitle { margin: 0; float: left; width: 200px; height: 19px; line-height: 100px; font-size: 120%; } p.leftSideOriginalniDilyTitle a:hover, p.leftSideOriginalniDilyTitle a:focus, p.leftSideOriginalniDilyTitle a:active { color: #371f1c; } p.leftSideOriginalniDilyTitle span { background: transparent url('../images/katalog-1.png') 0 0 no-repeat; } #leftsideOriginalniDily ul.leftsideOriginalniDilyUl { width: 200px; float: left; /* padding: 60px 0 0 0; background: #000 url('../images/leftsideOriginalniDilyUl.jpg') 0 0 no-repeat;*/} #leftsideOriginalniDily ul .nadpis {font-weight:bold; width:190px; height:15px; background: url('../images/katalog-1.png') 0 0 no-repeat; color:#000000;} ul.leftsideOriginalniDilyUl div{ padding: 2px 0 4px 10px; border-bottom: 1px solid #c3c3c5; width: 190px; background: transparent url('../images/katalog-2.png') 0 0 repeat; } ul.leftsideOriginalniDilyUl li { width: 200px; background: transparent url('../images/katalog-2.png') 0 0 repeat; } ul.leftsideOriginalniDilyUl li a, ul.leftsideOriginalniDilyUl div a { text-decoration: none; color: #371f1c; font-size: 11px; font-weight: bold; display: block; width: 155px; } ul.leftsideOriginalniDilyUl li a:hover, ul.leftsideOriginalniDilyUl div a:hover { text-decoration: underline; color: #371f1c; } ul.leftsideOriginalniDilyUl li strong, ul.leftsideOriginalniDilyUl div strong { text-decoration: none; color: #371f1c; } /* Left Side Categories -------------------------------------------------------------------------------*/ #leftSideCategories { padding: 0 0 0px 0; margin: 0px 0 0px 0px; width: 200px; float: left; } #leftSideCategories p.leftSideCategoriesTitle { margin: 0; float: left; width: 200px; height: 19px; line-height: 100px; font-size: 120%; } p.leftSideCategoriesTitle a:hover, p.leftSideCategoriesTitle a:focus, p.leftSideCategoriesTitle a:active { color: #371f1c; } p.leftSideCategoriesTitle span { background: transparent url('../images/katalog-1.png') 0 0 no-repeat; } #leftSideCategories ul.leftSideCategoriesUl { width: 200px; float: left; /* padding: 60px 0 0 0; background: #000 url('../images/leftsideCategoriesUl.jpg') 0 0 no-repeat;*/ } #leftSideCategories ul .nadpis {font-weight:bold; width:190px; height:15px; background: url('../images/katalog-1.png') 0 0 no-repeat; color:#000000;} ul.leftSideCategoriesUl div{ padding: 2px 0 4px 10px; border-bottom: 1px solid #c3c3c5; width: 190px; background: transparent url('../images/katalog-2.png') 0 0 repeat; } ul.leftSideCategoriesUl li { width: 200px; background: transparent url('../images/katalog-2.png') 0 0 repeat; } ul.leftSideCategoriesUl li a, ul.leftSideCategoriesUl div a { text-decoration: none; color: #371f1c; font-size: 11px; font-weight: bold; display: block; width: 155px; } ul.leftSideCategoriesUl li a:hover, ul.leftSideCategoriesUl div a:hover { text-decoration: underline; color: #371f1c; } ul.leftSideCategoriesUl li strong, ul.leftSideCategoriesUl div strong { text-decoration: none; color: #371f1c; } /* Pages -------------------------------------------------------------------------------*/ /* Index -------------------------------------------------------------------------------*/ #index { position: relative; margin: 17px 0px; width: 363px; float: left; } #index #indexContent { width: 343px; float: left; margin: 2px 0 0 0; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; } /* Index Coda Slider -------------------------------------------------------------------------------*/ #index .coda-slider-wrapper { background: #fff; padding: 10px } #index .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } #index .coda-slider, #index .coda-slider .panel { width: 343px } #index .coda-slider-wrapper.arrows .coda-slider, #index .coda-slider-wrapper.arrows .coda-slider .panel { width: 343px } #index .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } #index .coda-nav-left a, #index .coda-nav-right a { font-size: 11px; background: #000; color: #fff; padding: 5px ; width: 100px } #index .coda-nav ul li a.current { background: #ececec; font-weight: bold; text-decoration: underline; font-size: 12px; color: #111642; } #index .coda-slider .panel-wrapper { background: #fff; padding: 0 } #index .coda-slider .panel-wrapper form { width: 323px; float: left; background: #ececec; padding: 10px 10px 0 10px } #index .coda-slider .panel-wrapper form div { padding: 3px 0; width: 50%; float: left; } #index .coda-slider .panel-wrapper form div label { float: left; color: #111642; display: inline-block; padding: 2px 5px 0px 0px; text-align: left; vertical-align: top; width: 70px; } #index .coda-slider .panel-wrapper form div.submit { margin: 10px 10px; text-align: right; width: 302px; } #index .coda-slider .panel-wrapper h2 { display: none; } #index .coda-slider p.loading { padding: 20px; text-align: center } #index .coda-nav ul { clear: both; display: block; margin: 0; padding:0; overflow: hidden } #index .coda-nav ul li { display: inline } #index .coda-nav ul li a { background: #fff; color: #000; font-size: 12px; display: block; float: left; padding: 6px 12px 6px 10px; text-decoration: none } #index .coda-slider-wrapper { clear: both; overflow: auto } #index .coda-slider { float: left; overflow: hidden; position: relative } #index .coda-slider .panel { display: block; float: left } #index .coda-slider .panel-container { position: relative } #index .coda-nav-left, #index .coda-nav-right { float: left } #index .coda-nav-left a, #index .coda-nav-right a { display: block; text-align: center; text-decoration: none } #mainSkeletIn .index-prods { position: relative; height: 188px; width: 750px; float: left; margin: 2px 0 2px 10px; } .index-prods .arrow { position: absolute; top: 0; z-index: 999; overflow: hidden; width: 56px; height: 222px; line-height: 73px; font-size: 400%; font-weight: bold; color: #fff; } .index-prods .arrow a { padding-left: 15px; text-decoration: none; color: #fff; } .index-prods #prev { top: -17px; left: -39px; } .index-prods #prev span { background-image: url('../images/arrow-left.png'); } .index-prods #next { top: -17px; right: -43px; } .index-prods #next span { background-image: url('../images/arrow-right.png'); } .index-prods #screen{ width: 1178px; } .index-prods .prods { overflow: hidden; width: 100%; } .index-prods li { border: 1px solid #fff; padding: 5px; background: #f0f0f0; height: 176px; width: 183px; float: left; margin: 0 2px 0 0px; } .index-prods li h2 { padding: 0 5px; height: 38px; float: left; width: 100%; font-size: 11px; } .index-prods li h2 a { color: #003e5e; text-decoration: none; } .index-prods li h2 a:hover { color: #000; text-decoration: underline; } .index-prods li span.productIndexLeftPrice { padding: 3px 8px; float: left; width: 165px; height: 18px; background: #011a26; color: #FD9292; } .index-prods li strong { font-weight: bold; font-size: 12px; color: #F94862; } .index-prods li .productIndexImg { border-bottom: 3px solid #011a26; float: left; height: 110px; overflow: hidden; } /* Catalogue -------------------------------------------------------------------------------*/ #catalogue { background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #catalogue .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 540px; float: left; } #catalogue h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: underline; float: left; color: #b5933f; font-size: 12px; } #catalogue .filter { margin: 0 10px; padding: 5px 0; border-top: 1px solid #eef3e9; width: 540px; float: left; color: #677f50; text-align: center; } #catalogue .filter .filter-box .active { text-decoration: none; color: #000; } #catalogue .filter .filter-box { float: left; width: 100%; } #catalogue .filter .filter-box form { margin: 0 auto; width: 410px; } #catalogue .filter .filter-box form p { width: 330px; padding: 10px 0 0 0; float: left; } #catalogue .filter .filter-box form input.buttonZobrazit { margin: 10px 0 0 5px; float: left; } #catalogue .pageChanger { border-top: 1px solid #eef3e9; margin: 0 10px; padding: 5px 0; width: 540px; float: left; color: #677f50; text-align: center; } #catalogue .pageChanger strong { color: #000; } #catalogue .productsGrid { width: 540px; margin: 0 0 0 10px; border-top: 1px solid #eef3e9; padding: 10px 0 0 0; float: left; } .productsGrid .productGrid { margin: 0 0 10px 0; width: 166px!important; float: left; padding:5px; } .productGrid .productGridLeft { width: 100%!important; margin: 0 0 0 0; float: left; } .productGridLeft h3 { height: 26px; overflow: hidden; line-height: 13px; font-size: 12px; color: #371f1c; background-color:#cbcbcd; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-decoration:none;} .productGridLeft h3 a { text-decoration: none; color: #371f1c;} .productGridLeft h3 a:hover { text-decoration: none; color: #371f1c;} .productGridLeft p.perex { height: 53px; overflow: hidden; padding: 4px 0; font-weight: normal; line-height: 11px; font-size: 11px; color: #a09a8c; text-align:left; } .productGridLeft span { width: 100%; float: left; padding: 0 0 0 0; font-weight: bold; font-size: 11px; color: #000; background: url('../images/katalog-3.png') } .productGridLeft span strong { text-decoration: none; color: #715a22; margin-left:10px; margin-top:5px; } .productGridLeft span .to-right {float:right; margin-right:10px; margin-top:2px;} .productGridLeft p.basket { padding: 0 0 5px 0; float: left; } .productGrid .productGridRight { width: 65px; height: 125px; position: relative; margin: 0 9px 0 10px; float: left; } .productGrid .productGridRight .tip { display: block; width: 43px; height: 43px; position: absolute; top: 0; right: 0; z-index: 999; background: transparent url('../images/tip.png') 100% 0 no-repeat; } .productGridRight a { height: 125px; display: table-cell; text-align: center; width: 65px; vertical-align: middle; } .productGridRight * { vertical-align: middle; } #catalogue .productsGrid p.productNone { margin: 10px; float: left; } #mainSkeletIn .productsGrid p.productNone { margin: 10px; float: left; } /* Catalogue Detail -------------------------------------------------------------------------------*/ #catalogueDetail { background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #catalogueDetail .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #catalogueDetail h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #000; font-size: 12px; } #catalogueDetail h2 span { text-decoration: none; color: #3e1a02; font-size:18px; } #catalogueDetail ul.catalogueDetailQuickLinks { margin: 0 10px; padding: 10px 0 10px 0; float: left; width: 520px; } ul.catalogueDetailQuickLinks li { margin: 0 2px 0 0; } ul.catalogueDetailQuickLinks li.tisk { float: left; width: 69px; height: 27px; line-height: 100px; font-size: 100%; } ul.catalogueDetailQuickLinks li.tisk span { background: transparent url('../images/catalogueDetailQuickLinkPrint.png') 0 0 no-repeat; } ul.catalogueDetailQuickLinks li.favouriteAdd { float: left; width: 105px; height: 27px; line-height: 100px; font-size: 100%; } ul.catalogueDetailQuickLinks li.favouriteAdd span { background: transparent url('../images/catalogueDetailQuickLinkFavouriteAdd.png') 0 0 no-repeat; } ul.catalogueDetailQuickLinks li.favouriteRemove { float: left; width: 113px; height: 27px; line-height: 100px; font-size: 100%; } ul.catalogueDetailQuickLinks li.favouriteRemove span { background: transparent url('../images/catalogueDetailQuickLinkFavouriteRemove.png') 0 0 no-repeat; } ul.catalogueDetailQuickLinks li.sendLink { float: left; width: 111px; height: 27px; line-height: 100px; font-size: 100%; } ul.catalogueDetailQuickLinks li.sendLink span { background: transparent url('../images/catalogueDetailQuickLinkSendLink.png') 0 0 no-repeat; } ul.catalogueDetailQuickLinks li.compare { float: left; width: 63px; height: 27px; line-height: 100px; font-size: 100%; } ul.catalogueDetailQuickLinks li.compare span { background: transparent url('../images/catalogueDetailQuickLinkCompare.png') 0 0 no-repeat; } ul.catalogueDetailQuickLinks li.watchdog { float: left; width: 72px; height: 27px; line-height: 100px; font-size: 100%; } ul.catalogueDetailQuickLinks li.watchdog span { background: transparent url('../images/catalogueDetailQuickLinkWatchdog.png') 0 0 no-repeat; } #catalogueDetail div.catalogueDetailLeft { margin: 0 10px 0 10px; width: 540px; float: left; } div.catalogueDetailLeft strong.title { font-size: 12px; color: #275c94; width: 200px; float: left; padding: 10px 0; } div.catalogueDetailLeft p.perex { width: 200px; float: left; padding: 0 0 5px 0; line-height: 13px; font-size: 11px; } div.catalogueDetailLeft p.price, div.catalogueDetailLeft p.availability { width: 200px; float: left; padding: 5px 0 0 0; } div.catalogueDetailLeft p.price span { font-size: 12px; } div.catalogueDetailLeft p strong { font-weight: bold; color: #000; } div.catalogueDetailLeft p span { font-weight: normal; color: #000; } div.catalogueDetailLeft .img-to-left {width:250px; float:left;} div.catalogueDetailLeft .img-to-left a {text-decoration:none;} div.catalogueDetailLeft .text-to-left {float:left; width:200px; margin-left:10px;} div.catalogueDetailLeft div.basket { /*background: transparent url('../images/catalogueDetailLeftForm.jpg') 0 0 no-repeat;*/ float: left; margin: 0px 0 0 0; height: auto; width: 246px; padding:5px; } div.catalogueDetailLeft div.basket .price {font-size:14px; color:#371f1c ; font-weight:bold; padding:0;} div.catalogueDetailLeft form { float: left; } div.catalogueDetailLeft form span { color: #fff; padding: 5px 8px; float: left; } div.catalogueDetailLeft form input.inputText { margin-left:5px; margin-right:5px; width: 12px; float: left;} div.catalogueDetailLeft form input.buttons { margin: 2px 0 0 0; float: left;} div.catalogueDetailLeft div.basket .button {font-size:12px; background: url(../images/button-news.png); border: none; margin-left:10px; margin-top:2px; cursor: pointer; height: 22px; float:right; width:70px; padding: 0; margin: 0; line-height: 22px; font-weight:bold; color:#f9eb98; } #catalogueDetail div.catalogueDetailRight { width: 270px; margin: 20px 10px 0 0; float: right; } div.catalogueDetailRight a.image { float: left; display: table-cell; text-align: center; width: 170px; vertical-align: middle; } div.catalogueDetailRight * { vertical-align: middle; } div.catalogueDetailRight a.bigImage { float: left; text-align: center; width: 270px; } #catalogueDetail ul.catalogueDetailMenu { margin: 0 10px; padding: 10px 0 10px 0; float: left; width: 540px; } ul.catalogueDetailMenu li { margin: 0 2px 0 0; } ul.catalogueDetailMenu li.active span { background-position: 0 -26px!important; } ul.catalogueDetailMenu li.popisProduktu { float: left; width: 90px; height: 26px; line-height: 100px; font-size: 100%; } ul.catalogueDetailMenu li.popisProduktu span { background: transparent url('../images/catalogueDetailMenuPopisProduktu.png') 0 0 no-repeat; } ul.catalogueDetailMenu li.technickeInfo { float: left; width: 111px; height: 26px; line-height: 100px; font-size: 100%; } ul.catalogueDetailMenu li.technickeInfo span { background: transparent url('../images/catalogueDetailMenuTechnickeInformace.png') 0 0 no-repeat; } ul.catalogueDetailMenu li.fotogalerie { float: left; width: 70px; height: 26px; line-height: 100px; font-size: 100%; } ul.catalogueDetailMenu li.fotogalerie span { background: transparent url('../images/catalogueDetailMenuFotogalerie.png') 0 0 no-repeat; } ul.catalogueDetailMenu li.diskuse { float: left; width: 58px; height: 26px; line-height: 100px; font-size: 100%; } ul.catalogueDetailMenu li.diskuse span { background: transparent url('../images/catalogueDetailMenuDiskuse.png') 0 0 no-repeat; } #catalogueDetail .catalogueDetailMenuContent { line-height: 13px; margin: 0 25px 0 20px; padding: 0 0 25px 0; float: left; width: 540px; } #catalogueDetail .catalogueDetailMenuContent h3 {color:#3d3d3d;} #catalogueDetail .socialnet { margin: 0 10px; padding: 0 0 5px 0; float: left; width: 540px; border-bottom: 1px solid #eaeaea; } #catalogueDetail .socialnet p { padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #eaeaea; float: left; font-weight: bold; color: #475f32; width: 540px; } #catalogueDetail .socialnet a { float: left; padding: 4px 5px 4px 0; } #catalogueDetail .socialnet img { float: left; padding: 0px 10px 0px 5px; width: 22px; } /* Article -------------------------------------------------------------------------------*/ #article { background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #article .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #article h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #article h2 span { text-decoration: underline; color: #799b5b; } #article div.pagetext { line-height: 13px; margin: 0 10px; width: 520px; float: left; font-size: 11px; } #article div.pagetext p { padding: 0 0 10px 0; } /* Basket -------------------------------------------------------------------------------*/ #basket { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #basket .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #basket h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #000000; font-size: 12px; } #basket h2 span { text-decoration: underline; color: #799b5b; } #basket table { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #article div.pagetext p { padding: 0 0 10px 0; } #basket table input.inputText { margin: 0 0; width: 12px; } #basket form { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; } #basket form h3 { padding: 15px 0 5px 0; width: 520px; color: #81692d; text-decoration: none; float: left; font-size: 11px; } #basket form div { padding: 5px 0 10px 0; float: left; width: 520px; } #basket .submit { margin: 10px 0; text-align: center; width: 520px; } #basket .submit a.buttons { display: inline-block; border: none; cursor: pointer; height: 25px; overflow: hidden; padding: 0; text-indent: -9999px; line-height: 25px; } #basket .submit a.buttons:hover, #basket .submit a.buttons.hover { background-position: 0 -25px; } #basket .submit a.buttonVypraznitKosik { margin: 1px 1px 1px 0px; background: url(../images/buttons/buttonVyprazdnitKosik.png) 0 0 no-repeat; width: 108px; } #basket .submit a.buttonPokracovatVNakupu { margin: 1px 0px; background: url(../images/buttons/buttonPokracovatVNakupu.png) 0 0 no-repeat; width: 132px; } #basket .submit a.buttonPrejitKPokladne { margin: 1px 1px 1px 0px; background: url(../images/buttons/buttonPrejitKPokladne.png) 0 0 no-repeat; width: 112px; } /* Order -------------------------------------------------------------------------------*/ #order { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0%px 0px 0 0px; width: 540px; float: left; } #order .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #order h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #000000; font-size: 12px; } #order h2 span { text-decoration: underline; color: #799b5b; } #order h3 { padding: 15px 0 5px 0; width: 520px; color: #81692d; text-decoration: none; float: left; font-size: 11px; } #order .warningMessages { margin: 0 10px; width: 520px; float: left; } #order .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #order .sectionHeader { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #order .sectionHeader p { padding: 0 0 10px 0; } #order table { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #order .submit { margin: 10px 0; text-align: center; width: 520px; } #order form {margin-left:10px;} #order form .fieldsetHalf {padding:5px; width:520px; float:left;} #order form .fieldsetHalf .text {width:150px; height:20px; float:left; margin-top:5px;} #order form .fieldsetHalf .inpt {width:350px; height:20px; float:left; margin-top:5px;} #order form .fieldsetHalf legend {font-weight:bold;} /* Order View -------------------------------------------------------------------------------*/ #orderView { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 1px 4px 0 6px; width: 773px; float: left; } #orderView .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 753px; float: left; } #orderView h2 { margin: 0 10px; padding: 10px 0; width: 753px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #orderView h2 span { text-decoration: underline; color: #799b5b; } #orderView .sectionHeader { margin: 0 10px; width: 753px; float: left; font-size: 11px; } #orderView .sectionHeader p { padding: 0 0 10px 0; } #orderView table { margin: 0 10px; width: 753px; float: left; font-size: 11px; } #orderView p { margin: 0 10px; width: 753px; float: left; font-size: 11px; } /* Registration -------------------------------------------------------------------------------*/ #registration { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #registration .fieldsetHalf {margin-left:10px; padding:5px; margin-top:10px;} #registration .fieldsetHalf legend {font-weight:bold;} #registration .fieldsetHalf .text p {margin-top:5px; } #registration .fieldsetHalf .text {width:150px; height:20px; float:left; margin-top:5px;} #registration .fieldsetHalf .inpt {width:350px; height:20px; float:left; margin-top:5px;} #registration .fieldsetHalf .required{font-weight:bold;} #registration .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #registration h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #registration h2 span { text-decoration: underline; color: #799b5b; } #registration h3 { padding: 15px 0 5px 0; width: 520px; color: #81692d; text-decoration: none; float: left; font-size: 11px; } #registration .warningMessages { margin: 0 10px; width: 520px; float: left; } #registration .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #registration .sectionHeader { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #registration .sectionHeader p { padding: 0 0 10px 0; } #registration table { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #registration p { float: left; width: 100%; } #registration label.labelRadio { width: 300px!important; } #registration .submit { margin: 10px 0; text-align: center; width: 520px; } /* Login -------------------------------------------------------------------------------*/ #login { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #login .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 540px; float: left; } #login h2 { margin: 0 10px; padding: 10px 0; width: 540px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #login h2 span { text-decoration: underline; color: #799b5b; } #login .warningMessages { margin: 0 10px; width: 540px; float: left; } #login .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #login .sectionHeader { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #login .sectionHeader p { padding: 0 0 10px 0; } #login fieldset {margin-left:10px; padding:5px;} #login fieldset legend {font-weight:bold;} #login fieldset p { float: left; width: 50%!important; } #login .submit { margin: 10px 0; text-align: center; width: 510px; } /* Comission -------------------------------------------------------------------------------*/ #comission { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #comission .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #comission h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #000000; font-size: 12px; } #comission h2 span { text-decoration: underline; color: #000000; } #comission .warningMessages { margin: 0 10px; width: 520px; float: left; } #comission .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #comission .sectionHeader { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #comission .sectionHeader p { padding: 0 0 10px 0; } #comission table { margin: 0 10px; width: 520px; float: left; font-size: 11px; } /* Loyalty -------------------------------------------------------------------------------*/ #loyalty { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #loyalty .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #loyalty h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #loyalty h2 span { text-decoration: underline; color: #000000; } #loyalty h3 { padding: 15px 10px 5px 10px; width: 520px; color: #000000; text-decoration: none; float: left; font-size: 11px; } #loyalty h4 { padding: 5px 0 5px 0; float: left; } #loyalty .warningMessages { margin: 0 10px; width: 520px; float: left; } #loyalty .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #loyalty .sectionHeader { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #loyalty .sectionHeader p { padding: 0 0 10px 0; } #loyalty table { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #loyalty .submit { margin: 10px 200px; text-align: center; width: 520px; float: left; } #loyalty p { margin: 0 10px; width: 100%; float: left; font-size: 11px; } #loyalty a.buttons { margin: 1px 2px 2px 1px; float: left; } #loyalty a.buttons { border: none; cursor: pointer; height: 25px; overflow: hidden; padding: 0; text-indent: -9999px; line-height: 25px; } #loyalty a.buttons:hover, a.buttons.hover { background-position: 0 -25px; } #loyalty .productsGrid { width: 520px; margin: 0 10px; border-top: 1px solid #eef3e9; padding: 10px 0 0 0; float: left; } #loyalty .productsGrid h3 { margin: 0; padding: 0; height: 29px; overflow: hidden; line-height: 13px; font-size: 12px; color: #af8b30; width: 100%;} #loyalty .productsGrid p { height: 60px; font-weight: normal; margin: 0; padding: 5px 0 5px 0; } /* Newsletter -------------------------------------------------------------------------------*/ #newsletter { line-height: 13px; /*background: transparent url('../images/indexContent1.png') 0 0 no-repeat;*/ margin: 10px 0px 0 0px; width: 540px; float: left; } #newsletter .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 540px; float: left; } #newsletter form {margin-left:10px; padding:5px;} #newsletter h2 { margin: 0 10px; padding: 10px 0; width: 540px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #newsletter h2 span { text-decoration: underline; color: #799b5b; } #newsletter form fieldset {padding:5px;} #newsletter .warningMessages { margin: 0 10px; width: 540px; float: left; } #newsletter .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #newsletter .sectionHeader { margin: 0 10px; width: 540px; float: left; font-size: 11px; } #newsletter .sectionHeader p { padding: 0 0 10px 0; } #newsletter p { float: left; width: 100%; } #newsletter label { width: 150px!important; } #newsletter label.labelCheckbox { width: 300px!important; } #newsletter .submit { margin: 10px 0; text-align: center; width: 540px; } /* Search -------------------------------------------------------------------------------*/ #search { background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 5px 0px 0 0px; width: 540px; float: left; } #search .navigation { padding-left:5px; border-bottom: 1px solid #f7f7f7; height: 25px; margin: 0px 5px 0 0px; width: 540px; float: left; } #search h2 { margin: 0 10px; padding: 10px 0; width: 540px; text-decoration: underline; float: left; color: #b5933f; font-size: 12px; } #search .sectionHeader { margin: 0 10px; width: 540px; float: left; font-size: 11px; } #search .sectionHeader p { padding: 0 0 10px 0; } #search .filter { margin: 0 10px; padding: 5px 0; border-top: 1px solid #eef3e9; width: 540px; float: left; color: #677f50; text-align: center; } #search .filter .filter-box .active { text-decoration: none; color: #000; } #search .filter .filter-box { float: left; width: 100%; } #search .filter .filter-box form { margin: 0 auto; width: 410px; } #search .filter .filter-box form p { width: 330px; padding: 10px 0 0 0; float: left; } #search .filter .filter-box form input.buttonZobrazit { margin: 10px 0 0 5px; float: left; } #search .pageChanger { border-top: 1px solid #eef3e9; margin: 0 10px; padding: 5px 0; width: 540px; float: left; color: #677f50; text-align: center; } #search .pageChanger strong { color: #000; } #search .productsGrid { width: 540px; margin: 0 10px; border-top: 1px solid #eef3e9; padding: 10px 0 0 0; float: left; } .productsGrid .productGrid { margin: 0 0 10px 0; background: transparent url('../images/productIndex.png') 50% 100% no-repeat; width: 50%; float: left; } .productGrid .productGridLeft { width: 170px; margin: 0 0 0 0; float: left; } .productGridLeft h3 { height: 26px; overflow: hidden; line-height: 13px; font-size: 12px; color: #af8b30; } .productGridLeft h3 a { text-decoration: underline; } .productGridLeft h3 a:hover { text-decoration: none; } .productGridLeft p.perex { height: 53px; overflow: hidden; padding: 4px 0; font-weight: normal; line-height: 11px; font-size: 10px; color: #a09a8c; } .productGridLeft span { float: left; padding: 0 0 0 0; font-weight: bold; font-size: 11px; color: #000; } .productGridLeft span strong { text-decoration: none; color: #371f1c; } .productGridLeft p.basket { padding: 0 0 5px 0; float: left; } .productGrid .productGridRight { width: 65px; height: 125px; position: relative; margin: 0 9px 0 10px; float: left; } .productGridRight a { height: 125px; display: table-cell; text-align: center; width: 65px; vertical-align: middle; } .productGridRight * { vertical-align: middle; } #search .productsGrid p.productNone { padding: 0 10px; float: left; } /* Send Link -------------------------------------------------------------------------------*/ #sendLink { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 1px 4px 0 6px; width: 773px; float: left; } #sendLink .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 753px; float: left; } #sendLink h2 { margin: 0 10px; padding: 10px 0; width: 753px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #sendLink h2 span { text-decoration: underline; color: #799b5b; } #sendLink .warningMessages { margin: 0 10px; width: 753px; float: left; } #sendLink .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #sendLink .sectionHeader { margin: 0 10px; width: 753px; float: left; font-size: 11px; } #sendLink .sectionHeader p { padding: 0 0 10px 0; } #sendLink p { width: 100%; } #sendLink p.half { float: left; width: 50%; } #sendLink .submit { margin: 10px 0; text-align: center; width: 753px; } /* Compare -------------------------------------------------------------------------------*/ #compare { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #compare .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #compare h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #compare h2 span { text-decoration: underline; color: #799b5b; } #compare .sectionHeader { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #compare .sectionHeader p { padding: 0 0 10px 0; } #compare table { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #compare table td { margin: 0; padding: 5px 0!important; } #compare table td ul { margin: 0 5px; list-style: disc; } #compare table td ul li { margin: 0 5px; list-style: disc; } #compare .productsGrid { width: 520px; margin: 0 10px; border-top: 1px solid #eef3e9; padding: 10px 0 0 0; float: left; } #compare .productsGrid .productGrid { margin: 0 0 10px 0; background: transparent url('../images/productIndex.png') 50% 100% no-repeat; width: 50%; float: left; } #compare .productGrid .productGridLeft { width: 170px!important; margin: 0 0 0 0; float: left; } #compare .productGridLeft h3 { height: 26px; overflow: hidden; line-height: 13px; font-size: 12px; color: #af8b30; } #compare .productGridLeft h3 a { text-decoration: underline; } #compare .productGridLeft h3 a:hover { text-decoration: none; } #compare .productGridLeft p.man { overflow: hidden; padding: 2px 0; font-weight: normal; line-height: 11px; font-size: 10px; color: #a09a8c; } #compare .productGridLeft p.perex { height: 53px; overflow: hidden; padding: 4px 0; font-weight: normal; line-height: 11px; font-size: 10px; color: #a09a8c; } #compare .productGridLeft span { float: left; padding: 0 0 0 0; font-weight: bold; font-size: 11px; color: #000; } #compare .productGridLeft span strong { text-decoration: underline; color: #715a22; } #compare .productGridLeft p.basket { padding: 5px 0 5px 0; float: left; } #compare .productGridLeft p.compareAction { width: 100%; padding: 0 0 5px 0; float: left; } #compare .productGrid .productGridRight { width: 65px; height: 125px; position: relative; margin: 0 9px 0 10px; float: left; } #compare .productGridRight a { height: 125px; display: table-cell; text-align: center; width: 65px; vertical-align: middle; } #compare .productGridRight img { width: 80px!important; height: 60px!important; vertical-align: middle; } #compare .productsGrid p.productNone { padding: 0 10px; float: left; } /* Watchdog -------------------------------------------------------------------------------*/ #watchdog { line-height: 13px; background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #watchdog .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #watchdog h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #watchdog h2 span { text-decoration: underline; color: #799b5b; } #watchdog .warningMessages { margin: 0 10px; width: 520px; float: left; } #watchdog .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #watchdog .sectionHeader { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #watchdog .sectionHeader p { padding: 0 0 10px 0; } #watchdog table { margin: 0 10px; width: 520px; float: left; font-size: 11px; } #watchdog p { float: left; width: 100%; } #watchdog label.labelRadio { width: 300px!important; } #watchdog input.inputText { margin: 0; } #watchdog label.labelCheckbox { width: 240px; } #watchdog .submit { margin: 10px 0; text-align: center; width: 520 px; } /* Articles -------------------------------------------------------------------------------*/ #articles { background: transparent url('../images/indexContent1.png') 0 0 no-repeat; margin: 0px 0px 0 0px; width: 540px; float: left; } #articles .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 520px; float: left; } #articles h2 { margin: 0 10px; padding: 10px 0; width: 520px; text-decoration: none; float: left; color: #000000; font-size: 12px; } #articles h2 span { text-decoration: underline; color: #799b5b; } #articles .articlesArticle { border-top: 1px solid #e9e9e9; margin: 0 10px; padding: 10px 0; width: 520px; float: left; } #articles .articlesArticleHead { width: 520px; float: left; } #articles .articlesArticleHead h3 { text-decoration: none; float: left; color: #000000; font-size: 11px; } #articles .articlesArticleHead span { text-decoration: none; float: right; color: #000000; font-size: 11px; } #articles .articlesArticleBody { width: 520px; float: left; } #articles .articlesPaging { width: 520px; float: left; } /* Right Side -------------------------------------------------------------------------------*/ #rightside { width: 200px; float: left; margin-left:10px; margin-top:5px; } /* Right Side Basket -------------------------------------------------------------------------------*/ #rightsideBasket { padding: 0 0 5px 0; margin: 1px 1px 0 0; width: 195px; float: right; } #rightsideBasket p.rightsideBasketTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.rightsideBasketTitle a:hover, p.rightsideBasketTitle a:focus, p.rightsideBasketTitle a:active { color: #000; } p.rightsideBasketTitle span { background: transparent url('../images/sideTitleVasNakupniKosik.jpg') 0 0 no-repeat; } #rightsideBasket div.rightsideBasketSkelet { width: 195px; float: left; padding: 10px 0 0 0; background: #fff url('../images/rightsideBasketSkelet.jpg') 0 0 no-repeat; } div.rightsideBasketSkelet a.rightsideBasketLeft { float: left; padding: 0 0 0 10px; } div.rightsideBasketSkelet div.rightsideBasketRight { float: right; } div.rightsideBasketRight p { padding: 25px 10px 10px 0; text-align: right; } div.rightsideBasketRight p a { font-weight: bold; color: #3e4736; text-decoration: underline; } div.rightsideBasketRight p a:hover { font-weight: bold; color: #67834e; text-decoration: none; } /* RIGHT side nenasli jste */ #nenaslijste {background: url('../images/right-clmn.png'); width:200px; padding: 0 0 0px 0; float:right; height:177px; } #nenaslijste h3 {margin-left:10px; margin-right:10px; margin-top:5px; font-size:14px; font-weight:bold; color:#c0b164;} #nenaslijste p {padding-left:10px; padding-right:5px; padding-top:5px; font-size:11; color:#ffffff;} #nenaslijste form input {font-style:italic; margin-left:10px; margin-top:1px; width:162px; border: 1px solid #B2B2B2; color: #666; height:20px; line-height:16px; font-size:11px; padding: 0px 8px; vertical-align: middle;} #nenaslijste form .button {font-size:12px; margin-right:10px; border: 0px; background: url('../images/button-newsletter.png');float:right; width:70px; height:22px; font-weight:bold; color:#422724 ;font-style:normal;} /* Right Side Newsletter -------------------------------------------------------------------------------*/ #rightsideNewsletter { padding: 0 0 5px 0; margin: 1px 1px 8px 0; width: 200px; height:134px; float: right; background: url('../images/newsletter.png') 100% 100% no-repeat; } #rightsideNewsletter h3 {color:#422724; font-size:14px; padding-left:10px; padding-top:10px; font-weight:bold; float:left; } #rightsideNewsletter p {padding-top:0px; width:180px; margin-left:10px; float:left; color:#3d3d3d; font-size:11px; margin-bottom:0px;} #rightsideNewsletter p.rightsideNewsletterTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.rightsideNewsletterTitle a:hover, p.rightsideNewsletterTitle a:focus, p.rightsideNewsletterTitle a:active { color: #000; } p.rightsideNewsletterTitle span { /* background: transparent url('../images/sideTitleOdberNovinek.jpg') 0 0 no-repeat;*/ } #rightsideNewsletter form { width: 200px; float: left; padding: 0px 0; /* background: #292929; */ } #rightsideNewsletter form .inputText { float: left; margin: 2px 5px 0 10px; width: 160px; } #rightsideNewsletter form . /* Right Side Where Find Us -------------------------------------------------------------------------------*/ #rightsideWhereFindUs { padding: 0 0 5px 0; margin: 1px 1px 8px 0; width: 195px; float: right; background: url('../images/leftside.png') 100% 100% no-repeat; } #rightsideWhereFindUs p.rightsideWhereFindUsTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.rightsideWhereFindUsTitle a:hover, p.rightsideWhereFindUsTitle a:focus, p.rightsideWhereFindUsTitle a:active { color: #000; } p.rightsideWhereFindUsTitle span { background: transparent url('../images/sideTitleKdeNasNajdete.jpg') 0 0 no-repeat; } #rightsideWhereFindUs div.rightsideWhereFindUsSkelet { height: 128px; width: 195px; float: left; padding: 1px; background: #fff url('../images/rightsideBasketSkelet.jpg') 0 0 no-repeat; } /* Right Side Advertisement -------------------------------------------------------------------------------*/ #rightsideAdvertisement { height: 386px; padding: 0 0 5px 0; margin: 1px 1px 8px 0; width: 200px; float: right; background: url('../images/leftside.png') 100% 100% no-repeat; } #rightsideAdvertisement #flashAdvertisement { padding: 1px; height: 384px; background: url('../images/rightsideAdv.png') 0 0 no-repeat; } /* Footer -------------------------------------------------------------------------------*/ ul.footerLinks { border-top: 1px dashed #EAEAEA; padding: 15px 0; text-align: center; } ul.footerLinks li { display: inline; } ul.footerLinks li a { color: #000!important; text-decoration: none; } ul.footerLinks li a:hover { color: #A1A1A1!important; text-decoration: underline; } #footer {float:left; font-size: 10px; color: #c3c5d3; margin: 0 auto 0 auto; width: 100%; min-height:115px; text-align: center; border-top:1px solid #29100d; background-color:#EEE; /*#29100d; */} #footer .to-mid {width:950px; margin:0 auto 0 auto; text-align:center;} #footer .to-mid p { float: left; padding: 0px 0px; margin: 0 auto 0 auto; text-align:left; } #footer .to-mid .left {width:700px; float:left; text-align:left; color:#29100d;} #footer .to-mid .left a {color: /*#f9eb98*/ #29100d;} #footer .to-mid .to-right {width:250px; float:right; text-align:right;} #footer .to-mid .to-right p {text-align:right; float:right; color:#29100d;} #footer .to-mid .to-right p a {text-decoration:underline; color: #29100d; /*#FFFFFF;*/} #footer a { text-decoration: none; color:#29100d /*#f9eb98*/; } #footer a:hover { color: /*#f9eb98*/ #29100d; } /* Flash Banner -------------------------------------------------------------------------------*/ #footer #flashBanner { width: 1176px; border: 1px solid #fff; background: #000; margin: 1px 10px; height: 185px; float: left; } #footer #flashBanner object { width: 1176px; height: 185px; float: left; } #footer .footerLeft { padding: 5px 15px; float: left; } #footer .footerRight { padding: 5px 15px; float: right; } /* --------------------------------------------------------------------------------------- Global ---------------------------------------------------------------------------------------*/ .margin10-5 {margin-right:11px; padding-top:5px; float:right;} /* Inputs -------------------------------------------------------------------------------*/ input.inputText { vertical-align: middle; height: 20px; border: 1px solid #b2b2b2; line-height: 16px; padding: 0 8px 0 8px; font-style: italic; font-size: 11px; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } textarea.textarea { width: 372px; margin: 0; height: 80px; border: 1px solid #b2b2b2!important; line-height: 16px; padding: 8px; font-style: italic; font-size: 11px; font-family: Calibri, arial, sans-serif; color: #666; } /* Buttons -------------------------------------------------------------------------------*/ input.buttons { background: none no-repeat top left; border: none; cursor: pointer; height: 25px; overflow: hidden; padding: 0; margin: 0; width: auto; line-height: 25px; } /*input.buttons:hover, input.buttons.hover { background-position: 0 -25px; } */ input.buttons-newsletter {margin-right:10px; font-size:12px; background: url(../images/button-news.png); border: none; cursor: pointer; height: 22px; float:right; width:70px; padding: 0; margin: 0; line-height: 22px; font-weight:bold; color:#d3c670; } .buttons-newsletter {text-align:center; font-size:12px; background: url(../images/button-news.png); border: none; cursor: pointer; height: 22px; float:right; width:70px; padding: 0; margin: 0; line-height: 22px; font-weight:bold; color:#d3c670; text-decoration:none; margin-right:10px; margin-top:10px; } input.button-newsletter {float:left; font-size:12px; background: url(../images/button-news.png); border: none; cursor: pointer; height: 22px; width:70px; padding: 0; margin: 0; line-height: 22px; font-weight:bold; color:#d3c670; } input.buttonOk { background: url(../images/button.png) 0 0 repeat-x; text-indent:0px; font-weight:bold; font-size:11px; height:30px; margin-top: 0px; float:right; width:55px; } /* input.buttonOk2 { background: url(../images/button-news.png) 0 0 repeat-x; text-indent:0px; font-weight:bold; padding:3px; padding-left:5px; padding-right:5px; font-size:11px; height:30px; margin-top: 0px; } */ input.buttonHledat { background: url(../images/buttons/buttonHledat.png) 0 0 no-repeat; width: 62px; } input.buttonZobrazit { background: url(../images/buttons/buttonZobrazit.png) 0 0 no-repeat; width: 70px; } input.buttonZavazneObjednat { background: url(../images/buttons/buttonZavazneObjednat.png) 0 0 no-repeat; width: 115px; } input.buttonZpetDoKosiku { background: url(../images/buttons/buttonZpetDoKosiku.png) 0 0 no-repeat; width: 99px; } input.buttonRegistrovat { background: url(../images/buttons/buttonRegistrovat.png