/* Catalogue */ #catalogue { position:relative; width:906px; height:130px; z-index:999; } #catalogue ul,li { padding:0px; margin:0px; } #catalogue .category { position:relative; float:left; width:151px; height:113px; z-index:10; } #catalogue .category a.prime { position:relative; display:block; width:151px; height:33px; padding-top:90px; background:url(images/category.jpg) 0 0 no-repeat; color:#1b3a8a; text-transform:uppercase; text-decoration:none; text-align:center; z-index:1; font-size:10px; text-transform:uppercase; line-height:9px; } #catalogue .category a.prime:hover { background:url(images/categoryover.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.selected { color:#FFF; } #catalogue .category a.floor { background:url(images/nav.floor.jpg) 0 0 no-repeat; } #catalogue .category a.showers { background:url(images/nav.showers.jpg) 0 0 no-repeat; } #catalogue .category a.porcelain { background:url(images/nav.porcelain.jpg) 0 0 no-repeat; } #catalogue .category a.bath { background:url(images/nav.bath.jpg) 0 0 no-repeat; } #catalogue .category a.mixtures { background:url(images/nav.mixtures.jpg) 0 0 no-repeat; } #catalogue .category a.other { background:url(images/nav.other.jpg) 0 0 no-repeat; } #catalogue .category a.XXX { background:url(images/nav.XXX.jpg) 0 0 no-repeat; } #catalogue .category a.dekoraciq { background:url(images/nav.dekoraciq.jpg) 0 0 no-repeat; } #catalogue .category a.stroitelstvo { background:url(images/nav.stroitelstvo.jpg) 0 0 no-repeat; } #catalogue .category a.floorselected, #catalogue .category a.floor:hover { background:url(images/nav.floor.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.showersselected, #catalogue .category a.showers:hover { background:url(images/nav.showers.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.porcelainselected, #catalogue .category a.porcelain:hover { background:url(images/nav.porcelain.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.bathselected, #catalogue .category a.bath:hover { background:url(images/nav.bath.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.mixturesselected, #catalogue .category a.mixtures:hover { background:url(images/nav.mixtures.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.otherselected, #catalogue .category a.other:hover { background:url(images/nav.other.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.XXXselected, #catalogue .category a.XXX:hover { background:url(images/nav.XXX.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.dekoraciqselected, #catalogue .category a.dekoraciq:hover { background:url(images/nav.dekoraciq.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category a.stroitelstvoselected, #catalogue .category a.stroitelstvo:hover { background:url(images/nav.stroitelstvo.over.jpg) 0 0 no-repeat; color:#FFF; } #catalogue .category .dropdown { display:none; position:absolute; top:108px; width:242px; left:0px; z-index:200; background:url(images/dropdown.gif) 0 0 no-repeat; background-position:top left; padding-top:13px; } #catalogue .category .dropdown ul { padding-bottom:8px; } #catalogue .category .dropdown li { background:url(images/item.jpg) 0 0 repeat-x; background-position:bottom; background-color:#27489d; } #catalogue .category .dropdown li.toend { background:url(images/dropdown.bottom.gif) 0 0 no-repeat; background-position:top; height:10px; line-height:10px; font-size:5px; } #catalogue .category .dropdown li.offset { background:none; } #catalogue .category .dropdown a { text-decoration:none; color:#FFF; background:none; display:block; padding-left:10px; height:25px; line-height:25px; margin-left:10px; } #catalogue .category .dropdown a:hover { color:#ffb12a; background:url(images/arrow.gif) 0 0 no-repeat; background-position:center left; padding-left:10px; } #catalogue .category .dropdown a.parent { font-weight:bold; background:url(images/item.jpg) 0 0 repeat-x; background-position:bottom; margin-left:0px; } #catalogue .category .dropdown li.offset a { margin-left:30px; background:url(images/bpixel.gif) 0 0 repeat-x; background-position:bottom; } #catalogue .category .dropdown li.offset a:hover { background:url(images/arrow.gif) 0 0 no-repeat; background-position:center left; } #catalogue .category .flipped { position:absolute; left:-92px; background:url(images/dropdown_rev.gif ) 0 0 no-repeat; background-position:top left; } ul.sidebar { width:228px; padding-bottom:10px; } ul.sidebar li.item { width: 226px; color:#FFF; background:url(images/sidebar.item.jpg) 0 0 no-repeat; font-size:10px; } ul.sidebar li.item a.item { display:block; height:25px; line-height:25px; padding-left:25px; color:#FFF; text-decoration:none; overflow:hidden; } ul.sidebar li.item a.item:hover { background:url(images/sidebar.link.over.jpg) 0 0 no-repeat; } ul.sidebar li.item a.itemselected { background:url(images/sidebar.link.over.jpg) 0 0 no-repeat; } ul.nested li a { display:block; color:#000; padding-left:25px; padding-top:5px; padding-bottom:5px; background-color:#e8e8e8; border:1px solid #dadada; color:#26479d; margin-top:1px; } ul.nested li a:hover { color:#FFF; background-color:#ababab; border:1px solid #a1a1a1; } ul.nested li a.selected { color:#FFF; background-color:#ababab; border:1px solid #a1a1a1; } div.manufacturers { position:relative; width:228px; height:336px; background:url(images/bg.jpg) 0 0 no-repeat; background-position:top center; overflow:hidden; } div.manufacturers img.left { position:absolute; top:0px; left:0px; width:5px; height:34px; } div.manufacturers img.right { position:absolute; top:0px; right:0px; width:5px; height:34px; } div.manufacturers div.item { float:left; background-position:center center; width:85px; height:85px; margin-bottom:12px; text-align:center; padding-left:10px; background-repeat: no-repeat; } div.manufacturers div.item a { display:block; width:90px; height:93px; } /* Manufacturer Scroller v2 (25.10.2010) by Toxic Media */ .scroll-pane { width:219px; height:292px; overflow: auto; padding-left:5px; } h3 { position:relative; display:block; height:34px; line-height:34px; background:url(images/head.jpg) 0 0 repeat-x; color:#183da9; padding-left:15px; font-weight:bold; font-size:10px; text-transform:uppercase; color:#FFF; margin-bottom:12px; } h3 img { position:absolute; width:5px; height:34px; top:0px; } h3 img.left { left:0px; } h3 img.right { right:0px; } h3.scroll-head { margin-bottom:5px; } .visible { display:block; } div.featuredseparator { width:300px; height:14px; margin-bottom:10px; background:url(images/featured.separator.jpg) 0 0 no-repeat; background-position:bottom; } .last { padding-left:10px; background:url(images/dots.jpg) 0 0 repeat-y; } .theoffset { margin-left:10px; } .serieimage, .serielinks { float:left; } .serieimage { width:320px; height:auto !important; height:130px; min-height:130px; } .serielinks { width:200px; padding-top:10px; } .theserie { height:102px; } a.serielink { position:relative; display:block;width:280px;height:100px; overflow:hidden; z-index:999; } a.serielink img { position:relative; height:100px; width:280px; z-index:999; } .serie-description { padding-bottom:20px; } .serie-preview-gallery { height:55px; } .serie-preview-gallery div { float:left; padding:6px; padding-top:5px; width:48px; height:40px; background:url(images/small.jpg) 0 0 no-repeat; } .serie-preview-gallery div img { width:48px; height:36px; } .serie-preview-gallery div.non-visible { display:none; } .fix { position:relative; display:inline-block; } .fix { zoom: 1; display:block; } .fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .sorting { position:absolute; top:0px; right:0px; width:300px; height:35px; } .sorting div { height:35px; line-height:35px; float:left; width:80px; text-align:right; padding-right:10px; } .sorting a { display:block; width:70px; padding-left:15px; height:35px; line-height:35px; float:left; color:#e85b00; text-transform:uppercase; background:url(images/down.gif) 0 0 no-repeat; background-position:center left; outline:none; } .sorting a:hover, .sorting a:active { outline:none; } .sorting a:hover { text-decoration:underline; } .sorting a.up { background:url(images/up.gif) 0 0 no-repeat; background-position:center left; } .sorting a.down { background:url(images/down.gif) 0 0 no-repeat; background-position:center left; } .sorting a.disabled-sort { background:none; }