body {scrollbar-3dlight-color:#BCBCBC;scrollbar-arrow-color:#0776EA;scrollbar-base-color:#ffffff;scrollbar-dark-shadow-color:#ffffff;scrollbar-face-color:#ffffff;scrollbar-highlight-color:#ffffff;scrollbar-track-color:#E2E2E2;scrollbar-shadow-color:#ffffff;} body, p, a, td, span {font: 10px Verdana,Tahoma, Arial; color: #7C7C7C;} a.select {color: #BFBFBF; text-decoration: none;} #header {position: absolute; left: 0px; top: 0px; } #logos {position: absolute; left: 10px; top: 34px; z-index: 10;} #logos #debica {position: absolute; left: 0px; top: 0px; width: 18px; height: 74px; /*background: url(/images/5/logo_debica.gif) transparent no-repeat;*/ } #logos #fulda {position: absolute; left: 0px; top: 82px; width: 18px; height: 75px; /*background: url(/images/5/logo_fulda.gif) transparent no-repeat;*/ } #logos #dunlop {position: absolute; left: 0px; top: 164px; width: 18px; height: 75px; /*background: url(/images/5/logo_dunlop.gif) transparent no-repeat;*/ } #logos #goodyear {position: absolute; left: 0px; top: 246px; width: 18px; height: 76px; /*background: url(/images/5/logo_goodyear.gif) transparent no-repeat;*/ } #content {position: absolute; left: 0px; top: 230px; width: 100%;} /* * html #content { width: 1198px;} */ Xbody > #content { width: 100%; } body > #header { width: 100%; } X#header > #flashHeader { width: 925px; } #footer {position: relative; float: left; clear: both;} /***** MAIN COLUMNS *****/ #left-panel {position: relative; float: left; width: 207px; z-index: 2;} #middle-panel {position: relative; float: left; width: 552px; padding: 3px 0 0 0; z-index: 1;} #middle-panel-narrow {position: relative; float: left; width: 438px; padding: 3px 0 0 0; z-index: 1;} #right-panel-wide {position: relative; float: left; margin-top: 3px; } #right-panel {position: relative; float: left; margin-top: 3px; } /***** MAIN MENU *****/ table#menu-table { border-collapse: collapse; border: 0px solid red; margin: -2px;} * html table#menu-table { border-collapse: collapse; border: 0px solid red; padding: 0; margin: 0;} #menu-header { position: absolute; left: 40px; top: -25px; display: block; width: 167px; height: 26px; background: url(/images/5/menu_header.gif) transparent no-repeat; } #menu { position: relative; width: 167px; margin: 0 0 0 40px; padding: 0; background: url(/images/5/menu_blue_back.gif) #0B4691 no-repeat; min-height: 200px; } * html #menu { height: 200px; } /*hack - for IE only*/ #menu ul {width: 167px; margin: 0; padding: 15px 0 15px 0; list-style: none;} #menu ul li { background: url(/images/5/menu_break.gif) transparent no-repeat bottom left; } #menu ul li a {color: #fff; font: 11px Tahoma, Verdana, Arial; text-decoration: none; display: block; width: 120px; padding: 5px 15px 5px 35px; margin: 0; background: url(/images/5/m_arrow.gif) transparent no-repeat 20px 10px; } * html #menu ul li a { width: 167px; } /*hack - for IE only*/ #menu ul li a:hover {color: #AACEFC; } #menu .menu{ position: relative; } #menu .menu-select{ position: relative; background-color: #2868BA;} /***** MAIN MENU - SUBMENU *****/ #menu .submenu { position: absolute; width: 209px; left: 167px; top: 0px; visibility: hidden; } * html #menu .submenu { left: 167px; } /*hack - for IE only*/ #menu .submenu-top {width: 209px; height: 6px; display: block; font-size: 0px; background: url(/images/5/submenu_top.gif) transparent no-repeat top right; } #menu .submenu-bottom {width: 209px; height: 6px; display: block; font-size: 0px; background: url(/images/5/submenu_bottom.gif) transparent no-repeat; } #menu .submenu ul {width: 209px; margin: 0px 0px 0px 0px; padding: 0 0 5px 0; list-style: none; background-color: #2868BA; } #menu .submenu ul li { margin: 0 10px 0 0px; padding: 0 0 0 20px; border-bottom: 0px solid #3677CA; background: none; } #menu .submenu ul li.select { background: url(/images/5/submenu_back.gif) #4B8BDD repeat-y 10px 0px ; } #menu .submenu ul li a {color: #fff; font: 11px Tahoma, Verdana, Arial; display: block; width: 170px; margin: 0px 0 0px -20px; padding: 5px 0px 4px 20px; text-decoration: none; background: url(/images/5/m_arrow.gif) transparent no-repeat 9px 10px; } * html #menu .submenu ul li a { width: 170px; } /*hack - for IE only*/ #menu .submenu ul li a:hover {color: #AACEFC; } #menu .submenu ul li a.select {} #menu .submenu .break { margin: 0 0 0 -20px; padding: 0px; font-size: 0px; height: 1px; background: url(/images/5/submenu_break.gif) transparent no-repeat bottom left; } /***** RIGHT MENU *****/ ul#submenu-right {margin: 0; padding: 15px 10px 15px 30px; list-style-image: url(/images/5/arrow.gif); } * html ul#submenu-right { list-style-image: url(/images/5/arrowIE.gif); } ul#submenu-right li { padding: 8px 0px 8px 0px; border-bottom: 1px solid #E3E3E3; } * html ul#submenu-right li { padding: 0px 0px 8px 0px; } ul#submenu-right li a {color: #0D4093; font: 11px Tahoma, Verdana, Arial; text-decoration: underline; } ul#submenu-right li a:hover {color: #A5A5A5; } ul#submenu-right li.select a {color: #A5A5A5; text-decoration: none;} /***** MENU BOTTOM*****/ /* OLD MENU #left-panel #menu-bottom #search-panel { position: relative; width: 167px; height: 322px; left: 40px; background: url(/images/5/hm_znajdz_opony.gif) transparent no-repeat top left; } #left-panel #menu-bottom #search-panel .top-background { position: relative; width: 167px; height: 27px; margin: 0 0 0 0px; background: url(/images/5/menu_white_top.gif) #fff no-repeat; } #left-panel #menu-bottom #search-panel .top-background .header { width: 150px; height: 27px; z-index: 1;} #znajdz-opony { background: url(/images/5/hm_znajdz_opony.gif) transparent no-repeat 10px 5px;} #parametry-opon { background: url(/images/5/hm_parametry_opon.gif) transparent no-repeat 10px 5px;} #marka-pojazdu { background: url(/images/5/hm_marka_pojazdu.gif) transparent no-repeat 10px 5px;} #katalog-produktow { background: url(/images/5/hm_katalog_produktow.gif) transparent no-repeat 10px 5px;} #left-panel #menu-bottom a#marka-pojazdu { position: absolute; left: 18px; top: 0px; display: block; width: 22px; height: 159px; background: url('/images/5/m_marka_pojazdu.gif') transparent no-repeat; } #left-panel #menu-bottom a#katalog-produktow { position: absolute; left: 18px; top: 160px; display: block; width: 22px; height: 159px; background: url('/images/5/m_katalog_produktow.gif') transparent no-repeat; } #left-panel #menu-bottom a#parametry-opon { position: absolute; left: 18px; top: 160px; display: block; width: 22px; height: 159px; background: url('/images/5/m_parametry_opon.gif') transparent no-repeat; } #left-panel #menu-bottom a#parametry-opon2 { position: absolute; left: 18px; top: 0px; display: block; width: 22px; height: 159px; background: url('/images/5/m_parametry_opon.gif') transparent no-repeat; } */ #left-panel #menu-bottom { position: relative; margin: 7px 0 0 20px;} #left-panel #menu-bottom #menu-content1 { position: relative; background-color: #fff; width: 167px; height: 300px; } #left-panel #menu-bottom > #menu-content1 { margin-top: -10px; } /*only for ff*/ #left-panel #menu-bottom #menu-content2 { position: relative; background-color: #fff; width: 167px; height: 220px; } #left-panel #menu-bottom #menu-content3 { position: relative; background-color: #fff; width: 167px; height: 130px; } #left-panel #menu-bottom > #menu-content3 { margin-top: -10px; } /*only for ff*/ #left-panel #menu-bottom #h-znajdz-opony { position: relative; display: block; width: 167px; height: 28px; background: url('/images/5/hm_znajdz_opony.gif') transparent no-repeat; } #left-panel #menu-bottom #h-parametry { position: relative; display: block; width: 167px; height: 28px; /*background: url('/images/5/m2_parametry.gif') transparent no-repeat; */ } #left-panel #menu-bottom #h-marka-opon1 { position: relative; display: block; width: 167px; height: 26px; /*background: url('/images/5/m2_marka_opon1.gif') transparent no-repeat; */ } #left-panel #menu-bottom #h-marka-opon2 { position: relative; display: block; width: 167px; height: 28px; /*background: url('/images/5/m2_marka_opon2.gif') transparent no-repeat; */ } #left-panel #menu-bottom #h-marka-pojazdu1 { position: relative; display: block; width: 167px; height: 28px; /*background: url('/images/5/m2_marka_pojazdu1.gif') transparent no-repeat; */ } #left-panel #menu-bottom #h-marka-pojazdu2 { position: relative; display: block; width: 167px; height: 28px; /*background: url('/images/5/m2_marka_pojazdu2.gif') transparent no-repeat; */ } #left-panel #menu-bottom #h-menu-blank { position: relative; display: block; width: 167px; height: 28px; /*background: url('/images/5/m2_blank.gif') transparent no-repeat; */ } #menu-bottom select, #menu-bottom input {position: absolute; width: 138px; font: 10px Tahoma, Verdana, Arial; color: #ABABAB; border: 1px solid #ABABAB; } #menu-bottom input {position: absolute; width: 102px; height: 21px; font: 10px Tahoma, Verdana, Arial; color: #ABABAB; border: 1px solid #ABABAB; } #menu-bottom input#submit {left: 33px; top: 260px; font: 13px Tahoma, Verdana, Arial; color: #fff; font-style: italic; font-weight: bold; border: 0px; text-indent: 1000px; cursor: hand; /*background: url('/images/5/b_znajdz.gif') #1556A8 no-repeat; */ } #menu-bottom label {position: absolute; padding: 0 0 0 3px; font: 11px Tahoma, Verdana, Arial; color: #4F4F4F;} #menu-bottom label#l-szerokosc {left: 10px; top: 10px;} #menu-bottom select#szerokosc {left: 10px; top: 25px;} #menu-bottom label#l-profil {left: 10px; top: 46px;} #menu-bottom select#profil {left: 10px; top: 61px;} #menu-bottom label#l-srednica {left: 10px; top: 82px;} #menu-bottom select#srednica {left: 10px; top: 97px;} #menu-bottom label#l-marka-opon {left: 10px; top: 144px;} #menu-bottom select#marka-opon {left: 10px; top: 159px;} #menu-bottom label#l-typ-pojazdu {left: 10px; top: 180px;} #menu-bottom select#typ-pojazdu {left: 10px; top: 195px;} #menu-bottom label#l-sezon {left: 10px; top: 216px;} #menu-bottom select#sezon {left: 10px; top: 231px;} #menu-bottom label#l-marka {left: 10px; top: 10px;} #menu-bottom select#marka {left: 10px; top: 25px;} #menu-bottom label#l-model {left: 10px; top: 46px;} #menu-bottom select#model {left: 10px; top: 61px;} #menu-bottom label#l-wersja {left: 10px; top: 82px;} #menu-bottom select#wersja {left: 10px; top: 97px;} #menu-bottom a.katalog-produktow { position: absolute; left: 13px; display: block; width: 140px; height: 40px; } #menu-bottom a.katalog-produktow#goodyear{ /*background: url('/images/5/kp_goodyear_on.gif') transparent no-repeat;*/ top: 10px; } #menu-bottom a.katalog-produktow#goodyear:hover{ /*background: url('/images/5/kp_goodyear.gif') transparent no-repeat;*/ } #menu-bottom a.katalog-produktow#dunlop{ /*background: url('/images/5/kp_dunlop_on.gif') transparent no-repeat;*/ top: 60px; } #menu-bottom a.katalog-produktow#dunlop:hover{ /*background: url('/images/5/kp_dunlop.gif') transparent no-repeat;*/ } #menu-bottom a.katalog-produktow#fulda{ /*background: url('/images/5/kp_fulda_on.gif') transparent no-repeat;*/ top: 110px; } #menu-bottom a.katalog-produktow#fulda:hover{ /*background: url('/images/5/kp_fulda.gif') transparent no-repeat;*/ } #menu-bottom a.katalog-produktow#debica{ /*background: url('/images/5/kp_debica_on.gif') transparent no-repeat;*/ top: 160px; } #menu-bottom a.katalog-produktow#debica:hover{ /*background: url('/images/5/kp_debica.gif') transparent no-repeat;*/ } /***** NEWS PANEL *****/ .news-panel {position: relative; float: left; width: 272px; margin: 0 1px 3px 2px;} .news-panel .news-panel-top {width: 272px; height: 7px; display: block; font-size: 0px; background: url(/images/5/panel_top.gif) transparent no-repeat top right; } .news-panel .news-panel-main { background: url(/images/5/panel_back.gif) #fff no-repeat bottom right; min-height: 182px; } * html .news-panel .news-panel-main { height: 182px;} /*hack - for IE only*/ .news-panel .news-panel-bottom {width: 272px; height: 4px; display: block; font-size: 0px; background: url(/images/5/panel_bottom.gif) transparent no-repeat top right; } .news-panel .news-panel-header {margin: 0; padding: 5px 0 0 0; } .news-panel .news-panel-header a, .news-panel .news-panel-header span{ display: block; font: 11px Tahoma, Verdana; color: #053776; font-weight: bold; text-decoration: none; margin: 0px 10px 10px 0; padding: 0 0 0 22px; background: url(/images/5/arrow.gif) #fff no-repeat 10px 4px; } .news-panel .news-panel-header-blank {margin: 0px; padding: 25px 0 0 0; background-color: #fff;} .news-panel .news-panel-content {margin: 0px 10px 0px 22px; padding: 0 0 20px 0;} .news-panel .news-panel-more { position: relative; height: 21px; margin: 20px 0px 0px 214px; } .news-panel .news-panel-more a { display: block; width: 47px; height: 16px; background: url('/images/5/arrow_more.gif') transparent no-repeat; } /***** SEARCH RESULT TABLE *****/ table#result { margin: 0; padding: 0; border: 0; border-collapse: collapse; } table#result td{ vertical-align: top; } table#result .news-panel {position: relative; width: 272px; margin: 0 0px 3px 1px;} /***** PANEL *****/ .panel {position: relative; float: left; width: 434px; margin: 0 1px 3px 2px; } .panel .panel-top {width: 434px; height: 7px; display: block; font-size: 0px; background: url(/images/5/panel_top2.gif) transparent no-repeat top right; } .panel .panel-main { background: url(/images/5/panel_back2.gif) #fff no-repeat bottom right; min-height: 498px; } * html .panel .panel-main { height: 498px;} /*hack - for IE only*/ .panel .panel-bottom {width: 434px; height: 4px; display: block; font-size: 0px; background: url(/images/5/panel_bottom2.gif) transparent no-repeat top right; } .panel .panel-header {margin: 0; padding: 5px 0 0 0;} .panel .panel-header a, .panel .panel-header h1 { display: block; font: 11px Tahoma, Verdana; color: #053776; height: 20px; font-weight: bold; text-decoration: none; margin: 0px 10px 10px 0; padding: 0 0 0 22px; background: url(/images/5/arrow.gif) #fff no-repeat 10px 4px; } .panel .panel-content {margin: 0px 22px 0px 22px; padding: 0 0 30px 0;} .panel .panel-more { position: relative; height: 21px; margin: 20px 0px 0px 375px; } .panel .panel-more a { display: block; width: 47px; height: 16px; background: url('/images/5/arrow_more.gif') transparent no-repeat; } .panel .panel-up a { display: block; width: 47px; height: 16px; background: url('/images/5/arrow_up.gif') transparent no-repeat; } .panel .panel-back a { display: block; width: 47px; height: 16px; background: url('/images/5/arrow_back.gif') transparent no-repeat; } .panel .bottom-link { position: absolute; height: 21px; width: 420px; right: 10px; bottom: 0px;} .panel .bottom-link a { display: block; width: 47px; height: 16px; margin: 0px 0 0 5px; float: right; } a.up { display: block; width: 47px; height: 20px; float: right; margin: -20 15 0 0; background: url('/images/5/arrow_up.gif') transparent no-repeat; } * html a.up { margin: -20 8 0 0; } a.back { display: block; width: 47px; height: 20px; float: right; margin: -15 12 0 0; background: url('/images/5/arrow_back.gif') transparent no-repeat; } * html a.back { margin: -20 6 0 0; } a.more { display: block; width: 47px; height: 20px; float: right; margin: -20 15 0 0; background: url('/images/5/arrow_more.gif') transparent no-repeat; } * html a.more { margin: -20 8 0 0; } a.tyre {text-decoration: none;} a.tyre:hover {text-decoration: underline;} .header-line {width: 487px; border-bottom: 1px solid #E1E1E1; margin: 20px 0 10px 0; padding: 0 0 4px 0; font-weight: bold;} .products {position: relative;} .products .products-left {width: 200px; } .products .products-right {position: absolute; width: 243px; left: 250px; top: 0px; border-left: 1px solid #E1E1E1; padding-left: 30px;} .products a {color: #183F84; } .tyres {position: relative;} .tyres .tyres-left {width: 220px; padding-bottom: 100px;} .tyres .tyres-right {position: absolute; width: 253px; left: 230px; top: 59px; border-left: 1px solid #E1E1E1; padding: 0 0 50px 20px;} /***** PANEL - WIDE *****/ .panel-wide {position: relative; float: left; width: 546px; margin: 0 1px 3px 2px; } .panel-wide .panel-wide-top {width: 546px; height: 7px; display: block; font-size: 0px; background: url(/images/5/panel_top4.gif) transparent no-repeat top right; } .panel-wide .panel-wide-main { background: url(/images/5/panel_back4.gif) #fff no-repeat bottom right; min-height: 476px; } * html .panel-wide .panel-wide-main { height: 476px;} /*hack - for IE only*/ .panel-wide .panel-wide-bottom {width: 546px; height: 4px; display: block; font-size: 0px; background: url(/images/5/panel_bottom4.gif) transparent no-repeat top right; } .panel-wide .panel-wide-header {margin: 0; padding: 5px 0 0 0;} .panel-wide .panel-wide-header a, .panel-wide .panel-wide-header h1 { display: block; font: 11px Tahoma, Verdana; color: #053776; height: 20px; font-weight: bold; text-decoration: none; margin: 0px 10px 0px 0; padding: 0 0 0 22px; background: url(/images/5/arrow.gif) #fff no-repeat 10px 4px; } .panel-wide .panel-wide-content {margin: 0px 22px 0px 22px; padding: 0 0 20px 0;} .panel-wide .panel-wide-more { position: relative; height: 21px; margin: 20px 0px 0px 490px; } .panel-wide .panel-wide-more a { display: block; width: 47px; height: 16px; background: url('/images/5/arrow_more.gif') transparent no-repeat; } .panel-wide .panel-wide-back { position: relative; height: 21px; margin: 20px 0px 0px 490px; } .panel-wide .panel-wide-back a { display: block; width: 47px; height: 16px; background: url('/images/5/arrow_back.gif') transparent no-repeat; } .panel-wide .bottom-link { position: absolute; height: 21px; width: 535px; right: 10px; bottom: 0px;} .panel-wide .bottom-link a { display: block; width: 47px; height: 16px; margin: 0px 0 0 5px; float: right; } /***** RIGHT - PANEL - WIDE *****/ .right-panel-wide {width: 254px; margin: 0 0 3px 0px;} .right-panel-wide .panel-top {width: 254px; height: 7px; display: block; font-size: 0px; background: url(/images/5/panel_top3.gif) transparent no-repeat top right; } .right-panel-wide .panel-main { background: url(/images/5/panel_back3.gif) #fff no-repeat bottom right; min-height: 498px; } * html .right-panel-wide .panel-main { height: 498px;} /*hack - for IE only*/ .right-panel-wide .panel-bottom {width: 254px; height: 4px; display: block; font-size: 0px; background: url(/images/5/panel_bottom3.gif) transparent no-repeat top right; } .right-panel-wide .panel-header {margin: 0; padding: 5px 0 0 0;} .right-panel-wide .panel-header a {display: block; font: 11px Tahoma, Verdana; color: #053776; height: 20px; font-weight: bold; text-decoration: none; margin: 0px 10px 10px 0; padding: 0 0 0 22px; background: url(/images/5/arrow.gif) #fff no-repeat 10px 4px; } .right-panel-wide .panel-content {margin: 0px 10px 0px 18px; padding: 10px 0 20px 0;} .right-panel-wide .panel-more {position: relative; height: 21px; margin: 20px 0px 0px 193px; } .right-panel-wide .panel-more a {display: block; width: 47px; height: 16px; background: url('/images/5/arrow_more.gif') transparent no-repeat; } .right-panel-wide .news-title {margin: 0; padding: 5px 0 0 0;} .right-panel-wide .news-title a {display: block; color: #053776; margin: 0px 10px 0 0; padding: 0 0 0 22px; background: url(/images/5/arrow.gif) #fff no-repeat 10px 4px; } .right-panel-wide .news-title-select a {display: block; color: #C0C0C0; margin: 0px 10px 0 0; padding: 0 0 0 22px; text-decoration: none; background: url(/images/5/arrow.gif) #fff no-repeat 10px 4px; } .right-panel-wide .news-content {margin: 0px 10px 0px 22px; padding: 10px 0 10px 0;} .right-panel-wide .news-content p {margin: 0; padding: 0;} .right-panel-wide .news-content-select {margin: 0px 10px 0px 22px; padding: 10px 0 10px 0; color: #C0C0C0;} .right-panel-wide .news-content-select p {margin: 0; padding: 0; color: #C0C0C0;} .right-panel-wide .news-break { margin: 0px 12px 10px 20px; border-bottom: 1px solid #E3E3E3; } /***** RIGHT - PANEL *****/ #right-panel #promo {position: relative; } #right-panel #header-link {position: relative; display: block; width: 130px; height: 15px; margin: 10px 0 5px 0;} #right-panel #link-goodyear-club a, #right-panel #link-goodyear-club a:hover { position: relative; display: block; width: 161px; height: 59px; /*background: url('/images/5/goodyear_club_summer_day.gif') transparent no-repeat; */ } #right-panel #link-dunlop-club a, #right-panel #link-dunlop-club a:hover { position: relative; display: block; width: 161px; height: 60px; /*background: url('/images/5/dunlop_club_summer_day.gif') transparent no-repeat; */ } /***** IMAGE'S HEADERS *****/ div.header-left {position: absolute; left: 217px; top: -20px; width: 300px; height: 25px; z-index: 3; color: white; font: 15px Verdana, Tahoma, Arial; font-style: italic; font-weight: bold; } div#h-aktualnosci {/*background: url('/images/5/h_aktualnosci.gif') transparent no-repeat;*/} div#h-opony {background: url('/images/5/h_opony.gif') transparent no-repeat;} div#h-wyniki-wyszukiwania {background: url('/images/5/h_wyniki_wyszukiwania.gif') transparent no-repeat;} div.header-right {position: absolute; left: 767px; top: -20px; width: 150px; height: 25px; z-index: 3; color: white; font: 15px Verdana, Tahoma, Arial; font-style: italic; font-weight: bold; } div#h-nowosci {background: url('/images/5/h_nowosci.gif') transparent no-repeat;} div.header-right-wide {position: absolute; left: 653px; top: -20px; width: 150px; height: 25px; z-index: 3;} div#h-zobacz-takze {left: 665px; } /***** BUTTONS - LOGO *****/ .button-goodyear {display: block; width: 130px; height: 43px; margin-bottom: 12px; background: url('/images/5/b_goodyear.gif') transparent no-repeat; } .button-dunlop {display: block; width: 130px; height: 43px; margin-bottom: 12px; background: url('/images/5/b_dunlop.gif') transparent no-repeat; } .button-debica {display: block; width: 130px; height: 43px; margin-bottom: 12px; background: url('/images/5/b_debica.gif') transparent no-repeat; } .button-fulda {display: block; width: 130px; height: 43px; margin-bottom: 12px; background: url('/images/5/b_fulda.gif') transparent no-repeat; } /***** headers - LOGO *****/ .header-goodyear {display: block; margin-bottom: 12px;} .header-dunlop {display: block; margin-bottom: 12px;} .header-debica {display: block; margin-bottom: 12px;} .header-fulda {display: block; margin-bottom: 12px;} .header-sava {display: block; margin-bottom: 12px;} /***** PAGES *****/ #pages {position: relative; float: left; margin-top: 3px; width: 16px;} #pages .fake {position: absolute; width: 3px; height: 3px; left: -3px; top: 0px; background-color: #fff; } #pages div.on {position: relative; width: 16px; height: 26px; margin-bottom: 1px; background: url('/images/5/page_on.gif') transparent no-repeat; } #pages div.on a {display: block; width: 16px; height: 26px; color: #0F5AAB; font: italic bold 10px Arial, Tahoma, Verdana; text-decoration: none; padding: 7px 0 0 0; margin: 0 0 0 5px; } #pages div.off {position: relative; width: 16px; height: 26px; margin-bottom: 1px; background: url('/images/5/page_off.gif') transparent no-repeat; } #pages div.off a {position: relative; display: block; width: 16px; height: 26px; color: #fff; font: italic bold 10px Arial, Tahoma, Verdana; text-decoration: none; padding: 7px 0 0 0; margin: 0 0 0 5px; } /***** Tyre photo *****/ #tyre-details {position: relative; min-height: 240px;} * html #tyre-details {height: 240px;} #tyre-details img#tyre {position: absolute; display: block; left: 49px; top: 33px;} #tyre-details img#back {position: absolute; display: block; left: 0; top: 0;} #tyre-details div#szerokosc {position: absolute; left: 68px; top: 3px; color: #fff;} #tyre-details div#srednica {position: absolute; left: 182; top: 124; color: #fff;} #tyre-details div#profil {position: absolute; left: 182; top: 52; color: #fff;} #tyre-details div#srednica-zewn {position: absolute; left: 20; top: 120; color: #fff;} #tyre-details img#sezon {position: absolute; display: block; right: 0px; top: 0px;} #tyre-details img#typ-pojazdu {position: absolute; display: block; right: 0px; top: 50px;} /***** Additional info *****/ table#additional-info {width: 380px; border-collapse: collapse; border-color: #fff; margin: 15px 0 15px 0;} table#additional-info .header-left {background: url('/images/5/table_border_left.gif') #B0B0B0 no-repeat; color: #fff; font-weight: bold; padding: 7px 0 7px 10px;} table#additional-info .header-right {background: url('/images/5/table_border_right.gif') #B0B0B0 no-repeat top right; } table#additional-info .left {width: 60%; background-color: #DFDFDF; color: #7B7B7B; padding: 7px 0 7px 10px; border: 1px solid #fff; } table#additional-info .right {width: 40%; background-color: #CDCDCD; color: #3F3F3F; padding: 7px 0 7px 10px; border: 1px solid #fff;} /***** FAQ *****/ ul#faq { margin: -20px 20px 0 5px; padding: 15px 10px 15px 30px; list-style-image: url(/images/5/arrow2.gif); } * html ul#faq { list-style-image: url(/images/5/arrow2IE.gif); } ul#faq li {padding: 1px 0px 1px 0px;} ul#faq li a{ color: #01387B; font: 11px Tahoma, Verdana, Arial; text-decoration: none;} ul#faq li.select a{ color: #ADADAD; text-decoration: underline;} ul#faq li a:hover{ color: #ADADAD; text-decoration: underline;} div#faq { position: relative; border-top: 1px solid #E4E4E4; margin-top: 20px; padding-top: 15px;} div#faq .question { display: block; font: 11px Tahoma, Verdana; color: #5E5E5E; height: 20px; font-weight: bold; text-decoration: none; margin: 0px 10px 0px 0; padding: 0 0 0 22px; background: url(/images/5/arrow.gif) #fff no-repeat 10px 4px; } div#faq p { margin: 0px 20px 0px 20px; padding: 0; color: #5E5E5E; font-size: 11px;} /***** CAR RESULT *****/ table#carresult {width: 500px; border-collapse: collapse; border-color: #fff; margin: 15px 0 15px 0;} table#carresult th {background-color: #B0B0B0; color: #fff; font-weight: bold; font-size: 10px; padding: 7px 0 7px 0px;text-align: center;} table#carresult th.left {background: url('/images/5/table_border_left.gif') #B0B0B0 no-repeat;} table#carresult th.right {background: url('/images/5/table_border_right.gif') #B0B0B0 no-repeat top right;} table#carresult tr.even {background-color: #DFDFDF; color: #3F3F3F; padding: 7px 0 7px 0px; border: 1px solid #fff; } table#carresult tr.odd {background-color: #CDCDCD; color: #3F3F3F; padding: 7px 0 7px 0px; border: 1px solid #fff;} table#carresult tr td {padding: 7px 0 7px 0px; border: 1px solid #fff; text-align: center;} table#carresult tr.even td {color: #3F3F3F;} table#carresult tr.odd td {color: #3F3F3F;} table#carresult tr td a {font-size: 10px;} table#carresult tr.even td a {color: #3F3F3F;} table#carresult tr.odd td a {color: #3F3F3F;} #w4y { position: absolute; left: 620px; top: 10px;} .fake { position: absolute; left: 0px; top: 0px;}