body { background: #302929 url(bg000000.jpg) top center; margin: 0; padding: 0; text-align: center; font-family: Trebuchet, Arial,sans-serif,verdana,tahoma; font-size: 12px; line-height: 1.5; } #content table { font-family: , Trebuchet, Arial,sans-serif,verdana,tahoma; font-size: 100%; line-height: 1.5; color: #fff; } h2 { font-size: 140%; } h3 { font-size: 120%; } img { border: 0; } #content a { color: #447188; } #content a:hover { color: #adcfe0; text-decoration: none; } a img { border: 0; text-decoration: none; } .hide { display: none; } .center { text-align: center; } textarea { font-size: 100%; font-family: Trebuchet, Arial,sans-serif,verdana,tahoma; } fieldset, label, form { border: 0 !important; margin: 0; padding: 0; font-family: Trebuchet, Arial, sans-serif; } label { cursor: pointer; } legend { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; } hr.cleaner { clear: both; height: 1px; margin: -1px 0 0 0; padding: 0; border: none; visibility: hidden; } img.img-left { float: left; margin: 7px 10px 7px 0; } img.img-right { float: right; margin: 7px 0 7px 10px; } #header { background: url(header-b.jpg) no-repeat top center; margin: 0 auto; min-width: 980px; height: 228px; } #logo { display: block; margin: 0 auto; text-align: left; width: 980px; padding: 17px 0 0 15px; } #logo a { display: block; width: 220px; height: 100px; } #nav { margin: -10px auto 0; width: 980px; height: 117px; padding: 0; text-align: left; } #nav ul { width: 980px; height: 117px; padding: 0; margin: 0; position: relative; z-index: 100; } #nav ul li span { display: none; } #nav ul li { display: inline; margin: 0; padding: 0; height: 117px; } #nav ul li a { display: block; float: left; width: 122px; height: 69px; } li#nav3 a, li.home a { margin-top: 18px; } li#nav5 a, li.prods a { margin-top: 33px; } li#nav6 a, li.team a { margin-top: 48px; } li#nav7 a, li.dealers a { margin-top: 38px; } li#nav8 a, li.tech a { margin-top: 8px; } li#nav9 a, li.team a { margin-top: -12px; } li#nav10 a, li#nav11 a, li.about a, li.reg a, li.contact a { margin-top: -12px; } li#nav11 a, li.contact a { width: 126px !important; } #nav ul li a { background-position: bottom; background-repeat: no-repeat; } li#nav3 a:hover, li#nav3 a.active, li.home a:hover, li.home a.active { background-image: url(menu-hov.jpg); } li#nav5:hover a, li#nav5 a:hover, li#nav5 a.active, li.prods:hover a, li.prods a:hover, li.prods a.active { background-image: url(menu-how.jpg); } li#nav6 a:hover, li#nav6 a.active, li#nav6:hover a, li.team:hover a, li.team a:hover, li.team a.active { background-image: url(menu-hox.jpg); } li#nav7 a:hover, li#nav7 a.active, li#nav7:hover a, li.dealers:hover a, li.dealers a:hover, li.dealers a.active { background-image: url(menu-hoy.jpg); } li#nav8 a:hover, li#nav8 a.active, li#nav8:hover a, li.tech:hover a, li.tech a:hover, li.tech a.active { background-image: url(menu-hoz.jpg); } li#nav9 a:hover, li#nav9 a.active, li#nav9:hover a, li.team:hover a, li.team a:hover, li.team a.active { background-image: url(menu-hp0.jpg); } li#nav10 a:hover, li#nav10 a.active, li.reg a:hover, li.reg a.active { background-image: url(menu-hp1.jpg); } li#nav11 a:hover, li#nav11 a.active, li.contact a:hover, li.contact a.active { background-image: url(menu-hp2.jpg); } #nav ul li ul { list-style: none; position: absolute; display: none; width: 212px; padding: 34px 0 0; margin: 0; background: url(dd-menu-.gif) no-repeat 0px 1px; } #nav ul li:hover ul li a { background: #1b465f url(dd-menu0.gif) repeat-y left; } #nav ul li a:hover ul { display: block; position: absolute; } #nav ul li ul li { display: block; width: 212px; margin: 0; padding: 0; height: 2.4em; background: #1b465f url(dd-menu0.gif) repeat-y left; } #nav ul li ul li a { color: #fff; display: block; width: 212px; height: 2.3em; padding: 0; float: none; font-weight: bold; text-decoration: none; margin: 0; border-bottom: 1px dashed #3b5d71; background: none; } #nav ul li ul li a:hover, #nav ul li ul li a.active { background: #142c3b url(dd-menu-.jpg) repeat; } #nav ul li ul li a span { display: block; padding: .4em 15px; } #nav ul li.prods ul, #nav ul li#nav5 ul { left: 122px; top: 102px; height: 140px; } #nav ul li.team ul, #nav ul li#nav6 ul { left: 244px; top: 117px; } #nav ul li.dealers ul, #nav ul li#nav7 ul { left: 366px; top: 107px; } #nav ul li.team ul, #nav ul li#nav9 ul { left: 610px; top: 57px; } #nav ul li.team ul, #nav ul li#nav10 ul { left: 730px; top: 57px; } #nav ul li.team ul, #nav ul li#nav11 ul { left: 855px; top: 57px; } #nav ul li.prods ul, #nav ul li#nav3 ul { left: 1px; top: 87px; height: 140px; } #main { width: 980px; margin: 0 auto; background: #373030 url(main-bg0.jpg); color: #fff; } #productmenu { float: left; width: 233px; background: #b39061 url(productm.jpg) repeat-y; } #productmenu-top { width: 233px; background: transparent url(productn.jpg) no-repeat top left; } #productmenu-end { width: 233px; background: transparent url(producto.jpg) no-repeat bottom left; padding-bottom: 45px; text-align: left; } #productmenu-end h3 { margin: 0 10px 10px; padding: 0 10px; font-size: 180%; background-color: #512306; } #switch-season { width: 233px; height: 100px; padding-top: 15px; } #switch-season a { display: block; width: 115px; float: left; } #switch-summer { height: 83px; } #switch-winter { height: 97px; } #switch-summer:hover, a.summer-active { background: url(productp.jpg) no-repeat top left; } #switch-winter:hover, a.winter-active { background: url(productq.jpg) no-repeat top left; } #productmenu-summer, #productmenu-winter { padding-top: 10px; } #productmenu h4 { margin: 0 22px; height: 24px; padding: 0; clear: both; } #productmenu h4 a { display: block; height: 24px; } #productmenu h4 span { display: none; } #productmenu h4.panske a { background: url(productm.gif) no-repeat bottom left; } #productmenu h4.damske a { background: url(productn.gif) no-repeat bottom left; } #productmenu h4.detske a { background: url(producto.gif) no-repeat bottom left; } #productmenu h4.doplnky a { background: url(productp.gif) no-repeat bottom left; } #productmenu ul { margin: 15px 20px 1.7em; padding: 0; list-style: none; font-weight: bold; line-height: 1; } #productmenu ul li { margin: 0; padding: 0; width: 185px; } #productmenu ul li a { color: #000; display: block; padding: .4em 8px .4em 27px; line-height: 1em; height: 1em; text-decoration: none; background: url(productq.gif) no-repeat 7px 50%; } #productmenu ul li a:hover, #productmenu ul li a.active { background: url(productr.jpg) no-repeat -10px 50%; } #content { float: left; width: 747px; z-index: 0; } #content-padded { padding: 0 20px; margin: 20px 0; text-align: left; } #content p { text-align: justify; } #content h2, #content h3, #content h4 { color: #aaa; } #content div.top-home, #content div.top-pages { background: url(content-.jpg) repeat-x bottom; position: relative; z-index: 1; } #content div.top-home { height: 181px; } div.box, div.box-half { background: url(box-bg00.jpg); margin-bottom: 20px; width: 704px; position: relative; } div.box-corner { background: url(box-bg-c.jpg) no-repeat top left; padding: 12px 17px 0; } div.box-half div.box-corner { _height: 180px; min-height: 180px; max-height: 400px; } div.box h3, div.box h2, div.box-half h3, div.box-half h2 { margin: 0; padding: 0; } div.box h3 { margin: 1em 0 0; } div.box-half h3 a { color: #aaa !important; text-decoration: none; } div.box-half h3 a:hover { color: #fff !important; text-decoration: none; } div.box p, div.box p { margin: 1.5em 0; padding: 0; } div.box ul li * { color: #fff !important; } img.border { border: 5px solid #0d384f; } a:hover img.border { border: 5px solid #155577; } div.box-half img.left { margin: 6px 10px 10px 0; } div.box-half { width: 3420px; } div.first { float: left; } div.second { margin-left: 360px; } div.box div.bottom, div.box-half div.bottom { width: 100%; line-height: 7px; padding: 0; height: 7px; min-height: 12px; margin: 0; background: url(box-bott.jpg) repeat-x bottom; } #content div.top-pages { height: 161px; } #banner-small-home { margin-left: 30px; margin-top: 5px; } #banner-large-home { position: absolute; right: 46px; top: -20px; width: 380px; height: 261px; } #banner-large-home span { display: block; width: 380px; height: 261px; } #banner-small-pages { margin-left: 50px; margin-top: 7px; } #banner-large-pages { position: absolute; right: 46px; top: -30px; width: 404px; height: 167px; } #home-intro { font-size: 109%; margin: 1em 0 -15px 0; padding: 0; } #home-intro li { list-style: none; padding-bottom: .3em; padding-left: 15px; margin: 0; background: url(bullet00.gif) no-repeat 0 .5em; } #home-intro li span { font-size: small; padding: 1.5em 2em; background: #302929 url(bg000000.jpg) top center; } #home-more-button { position: relative; top: -7px; left: 500px; } #home-news { clear: both; } #home-news p { margin: .7em 0 .7em 95px; padding: 0; position: relative; } #home-news h3 { margin: 0; font-size: 130%; } #home-news p strong { position: absolute; top: 2px; left: -92px; width: 80px; font-size: 89%; } #breadcrumbs { margin: -0.4em 0 1em 0; } #box-product #col-photos { float: left; width: 275px; } #col-photos .main { margin: 1em 0 1.5em; } #col-photos p { padding: 0; margin: 5px 0; height: 70px; text-align: left; clear: both; } #col-photos p a { text-decoration: none; color: #fff; } #col-photos p a:hover { background-color: #447188 !important; } #col-photos img { float: left; margin: 0 10px 7px 0; } #box-product #col-description { margin-left: 295px; width: 370px; } #col-description p.main-desc { padding: 0; margin: 1.3em 0; } #col-description ul { margin: 0 auto 1em auto; } #col-description li, #tech-contents li, .category-contents li { list-style: none outside none; margin-left: -40px; padding-left: 15px; background: url(bullet00.gif) no-repeat 0 .5em; } .category-contents li { line-height: 180%; } #characteristics li a { color: #fff; } #col-description table td { border-top: 1px dashed #666; border-right: 1px dashed #666; padding: .3em .4em; } #col-description table th { color: #447188; text-align: left; padding: .3em .4em; font-size: 115%; border-right: 1px dashed #666; } #col-description table { border-collapse: collapse; margin: 15px 0 1em 0; font-size: 88%; } #col-description table .last { border-right: 0 !important; } #col-description h3 { margin: 0 0 .3em; padding: 0; } #col-description h4 { background: url(product-.jpg) no-repeat 0 0; font-size: 100%; text-indent: -115px; margin: 0 0 4px; padding: 20px 0 20px 155px; color: #fff !important; } #col-description div.buttons { margin: 10px 0; } #col-description div.buttons img { margin-left: 15px; } #helmet-versions { margin: 0; padding: 0; } #helmet-versions li { display: inline; margin-left: 2em; padding: 1em 2em; padding-left: 15px; background: url(bullet00.gif) no-repeat 0 .5em; } #helmet-versions li a { color: #fff; } table.dealers { width: 95%; border-collapse: collapse; margin-top: .5em; } table.dealers a { text-decoration: none; color: #fff !important; } table.dealers td { border-top: 1px solid #4e4848; border-bottom: 1px solid #4e4848; padding: 3px 5px; } table.dealers th { cursor: pointer; text-align: left; padding-left: 18px; background-color: #2a2626; } table.dealers thead tr .header { background-image: url(arrows-t.gif); background-repeat: no-repeat; background-position: center left; cursor: pointer; } table.dealers thead tr .headerSortUp { background-image: url(arrow-as.gif); } table.dealers thead tr .headerSortDown { background-image: url(arrow-de.gif); } table.dealers tbody tr:hover, table.dealers .hover { background-color: #2a2626; } #dealers h3 { margin: 0; } #dealersform { margin: 1.1em 0 1.7em; position: relative; } #dealersform div { margin: .4em 0; } #dealersform select { width: 160px; background-color: #2a2626; color: #fff; border: 1px solid #4e4848; } #dealersReginW { position: absolute; top: -0.4em; left: 180px; } #dealersVisual { margin-top: 1em; } div.tech-wrap img { float: left; margin: 50px 20px 1em 0; } div.tech-wrap h3 { margin: .4em 0 0; text-transform: uppercase; font-size: 140%; } div.tech-wrap p { margin: 8px 0 1em 170px; } #tech-visual { margin-top: 22px; } .white, .white * { color: #fff !important; } #footer { clear: both; background: url(footer-b.jpg) no-repeat top center; margin: 0 auto; height: 126px; } #footer div { width: 950px; margin: 0 auto; } #footer ul { margin: 0; padding: 48px 0 0 310px; font-size: 15px; } #footer ul li { display: inline; padding-right: 16px; } #footer ul li a { color: #b8acae; text-decoration: none; } #footer ul li a:hover, #footer ul li.active a { text-decoration: underline; } #footer p { margin: 0; padding: 26px 0 0 370px; color: #4b250b; } #footer p a { color: #4b250b; } #footer p .sitemap { position: relative; right: -100px; } .contact-address { width: 45%; position: absolute; left: 48%; top: 12px; } div.hr { line-height: 1px; height: 1px; font-size: 1px; background-color: #4e4848; margin: 12px 0; clear: both; } div.product-listing div.box-corner { _height: 200px; min-height: 200px; max-height: 400px; } div.product-listing img { margin-bottom: 0 !important; } div.product-listing p { text-align: left !important; } div.product-listing-mini { float: left; width: 146px; margin: 0 10px 10px 10px; text-align: center; } div.product-listing-mini h3 { font-size: 100%; margin: 10px 0 8px 0; } div.product-listing-mini h3 a { text-decoration: none; }