/* --------------------------------------------------------------------------------------- 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 { min-height: 100%; height: 100%; } html { background: #000 url('../images/html.jpg') 50% 0 no-repeat; } body { height: 100%; background: transparent url('../images/body.png') 50% 134px no-repeat; } /* --------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ /* Main ---------------------------------------------------------------------------------*/ .in { width: 970px; margin: 0 auto; } /* 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; } /* User Menu -------------------------------------------------------------------------------*/ #header #userMenu { margin: 0 0 0 0; float: right; background: transparent url('../images/userMenu.gif') 0 0 repeat-x; height: 31px; } #userMenu div { margin: 0 0 0 1px; float: left; background: transparent url('../images/userMenuHeader.gif') 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: #fff; 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: 2px 10px 0 10px; float: left; } #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/mainMenuUl.gif') 0 0 repeat-x; } #userMenu ul.userMenuUl li { display: block; behavior: url('http://www.kratochvilovci.cz/hover.htc'); position: relative; float: left; background: transparent url('../images/mainMenuLi.png') 100% 0 no-repeat; } #userMenu ul.userMenuUl li a { color: #e5e5e5!important; float: left; height: 31px; 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 #aeabab; border-right: 1px solid #aeabab; border-bottom: 1px solid #aeabab; z-index: 999; background: #6e6c6b; position: absolute; visibility: hidden; top: 32px; right: -60px; 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; } /* Logo -------------------------------------------------------------------------------*/ #header h1.logo { float: left; margin: 0 0 20px 31px; width: 90px; height: 90px; line-height: 190px; font-size: 120%; } h1.logo a:hover, h1.logo a:focus, h1.logo a:active { color: #000; } h1.logo span { background: transparent url('../images/logo.png') 0 0 no-repeat; } /* Slogan -------------------------------------------------------------------------------*/ #header p.slogan { margin: 23px 0 0 0; float: left; width: 165px; height: 41px; line-height: 100px; font-size: 120%; } p.slogan a:hover, p.slogan a:focus, p.slogan a:active { color: #000; } p.slogan span { background: transparent url('../images/slogan.png') 0 0 no-repeat; } /* Header Panel -------------------------------------------------------------------------------*/ #header #headerPanel { margin: 0 auto; width: 950px; height: 33px; background: transparent url('../images/mainMenu.png') 0 0 repeat-x; } /* 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; behavior: url('http://www.kratochvilovci.cz/hover.htc'); 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: 0; 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; } /* 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; }*/ /* Main Content -------------------------------------------------------------------------------*/ #mainSkeletIn { padding: 2px 0 0 0; } #mainSkeletIn #mainSkelet { width: 946px; float: left; display: inline; margin: 0 10px; background: #fff; border: 2px solid #e2dedc; } /* Left Side -------------------------------------------------------------------------------*/ #leftside { width: 196px; float: left; overflow: hidden; } /* Left Side Categories -------------------------------------------------------------------------------*/ #leftsideCategories { padding: 0 0 5px 0; display: inline; margin: 1px 0 8px 1px; width: 194px; float: left; background: url('../images/leftside.png') 100% 100% no-repeat; } #leftsideCategories p.leftSideCategoriesTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.leftSideCategoriesTitle a:hover, p.leftSideCategoriesTitle a:focus, p.leftSideCategoriesTitle a:active { color: #000; } p.leftSideCategoriesTitle span { background: transparent url('../images/sideTitleDruhyWhisky.jpg') 0 0 no-repeat; } #leftsideCategories ul { width: 195px; float: left; padding: 60px 0 0 0; background: #000 url('../images/leftsideCategoriesUl.jpg') 0 0 no-repeat; } #leftsideCategories ul ul { background: none; padding: 0; } ul.leftsideCategoriesUl li { border-top: 1px solid #151515; border-bottom: 1px solid #000; float: left; width: 195px; background: transparent url('../images/leftsideCategoriesUlLi.png') 0 0 repeat; } ul.leftsideCategoriesUl li a { text-decoration: none; color: #d3dac4; font-size: 10px; font-weight: bold; float: left; width: 155px; padding: 2px 20px 4px 20px;} ul.leftsideCategoriesUl li a:hover { text-decoration: underline; color: #fff; } /* Left Side Wines -------------------------------------------------------------------------------*/ #leftsideWines { padding: 0 0 5px 0; display: inline; margin: 1px 0 8px 1px; width: 195px; float: left; background: url('../images/leftside.png') 100% 100% no-repeat; } #leftsideWines p.leftSideWinesTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.leftSideWinesTitle a:hover, p.leftSideWinesTitle a:focus, p.leftSideWinesTitle a:active { color: #000; } p.leftSideWinesTitle span { background: transparent url('../images/sideTitleVinaAChampagne.jpg') 0 0 no-repeat; } #leftsideWines ul { width: 195px; float: left; padding: 60px 0 0 0; background: #000 url('../images/leftsideWinesUl.png') 0 0 no-repeat; } #leftsideWines ul ul { background: none; padding: 0; } #leftsideWines ul.leftsideCategoriesUl li { border-top: 1px solid #151515; border-bottom: 1px solid #000; float: left; width: 195px; background: transparent url('../images/leftsideCategoriesUlLi.png') 0 0 repeat; } #leftsideWines ul.leftsideCategoriesUl li a { text-decoration: none; color: #d3dac4; font-size: 10px; font-weight: bold; float: left; width: 155px; padding: 2px 20px 4px 20px;} #leftsideWines ul.leftsideCategoriesUl li a:hover { text-decoration: underline; color: #fff; } /* Left Side Locations -------------------------------------------------------------------------------*/ #leftsideLocations { padding: 0 0 5px 0; display: inline; margin: 1px 0 8px 1px; width: 195px; float: left; background: url('../images/leftside.png') 100% 100% no-repeat; } #leftsideLocations p.leftsideLocationsTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.leftsideLocationsTitle a:hover, p.leftsideLocationsTitle a:focus, p.leftsideLocationsTitle a:active { color: #000; } p.leftsideLocationsTitle span { background: transparent url('../images/sideTitleZemePuvodu.jpg') 0 0 no-repeat; } #leftsideLocations ul.leftsideLocationsUl { width: 195px; float: left; padding: 60px 0 0 0; background: #000 url('../images/leftsideLocationsUl.png') 0 0 no-repeat; } ul.leftsideLocationsUl li { border-top: 1px solid #151515; border-bottom: 1px solid #000; float: left; width: 195px; background: transparent url('../images/leftsideCategoriesUlLi.png') 0 0 repeat; } ul.leftsideLocationsUl li a { text-decoration: none; color: #d3dac4; font-size: 10px; font-weight: bold; float: left; width: 155px; padding: 2px 20px 4px 20px;} ul.leftsideLocationsUl li a:hover { text-decoration: underline; color: #fff; } /* Left Side Other Drinks -------------------------------------------------------------------------------*/ #leftsideOtherDrinks { padding: 0 0 5px 0; display: inline; margin: 1px 0 8px 1px; width: 195px; float: left; background: url('../images/leftside.png') 100% 100% no-repeat; } #leftsideOtherDrinks p.leftSideOtherDrinksTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.leftSideOtherDrinksTitle a:hover, p.leftSideOtherDrinksTitle a:focus, p.leftSideCategoriesTitle a:active { color: #000; } p.leftSideOtherDrinksTitle span { background: transparent url('../images/sideTitleJineLihoviny.jpg') 0 0 no-repeat; } #leftsideOtherDrinks ul.leftsideOtherDrinksUl { width: 195px; float: left; padding: 60px 0 0 0; background: #000 url('../images/leftsideOtherDrinksUl.jpg') 0 0 no-repeat; } ul.leftsideOtherDrinksUl li { border-top: 1px solid #151515; border-bottom: 1px solid #000; float: left; width: 195px; background: transparent url('../images/leftsideCategoriesUlLi.png') 0 0 repeat; } ul.leftsideOtherDrinksUl li a { text-decoration: none; color: #d3dac4; font-size: 10px; font-weight: bold; float: left; width: 155px; padding: 2px 20px 4px 20px;} ul.leftsideOtherDrinksUl li a:hover { text-decoration: underline; color: #fff; } /* Left Side Accessories -------------------------------------------------------------------------------*/ #leftsideAccessories { padding: 0 0 5px 0; display: inline; margin: 1px 0 8px 1px; width: 195px; float: left; background: url('../images/leftside.png') 100% 100% no-repeat; } #leftsideAccessories p.leftsideAccessoriesTitle { margin: 0; float: left; width: 195px; height: 26px; line-height: 100px; font-size: 120%; } p.leftsideAccessoriesTitle a:hover, p.leftSideAccessoriesTitle a:focus, p.leftSideAccessoriesTitle a:active { color: #000; } p.leftsideAccessoriesTitle span { background: transparent url('../images/sideTitlePrislusenstvi.jpg') 0 0 no-repeat; } #leftsideAccessories ul.leftsideAccessoriesUl { width: 195px; float: left; padding: 60px 0 0 0; background: #000 url('../images/leftsideAccessoriesUl.jpg') 0 0 no-repeat; } ul.leftsideAccessoriesUl li { border-top: 1px solid #151515; border-bottom: 1px solid #000; float: left; width: 195px; background: transparent url('../images/leftsideCategoriesUlLi.png') 0 0 repeat; } ul.leftsideAccessoriesUl li a { text-decoration: none; color: #d3dac4; font-size: 10px; font-weight: bold; float: left; width: 155px; padding: 2px 20px 4px 20px;} ul.leftsideAccessoriesUl li a:hover { text-decoration: underline; color: #fff; } /* Pages -------------------------------------------------------------------------------*/ /* Index -------------------------------------------------------------------------------*/ #index { overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } /* Flash Banner -------------------------------------------------------------------------------*/ #index #flashBanner { width: 543px; height: 185px; background: transparent url('../images/flashBannerBorder.png') 0 0 no-repeat; float: left; } #index #flashBanner object { width: 541px; margin: 1px; height: 185px; float: left; } #index #indexContent { width: 543px; float: left; margin: 2px 0 0 0; background: transparent url('../images/indexContent.png') 0 0 no-repeat; } /* Filter -------------------------------------------------------------------------------*/ #indexContent .filter-box { float: left; width: 543px; margin: 10px 0; } #indexContent .filter-box form { margin: 0 auto; width: 400px; height: 40px; } #indexContent .filter-box form p { width: 330px; padding: 5px 0; float: left; } #indexContent .filter-box form input.buttonZobrazit { margin: 4px 0 0 0; float: left; } /* Index Products -------------------------------------------------------------------------------*/ #indexContent .productIndex { margin: 0 0 10px 0; background: transparent url('../images/productIndex.png') 50% 100% no-repeat; width: 271px; float: left; } #indexContent .productIndex { width: 271px; float: left; } .productIndex .productIndexLeft { display: inline; width: 178px; margin: 0 0 0 9px; float: left; } .productIndexLeft h2 { height: 26px; overflow: hidden; line-height: 13px; font-size: 11px; color: #af8b30; } .productIndexLeft h2 a { color: #af8b30; text-decoration: underline; } .productIndexLeft h2 a:hover { color: #ab8424; text-decoration: none; } .productIndexLeft p { height: 53px; overflow: hidden; padding: 4px 0; font-weight: normal; line-height: 11px; font-size: 10px; color: #a09a8c; } .productIndexLeft span { float: left; padding: 0 0 10px 0; font-weight: bold; font-size: 11px; color: #000; } .productIndexLeft span strong { text-decoration: underline; color: #715a22; } .productIndex .productIndexRight { width: 65px; height: 115px; position: relative; display: inline; margin: 0 9px 0 10px; float: left; } .productIndex .productIndexRight .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; } .productIndexRight a { height: 115px; display: table-cell; text-align: center; width: 65px; vertical-align: middle; } .productIndexRight * { vertical-align: middle; } /* Index Shop Quick Links -------------------------------------------------------------------------------*/ #indexContent p.shopQuickLinks a { font-weight: bold; } /* Catalogue -------------------------------------------------------------------------------*/ #catalogue { background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #catalogue .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; 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: 523px; 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; } #catalogue .filter .filter-box form p { padding: 10px 0 0 40px; float: left; } #catalogue .filter .filter-box form input.buttonZobrazit { display: inline-block; margin: 10px 60px 0 5px; float: right; } #catalogue .pageChanger { border-top: 1px solid #eef3e9; margin: 0 10px; padding: 5px 0; width: 523px; float: left; color: #677f50; text-align: center; } #catalogue .pageChanger strong { color: #000; } #catalogue .productsGrid { width: 523px; margin: 0 0 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: 48%!important; float: left; } .productGrid .productGridLeft { width: 165px!important; 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: underline; color: #715a22; } .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 { padding: 0 10px; float: left; } /* Catalogue Detail -------------------------------------------------------------------------------*/ #catalogueDetail { background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #catalogueDetail .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #catalogueDetail h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #catalogueDetail h2 span { text-decoration: underline; color: #799b5b; } #catalogueDetail ul.catalogueDetailQuickLinks { margin: 0 10px; padding: 10px 0 10px 0; float: left; width: 523px; } 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 { display: inline-block; margin: 0 10px 0 10px; width: 320px; float: left; } div.catalogueDetailLeft strong.title { font-size: 12px; color: #475f32; width: 100%; float: left; padding: 10px 0; } div.catalogueDetailLeft p.perex { width: 100%; float: left; padding: 0 0 5px 0; line-height: 13px; font-size: 11px; } div.catalogueDetailLeft p.price, div.catalogueDetailLeft p.availability { width: 100%; 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: bold; color: #475f32; } div.catalogueDetailLeft div.basket { background: transparent url('../images/catalogueDetailLeftForm.jpg') 0 0 no-repeat; float: left; margin: 40px 0 0 0; height: 30px; width: 246px; } div.catalogueDetailLeft form { float: left; } div.catalogueDetailLeft form span { color: #fff; padding: 5px 8px; float: left; } div.catalogueDetailLeft form input.inputText { margin: 4px 0; width: 12px; float: left;} div.catalogueDetailLeft form input.buttons { margin: 2px 0 0 0; float: left;} #catalogueDetail div.catalogueDetailRight { display: inline-block; height: 234px; width: 170px; margin: 20px 10px 0 0; float: right; } div.catalogueDetailRight a.image { float: left; height: 204px; 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: 170px; } #catalogueDetail ul.catalogueDetailMenu { margin: 0 10px; padding: 10px 0 10px 0; float: left; width: 523px; } 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: 498px; } #catalogueDetail .socialnet { margin: 0 10px; padding: 0 0 5px 0; float: left; width: 523px; 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: 523px; } #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/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #article .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #article h2 { margin: 0 10px; padding: 10px 0; width: 523px; 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: 523px; float: left; font-size: 11px; } #article div.pagetext p { padding: 0 0 10px 0; } /* Basket -------------------------------------------------------------------------------*/ #basket { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #basket .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #basket h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #basket h2 span { text-decoration: underline; color: #799b5b; } #basket table { margin: 0 10px; width: 523px; 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: 523px; text-decoration: none; float: left; } #basket form h3 { padding: 15px 0 5px 0; width: 523px; color: #81692d; text-decoration: none; float: left; font-size: 11px; } #basket form div { padding: 5px 0 10px 0; float: left; width: 523px; } #basket .submit { float: left; height: 40px; position: relative; left: 90px; margin: 10px 0; width: 523px; } #basket .submit a.buttons { float: left; 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/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #order .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #order h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #order h2 span { text-decoration: underline; color: #799b5b; } #order h3 { padding: 15px 0 5px 0; width: 523px; color: #81692d; text-decoration: none; float: left; font-size: 11px; } #order .warningMessages { margin: 0 10px; width: 523px; float: left; } #order .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #order .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #order .sectionHeader p { padding: 0 0 10px 0; } #order table { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #order .submit { margin: 10px 0; text-align: center; width: 523px; } /* Order View -------------------------------------------------------------------------------*/ #orderView { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #orderView .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #orderView h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #orderView h2 span { text-decoration: underline; color: #799b5b; } #orderView .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #orderView .sectionHeader p { padding: 0 0 10px 0; } #orderView table { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #orderView p { margin: 0 10px; width: 523px; float: left; font-size: 11px; } /* Registration -------------------------------------------------------------------------------*/ #registration { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #registration .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #registration h2 { margin: 0 10px; padding: 10px 0; width: 523px; 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: 523px; color: #81692d; text-decoration: none; float: left; font-size: 11px; } #registration .warningMessages { margin: 0 10px; width: 523px; float: left; } #registration .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #registration .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #registration .sectionHeader p { padding: 0 0 10px 0; } #registration table { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #registration p { float: left; width: 100%; } #registration label.labelRadio { width: 300px!important; } #registration .submit { float: left; position: relative; left: 250px; margin: 10px 0; text-align: center; width: 523px; } /* Login -------------------------------------------------------------------------------*/ #login { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #login .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #login h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #login h2 span { text-decoration: underline; color: #799b5b; } #login .warningMessages { margin: 0 10px; width: 523px; float: left; } #login .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #login .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #login .sectionHeader p { padding: 0 0 10px 0; } #login fieldset p { float: left; width: 50%!important; } #login .submit { float: left; position: relative; left: 250px; margin: 10px 0; text-align: center; width: 523px; } /* Comission -------------------------------------------------------------------------------*/ #comission { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #comission .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #comission h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #comission h2 span { text-decoration: underline; color: #799b5b; } #comission .warningMessages { margin: 0 10px; width: 523px; float: left; } #comission .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #comission .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #comission .sectionHeader p { padding: 0 0 10px 0; } #comission table { margin: 0 10px; width: 523px; float: left; font-size: 11px; } /* Loyalty -------------------------------------------------------------------------------*/ #loyalty { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #loyalty .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #loyalty h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #loyalty h2 span { text-decoration: underline; color: #799b5b; } #loyalty h3 { padding: 15px 10px 5px 10px; width: 523px; color: #81692d; text-decoration: none; float: left; font-size: 11px; } #loyalty h4 { padding: 5px 0 5px 0; float: left; } #loyalty .warningMessages { margin: 0 10px; width: 523px; float: left; } #loyalty .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #loyalty .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #loyalty .sectionHeader p { padding: 0 0 10px 0; } #loyalty table { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #loyalty .submit { margin: 10px 200px; text-align: center; width: 523px; 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: 523px; 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/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #newsletter .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #newsletter h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #newsletter h2 span { text-decoration: underline; color: #799b5b; } #newsletter .warningMessages { margin: 0 10px; width: 523px; float: left; } #newsletter .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #newsletter .sectionHeader { margin: 0 10px; width: 523px; 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 { float: left; position: relative; left: 250px; margin: 10px 0; text-align: center; width: 523px; } /* Search -------------------------------------------------------------------------------*/ #search { background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #search .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #search h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: underline; float: left; color: #b5933f; font-size: 12px; } #search .sectionHeader { margin: 0 10px; width: 523px; 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: 523px; 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: 523px; float: left; color: #677f50; text-align: center; } #search .pageChanger strong { color: #000; } #search .productsGrid { width: 523px; 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: underline; color: #715a22; } .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/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #sendLink .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #sendLink h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #sendLink h2 span { text-decoration: underline; color: #799b5b; } #sendLink .warningMessages { margin: 0 10px; width: 523px; float: left; } #sendLink .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #sendLink .sectionHeader { margin: 0 10px; width: 523px; 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: 523px; } /* Compare -------------------------------------------------------------------------------*/ #compare { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #compare .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #compare h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #compare h2 span { text-decoration: underline; color: #799b5b; } #compare .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #compare .sectionHeader p { padding: 0 0 10px 0; } #compare table { margin: 0 10px; width: 523px; 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: 523px; 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.man { overflow: hidden; padding: 2px 0; font-weight: normal; line-height: 11px; font-size: 10px; color: #a09a8c; } .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: underline; color: #715a22; } .productGridLeft p.basket { padding: 5px 0 5px 0; float: left; } .productGridLeft p.compareAction { width: 100%; 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; } #compare .productsGrid p.productNone { padding: 0 10px; float: left; } /* Watchdog -------------------------------------------------------------------------------*/ #watchdog { line-height: 13px; background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #watchdog .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #watchdog h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; font-size: 12px; } #watchdog h2 span { text-decoration: underline; color: #799b5b; } #watchdog .warningMessages { margin: 0 10px; width: 523px; float: left; } #watchdog .warningMessages #hlaseni { font-weight: bold; color: #811010; padding: 5px 0 10px 0; float: left; } #watchdog .sectionHeader { margin: 0 10px; width: 523px; float: left; font-size: 11px; } #watchdog .sectionHeader p { padding: 0 0 10px 0; } #watchdog table { margin: 0 10px; width: 523px; 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: 523px; } /* Articles -------------------------------------------------------------------------------*/ #articles { background: transparent url('../images/indexContent.png') 0 0 no-repeat; overflow: hidden; margin: 1px 5px 0 6px; width: 543px; display: inline; float: left; } #articles .navigation { border-bottom: 1px solid #f7f7f7; height: 25px; margin: 10px 10px 0 10px; width: 523px; float: left; } #articles h2 { margin: 0 10px; padding: 10px 0; width: 523px; text-decoration: none; float: left; color: #475f32; 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: 523px; float: left; } #articles .articlesArticleHead { width: 523px; float: left; } #articles .articlesArticleHead h3 { text-decoration: none; float: left; color: #475f32; font-size: 11px; } #articles .articlesArticleHead span { text-decoration: none; float: right; color: #475f32; font-size: 11px; } #articles .articlesArticleBody { width: 523px; float: left; } #articles .articlesPaging { width: 523px; float: left; } /* Right Side -------------------------------------------------------------------------------*/ #rightside { width: 196px; float: right; overflow: hidden; } /* Right Side Basket -------------------------------------------------------------------------------*/ #rightsideBasket { padding: 0 0 5px 0; display: inline; 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 Newsletter -------------------------------------------------------------------------------*/ #rightsideNewsletter { padding: 0 0 5px 0; display: inline; margin: 1px 1px 8px 0; width: 195px; float: right; background: url('../images/leftside.png') 100% 100% no-repeat; } #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: 195px; float: left; padding: 10px 0; background: #292929; } #rightsideNewsletter form .inputText { float: left; margin: 2px 5px 0 10px; width: 107px; } /* Right Side Where Find Us -------------------------------------------------------------------------------*/ #rightsideWhereFindUs { padding: 0 0 5px 0; display: block; 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; } #flashWhereFindUs { float: left; } #rightsideWhereFindUs div.rightsideWhereFindUsSkelet { height: 300px; width: 195px; float: left; padding: 1px; background: #fff url('../images/rightsideBasketSkelet.jpg') 0 0 no-repeat; } /* Right Side Advertisement -------------------------------------------------------------------------------*/ #rightsideAdvertisement { overflow: hidden; padding: 0 0 5px 0; display: block; margin: 1px 1px 8px 0; width: 195px; float: right; background: url('../images/leftside.png') 100% 100% no-repeat; } #rightsideAdvertisement div.rightsideAdvertisementSkelet { height: 384px; width: 195px; float: left; padding: 1px; background: url('../images/rightsideAdv.jpg') 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 { font-size: 10px; color: #9ea789; } #footer a { color: #C2C2C2; } #footer .footerLeft { padding: 5px 15px; float: left; } #footer .footerRight { padding: 5px 15px; float: right; } /* --------------------------------------------------------------------------------------- Global ---------------------------------------------------------------------------------------*/ /* 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 { float: left; background: none no-repeat top left; border: none; cursor: pointer; height: 25px; overflow: hidden; padding: 0; margin: 0; text-indent: -9999px; width: auto; line-height: 25px; } input.buttons:hover, input.buttons.hover { background-position: 0 -25px; } input.buttonOk { background: url(../images/buttons/buttonOk.png) 0 0 no-repeat; width: 45px; } 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) 0 0 no-repeat; width: 84px; } input.buttonUpravitProfil { background: url(../images/buttons/buttonUpravitProfil.png) 0 0 no-repeat; width: 91px; } input.buttonPrihlasitSe { background: url(../images/buttons/buttonPrihlasitSe.png) 0 0 no-repeat; width: 83px; } input.buttonOdeslat { background: url(../images/buttons/buttonOdeslat.png) 0 0 no-repeat; width: 67px; } input.buttonUlozitZmeny { background: url(../images/buttons/buttonUlozitZmeny.png) 0 0 no-repeat; width: 91px; } input.buttonStorno { background: url(../images/buttons/buttonStorno.png) 0 0 no-repeat; width: 63px; } input.buttonPridatSledovani { background: url(../images/buttons/buttonPridatSledovani.png) 0 0 no-repeat; width: 108px; } input.buttonNastavitOdesilani { background: url(../images/buttons/buttonNastavitOdesilani.png) 0 0 no-repeat; width: 117px; } input.buttonPrehled { background: url(../images/buttons/buttonPrehled.png) 0 0 no-repeat; width: 67px; } input.buttonOznacene { background: url(../images/buttons/buttonOznacene.png) 0 0 no-repeat; width: 78px; } input.buttonVsechny { background: url(../images/buttons/buttonVsechny.png) 0 0 no-repeat; width: 69px; } input.buttonPridatPrispevek { background: url(../images/buttons/buttonPridatPrispevek.png) 0 0 no-repeat; width: 108px; } a.buttonFacebook { background: url(../images/facebook.jpg) 0 -2px no-repeat; width: 85px; } a.buttonKoupit { background: url(../images/buttons/buttonKoupit.png) 0 0 no-repeat; width: 63px; } a.buttonStorno { background: url(../images/buttons/buttonStorno.png) 0 0 no-repeat; width: 63px; } a.buttonObjednat { background: url(../images/buttons/buttonObjednat.png) 0 0 no-repeat; width: 73px; } /* Table -------------------------------------------------------------------------------*/ .tableStyle { padding: 0 0 10px 0; float: left; width: 100%; } .tableStyle tbody tr.low { background: #fff; } .tableStyle tbody tr.high { background: #fbfbfb; } .tableStyle tbody th { border-bottom: 1px solid #EFEFEF; color: #113E58; font-size: 11px; font-weight: normal; padding: 5px; text-decoration: underline; } .tableStyle tbody td { vertical-align: top; padding: 5px; } /* Fieldset -------------------------------------------------------------------------------*/ fieldset { width: 503px; float: left; border: 1px solid #EFEFEF; display: inline; margin: 10px; padding: 10px; } fieldset.fieldsetHalf { width: 220px; } fieldset legend { color: #475f32; font-size: 12px; padding: 4px 8px; } fieldset label { float: left; color: #81692d; display: inline-block; padding: 7px 5px 0px 0px; text-align: right; vertical-align: top; width: 70px; } fieldset label.required { font-weight: bold; color: #811010; } fieldset label.labelRadio { float: left; color: #81692d; display: inline-block; padding: 3px 5px 0px 5px; text-align: left; vertical-align: top; width: 93px; } fieldset label.labelCheckbox { float: left; color: #81692d; display: inline-block; padding: 3px 5px 0px 5px; text-align: left; vertical-align: top; width: 300px; } fieldset input.inputText { margin: 3px 0 0 0; border: 1px solid #dadada; width: 120px; } fieldset input.inputRadio { float: left; } fieldset input.inputCheckbox { float: left; } fieldset p { padding: 3px 0; float: left; } /* Nubmered List -------------------------------------------------------------------------------*/ #article ol, #article ul { width: 523px; float: left; margin: 0 10px; list-style: decimal; } #article ol li { margin: 5px 20px; list-style: decimal; } #article ul li { margin: 0 20px; list-style: disc; }