/* -------------------------------------------------------------- Pioneer NavGate Product Site styles.css -------------------------------------------------------------- */ /* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* Force scrollbar in Moz */ html { overflow-y: scroll; } /* Floats & clearfix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; zoom:1; } /* End hide from IE Mac */ .clear { clear: both; } .float_left { float: left; } .float_right { float: right; } .hide { display: none; } /* -------------------------------------------------------------- * INTEGRATED PAGE LAYOUT -------------------------------------------------------------- */ body { margin: auto; background: #202020 url(../img/bg.jpg) 0 5.7em no-repeat; } #header, #content, #sitemap, #footer { text-align: center; margin: auto; } .inner { width: 980px; margin: 0 auto; text-align: left; } /* HEADER */ #header { background: #000 url(/css/images/layout/header_bg.gif) left top repeat-x; } #header .inner { position: relative; height: 5.7em; } #header p, #header li { margin-bottom: 0; } /* global/logo */ #logo { position: absolute; left: 0; top: 1.44em; width: 155px; height: 24px; background: url(/css/images/layout/logo_pioneer.gif) left top no-repeat; } #logo img { display: none; } #logo a { display: block; width: 127px; height: 20px; } /* global/ecrm */ #ecrm { padding: 0 212px 0 0; margin: 0; text-align: right; min-height: 3.38em; height: 3.38em; } #ecrm ul { margin: 14px 0 1px 0; padding: 0; float: right; } #ecrm ul li { float: left; font-size: 0.69em; line-height: 1em; padding: 0 9px 1px 9px; margin: 0; color: #999999; border-left: 1px solid #666666; } #ecrm ul li.first { border-left: none; } #ecrm a:link, #ecrm a:active, #ecrm a:visited { color: #ccc; text-decoration: none; margin: 0; padding: 0; } #ecrm a:hover { margin: 0; padding: 0; color: #ccc; text-decoration: underline; } #ecrm a.current:link, #ecrm a.current:active, #ecrm a.current:visited, #ecrm a.current:hover { margin: 0; padding: 0; color: #ccc; text-decoration: underline; } .skip-to-content { text-indent: -9999px; height: 0; overflow: hidden; padding: 0; background: none; } /* global/search/top */ #search_top { position: absolute; top: 0; right: 0; width: 205px; height: 4.44em; background: #484848 url(/css/images/layout/search_top_bg.gif) bottom left no-repeat; } #search_top p { padding: 3em 0 0 0; text-align: center; } #search_top label { display: none; } #search_top .search_txt { font-size: 0.92em; color: #737373; width: 150px; border: 1px solid #bcbcbc; padding: 1px 2px 3px 2px; vertical-align: top; } #search_top a { padding-left: 23px; padding-bottom: 7px; display: inline-block; height: 23px; overflow: hidden; background: url(/css/images/layout/search_top_bt.gif) no-repeat; } #search_top a img { display: none; } /* global/topmenu */ #topmenu { padding: 0 220px 0 0; } #topmenu ul { position: relative; margin: 0; padding: 0; } #topmenu ul li { float: left; font-size: 0.69em; line-height: 1em; padding: 0 30px 0 0; } #topmenu ul li a, #topmenu ul li a:link, #topmenu ul li a:active, #topmenu ul li a:visited { display: block; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #b2b2b2; border-bottom: 6px solid #000; padding: 1.18em 0 0.64em 0; } #topmenu ul li a:hover { text-decoration: none; color: #fff; border-bottom: 6px solid #b91440; } #topmenu ul li a.current:link, #topmenu ul li a.current:active, #topmenu ul li a.current:visited, #topmenu ul li a.current:hover { text-decoration: none; color: #fff; border-bottom: 6px solid #b91440; } /* CONTENT */ #content { background: none; padding: 0; } /* crumbs */ #crumbs { margin: 0 5px 0 5px; padding: 0.75em 0 0.75em 0; } #crumbs p { font-size: 0.69em; line-height: 1.36em; color: #b2b2b2; margin: 0; padding: 0; } #crumbs a { color: #fff; } #crumbs a:hover { color: #fff; } /* FOOTER */ #footer { padding-bottom: 30px; } #footer .inner { background: url(../img/footer_line.gif) top left repeat-x; padding: 0.94em 0 60px 0; } #footer hr { display: none; } #footermenu { padding: 0 0 0 0; display: inline; text-align: center; } #footermenu ul { position: relative; text-align: center; margin: auto; } #footermenu ul li { color: #a1a0a0; display: inline; font-size: 0.69em; line-height: 1em; padding: 0.45em 15px 0.64em 15px; background: url(../img/footermenu_divider.gif) center right no-repeat; } #footermenu ul li.last { background: none; } #footermenu ul li a, #footermenu ul li a:link, #footermenu ul li a:active, #footermenu ul li a:visited { text-decoration: none; color: #a1a0a0; } #footermenu ul li a:hover { text-decoration: underline; color: #fff; } /* -------------------------------------------------------------- * COMMON STYLES -------------------------------------------------------------- */ body { font-size: 100%; line-height: 1em; color: #fff; font-family: Arial, Helvetica, sans-serif; } select { color: #4C4C4C; font-family: Arial, Helvetica, sans-serif; } /* HEADERS */ h1 { font-size: 1.5em; line-height: 1em; font-weight: bold; padding: 0 0 0.75em 0; } h2 { font-size: 1.38em; line-height: 1em; padding: 0 0 0.75em 0; } h3 { font-size: 0.94em; font-weight: bold; line-height: 1.25em; padding: 0; } h4 { font-size: 0.75em; line-height: 1.25em; font-weight: bold; padding: 0; } h5 { font-size: 1em; line-height: 1.25em; font-weight: bold; padding: 0; } h6 { font-size: 0.69em; line-height: 1.25em; padding: 5px 0; } p { font-size: 0.75em; padding: 0 0 1em 0; } li { font-size: 0.75em; } td, th { font-size: 0.75em; } li p, td li { font-size: 1em; } .small { font-size: 0.9em; } /* LINKS */ a, a:link, a:active, a:visited { color: #adbc0f; text-decoration: none; } a:hover { color: #94be31; text-decoration: underline; } /* disabled links to product pages, see custom.js */ a.disabled, a.disabled:link, a.disabled:active, a.disabled:visited, a.disabled:hover { color: #fff; text-decoration: none; } /* link with red arrow */ a.lnk_next, a.lnk_next:link, a.lnk_next:active, a.lnk_next:visited { color: #adbc0f; background: url(../img/link_next.png) no-repeat right center; padding: 0 20px 0 0; border-bottom: none; } a.lnk_next:hover { color: #94be31; text-decoration: none; } /* link button */ .lnk_button { line-height:11px; height: 24px !important; background-image: url(/css/images/button_sprice.png); background-repeat: no-repeat; font-size:11px !important; padding: 0 0 0 10px; margin: 2px 0 3px 0; display:block; display:-moz-inline-box; display:inline-block; cursor:pointer; cursor:hand; text-decoration: none !important; } .lnk_button b { line-height:12px !important; height:18px; background-image: url(/css/images/button_sprice.png); background-repeat: no-repeat; color: #fff; font-weight: bold; text-transform: uppercase; padding: 6px 10px 0 0; display:block; display:-moz-inline-box; display:inline-block; } .lnk_button:link, .lnk_button:active, .lnk_button:visited { background-position: 0 -150px; } .lnk_button:hover { background-position: 0 -210px; } .lnk_button:link b, .lnk_button:active b, .lnk_button:visited b { background-position: right -120px; } .lnk_button:hover b { background-position: right -180px; } /* LISTS */ ul.bullet_list li { background: url(../img/bullet.gif) 0 0.5em no-repeat; padding-left: 8px; } ul.white_bullet_list li { background: url(../img/white_bullet.gif) 0 0.6em no-repeat; padding-left: 8px; } .text_right { text-align: right; } /* -------------------------------------------------------------- * PAGE LAYOUT -------------------------------------------------------------- */ /* WRAPPER */ .navgate { } /* HEADING, NAVIGATION */ .heading { padding: 12px 15px 5px 10px; } .heading .navgate_logo { width: 160px; height: 40px; float: left; padding: 0; margin: 0; background:url(../img/title_eur.png) 0 0 no-repeat; } .heading ul { float: right; padding: 0; margin: 8px 0 0 0; } .heading li { float: left; margin: 0 0 0 30px; line-height: 27px; } .heading a, .heading a:link, .heading a:active, .heading a:visited { color: #fff; } .heading a:hover { color: #b2b2b2; text-decoration: none; } /* SHORTCUTS to other sections */ .shortcuts { background: url(../img/shortcuts_bg.png) 0 0 no-repeat; padding: 12px 15px 3px 10px; width: 955px; height: 120px; margin: 10px 0 0 0; } .shortcuts .navgate_logo { width: 160px; height: 40px; float: left; padding: 0; margin: 0; background:url(../img/title_eur.png) 0 0 no-repeat; } .shortcuts ul { float: right; padding: 0; margin: 8px 0 0 0; } .shortcuts li { float: left; margin: 0 0 0 30px; line-height: 27px; } .shortcuts a, .shortcuts a:link, .shortcuts a:active, .shortcuts a:visited { color: #fff; } .shortcuts a:hover { color: #b2b2b2; text-decoration: none; } /* current nav item */ .page_explore .nav_explore a, .page_explore .nav_explore a:link, .page_explore .nav_explore a:active, .page_explore .nav_explore a:visited, .page_explore .nav_explore a:hover, .page_compare .nav_compare a, .page_compare .nav_compare a:link, .page_compare .nav_compare a:active, .page_compare .nav_compare a:visited, .page_compare .nav_compare a:hover, .page_cars .nav_cars a, .page_cars .nav_cars a:link, .page_cars .nav_cars a:active, .page_cars .nav_cars a:visited, .page_cars .nav_cars a:hover, .page_reviews .nav_reviews a, .page_reviews .nav_reviews a:link, .page_reviews .nav_reviews a:active, .page_reviews .nav_reviews a:visited, .page_reviews .nav_reviews a:hover { color: #b91440; text-decoration: none; cursor: default; } /* CONTENT BOX */ .box { width: 980px; margin: 5px 0 0 0; } .box_t { height: 10px; background: url(../img/box_t.png) no-repeat; overflow: hidden; } .box_b { height: 10px; background: url(../img/box_b.png) no-repeat; overflow: hidden; } .box_m { background: url(../img/box_m.png) repeat-y; padding: 0; } .box_body { padding: 20px 30px 10px 30px; } /* ITEM */ .item { width: 920px; margin: 0 0 10px 0; } .item_t { height: 10px; overflow: hidden; background: url(../img/item_920_t.png); } .item_b { height: 10px; overflow: hidden; background: url(../img/item_920_b.png); } .item_m { background: #323231; } .item_body { padding: 20px 30px; } .item_330 { width: 330px; margin: 0 0 10px 0; } .item_330 .item_t { height: 10px; overflow: hidden; background: url(../img/item_330_t.png); } .item_330 .item_b { height: 10px; overflow: hidden; background: url(../img/item_330_b.png); } .item_580 { width: 580px; margin: 0 0 10px 0; } .item_580 .item_t { height: 10px; overflow: hidden; background: url(../img/item_580_t.png); } .item_580 .item_b { height: 10px; overflow: hidden; background: url(../img/item_580_b.png); } #carfinder .item_t { background: url(../img/item_carfinder_t.png); } #carfinder .item_m { background: url(../img/item_carfinder_m.jpg) 0 bottom no-repeat; } #carfinder .item_b { background: url(../img/item_carfinder_b.png); } /* TOGGLE */ .toggle { line-height: 13px; padding-top: 8px; padding-bottom: 20px; } .open_toggle, .close_toggle { color: #adbc0f; cursor: pointer; } .open_toggle .ico, .close_toggle .ico { width: 14px; height: 13px; background-image: url(../img/toggle.gif); background-repeat: no-repeat; display:block; display:-moz-inline-box; display:inline-block; } .hover { color: #94be31; } .open_toggle .ico { background-position: 0 -50px; } .close_toggle .ico { background-position: 0 0; } /* TOGGLE TABLE */ .toggle_table { line-height: 16px; padding-top: 8px; padding-bottom: 8px; display: block; } .open_toggle_table, .close_toggle_table { color: #adbc0f; cursor: pointer; } .open_toggle_table .ico, .close_toggle_table .ico { width: 14px; height: 13px; background-image: url(../img/toggle.gif); background-repeat: no-repeat; display:block; display:-moz-inline-box; display:inline-block; } .hover { color: #94be31; } .open_toggle_table .ico { background-position: 0 -50px; line-height: 16px; } .close_toggle_table .ico { background-position: 0 0; } /* CAROUSEL */ .carousel { background: url(../img/carousel/bg.png) 0 0 no-repeat; width: 920px; height: 187px; position: relative; margin: 0 0 30px 0; } .carousel .carousel_inner { padding: 20px 30px 0 30px; /*margin: 0 60px 0 60px;*/ } .carousel_prev, .carousel_next { width: 24px; height: 24px; position: absolute; top: 97px; cursor: pointer; } .carousel_prev { background: url(../img/carousel/prev.png) 0 0 no-repeat; left: 30px; } .carousel_next { background: url(../img/carousel/next.png) 0 0 no-repeat; right: 30px; } .carousel_prev_disabled, .carousel_next_disabled { opacity:.20; filter: alpha(opacity=20); -moz-opacity: 0.20; cursor: default; } .carousel_frame { position: relative; width: 800px; height: 140px; position: relative; margin: 0 0 0 30px; } .carousel ul { width:9999px; position:absolute; left:0; top:0; } .carousel li { float: left; width: 200px; height: 140px; } .carousel a { display:block; width: 200px; height: 140px; color: #fff; text-decoration: none; } .carousel a:hover { color: #b91440; text-decoration: none; } .carousel a .group { display: block; width: 200px; height: 140px; position: relative; } .carousel a img { display: block; position: absolute; left: 0; top: 0; width: 200px; height: 140px; } .carousel a .label { display: block; width: 200px; text-align: center; position: absolute; left: 0; top: 115px; } /* LIGHTBOX */ .lightbox_overlay { background: #fff center center no-repeat; position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; z-index:101; } * html .lightbox_overlay { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } .lightbox { position:fixed; top:50%; left:50%; margin:0; z-index:102; overflow: hidden; background: #000; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; -khtml-border-radius:6px; } * html .lightbox { position:absolute; top:50%; left:50%; margin:0; padding:0; z-index:102; overflow: hidden; } .lightbox iframe { zoom: 1; } .lightbox_content { width: 885px; height: 457px; overflow: hidden; } .lightbox_close { position:absolute; width:17px; height:17px; right:21px; top:17px; background:transparent url(../img/lightbox_close.png) no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; } #lightbox_885-457 .lightbox_content { width: 885px; height: 457px; overflow: hidden; background: url(../img/loader.gif) center center no-repeat; } /* SLIDESHOW */ .slideshow { width: 885px; height: 457px; overflow: hidden; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; } .slideshow_content { width: 885px; height: 457px; overflow: hidden; position: relative; background: #0d0d0d url(../img/loader.gif) center center no-repeat; z-index: 9; } .slideshow_item { width: 885px; height: 457px; } .slideshow_menu { width:885px; height: 75px; overflow:hidden; position:absolute; left: 0; bottom: 0; background: url(../img/thumb_menu_bg.jpg) 0 0 no-repeat; z-index: 10; } .slideshow_menu ul { clear:left; float:left; position:relative; left:50%; padding: 0; text-align:center; margin: 10px 0 0 0; } .slideshow_menu li { display:block; float:left; position:relative; right:50%; margin: 0 3px; padding: 0; background-image: url(../img/thumbs.gif); background-repeat: no-repeat; } .slideshow_shared_content { position: absolute; left: 0; top: 0; z-index: 11; padding: 40px 0 0 60px; } p.tagline { font-size: 11px; text-align: right; color: #b2b2b2; position: absolute; z-index: 40; right: 0; top: 0; text-align: right; } .video_item { background: #000 url(../img/global/video_item_bg.jpg) 0 0 no-repeat; width: 763px; height: 366px; padding: 16px 0 0 122px; } /* TALK Slideshow */ #talk .slideshow { width: 440px; height: 400px; margin: 8px 0 0 0; -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; } #talk .slideshow_content { width: 440px; height: 400px; overflow: hidden; background: none; } #talk .slideshow_item { width: 440px; height: 400px; } #talk .slideshow_menu { width:440px; overflow:hidden; position:absolute; left: 160px; bottom: 5px; background: none; } #talk .slideshow_menu ul { clear:left; float:left; position:relative; left:0; padding: 0; text-align: left; } #talk .slideshow_menu li { display:block; float:left; position:relative; right:0; } /* LARGE THUMBS */ .thumbs_large { zoom: 1; padding: 12px 0 0 0; } .thumbs_large ul { clear: none; } .thumbs_large ul li { float: left; margin: 0 5px 5px 0; background-image: url(../img/fits/thumbs-large.jpg); background-repeat: no-repeat; padding: 0; } .thumbs_large li a, .thumbs_large li a:link, .thumbs_large li a:active, .thumbs_large li a:visited { position: relative; display: block; width: 112px; height: 82px; zoom: 1; margin: 0; padding: 0; text-indent: -9999px; white-space: nowrap; } .thumbs_large li a:hover { background: url(../img/fits/thumb_large_hover.png) 0 0 no-repeat; } .thumbs_large li a.selected, .thumbs_large li a.selected:link, .thumbs_large li a.selected:active, .thumbs_large li a.selected:visited, .thumbs_large li a.selected:hover { background: url(../img/thumb_large_hover.png) 0 0 no-repeat; cursor: default; zoom: 1; } .thumbs_large .thumb_fits_ford { background-position: 0 0; } .thumbs_large .thumb_fits_vw { background-position: -200px 0; } .thumbs_large .thumb_fits_seat { background-position: -400px 0; } .thumbs_large .thumb_fits_skoda { background-position: -600px 0; } /* THUMBS */ .thumbs { zoom: 1; height: 55px; float: left; padding: 12px 0 0 0; } .thumbs ul { clear: none; } .thumbs ul li { float: left; margin: 0 5px 5px 0; background-image: url(../img/thumbs.gif); background-repeat: no-repeat; padding: 0; } .thumbs li a, .thumbs li a:link, .thumbs li a:active, .thumbs li a:visited { position: relative; display: block; width: 75px; height: 55px; zoom: 1; margin: 0; padding: 0; text-indent: -9999px; white-space: nowrap; } .thumbs li a:hover { background: url(../img/thumb_hover.png) 0 0 no-repeat; } .thumbs li a.selected, .thumbs li a.selected:link, .thumbs li a.selected:active, .thumbs li a.selected:visited, .thumbs li a.selected:hover { background: url(../img/thumb_hover.png) 0 0 no-repeat; cursor: default; zoom: 1; } .thumb_explore_coverage_0 { background-position: 0 0; } .thumb_explore_coverage_1 { background-position: -100px 0; } .thumb_explore_eco_0 { background-position: -300px 0; } .thumb_explore_multi-sensor_0 { background-position: -200px 0; } .thumb_explore_map-views_0 { background-position: -400px 0; } .thumb_explore_map-views_1 { background-position: -500px 0; } .thumb_explore_map-views_2 { background-position: -600px 0; } /*.thumb_talk_multiple-user_0 { background-position: -700px 0; }*/ .thumb_play_sources_0 { background-position: -800px 0; } .thumb_play_sd_0 { background-position: -900px 0; } .thumb_play_sd_1 { background-position: -1000px 0; } .thumb_play_musicsphere_0 { background-position: -1100px 0; } .thumb_play_cross-sell_0 { background-position: -1200px 0; } .thumb_fits_avic-f220_0 { background-position: -1300px 0; } .thumbs .thumb_fits_ford { background-position: -1400px 0; } .thumbs .thumb_fits_vw { background-position: -1500px 0; } .thumbs .thumb_fits_seat { background-position: -1600px 0; } .thumbs .thumb_fits_skoda { background-position: -1700px 0; } .thumb_talk_multiple-user_0 { background-position: -2000px 0; } .thumb_talk_multiple-user_1 { background-position: -2100px 0; } .thumb_talk_multiple-user_2 { background-position: -2200px 0; } .thumbs li .icon { width: 28px; height: 30px; position: absolute; right: -4px; top: -6px; text-indent: -9999px; overflow: hidden; } .thumbs li .play .icon { background: url(../img/icon_play.png) 0 0 no-repeat; z-index: 8; } /* .video_descr { float: left; width: 120px; height: 55px; background: #fff; text-align: left; font-size: 11px; line-height: 14px; padding: 11px 0 0 5px; } .video_thumbs li a, .video_thumbs li a:link, .video_thumbs li a:active, .video_thumbs li a:visited { float: left; display: block; width: 85px; height: 65px; zoom: 1; margin: 0; padding: 0; } .video_thumbs li a:hover { background: url(../img/global/thumbs/thumb_hover.gif) 0 0 no-repeat; } .video_thumbs li a.selected, .video_thumbs li a.selected:link, .video_thumbs li a.selected:active, .video_thumbs li a.selected:visited, .video_thumbs li a.selected:hover { background: url(../img/global/thumbs/thumb_hover.gif) 0 0 no-repeat; cursor: default; } */ /* -------------------------------------------------------------- * HOME -------------------------------------------------------------- */ /* billboard */ .billboard { width: 980px; height: 500px; margin: 5px 0 25px 0; background: url(../img/home_bg.jpg) 0 0 no-repeat; } #eur .billboard, #en .billboard { background: url(../img/home_bg_test.jpg) 0 0 no-repeat; } .billboard_body { width: 980px; height: 500px; position: relative; } .billboard_text { width: 250px; position: absolute; left: 40px; top: 100px; top: 35px; } .billboard_visual { width: 625px; height: 490px; position: absolute; right: 5px; top: 5px; } .billboard_visual a { display: block; width: 625px; height: 490px; text-indent: -9999px; } .page_home .lnk_next { font-size: 16px; font-weight: bold; } /* -------------------------------------------------------------- * EXPLORE -------------------------------------------------------------- */ /* Explore content block */ .page_explore .thumbs { padding: 5px 0 0 0; } #explore {} #explore h1 { /*background: url(../img/explore/explore_picto.gif) 0 0 no-repeat; padding: 8px 0 0 49px; height: 100px;*/ } #explore .float_left { width: 350px; } #explore .float_right { width: 470px; } #explore_coverage { width: 320px; padding-top: 80px; } #explore_coverage_0 { background: url(/images/navgate/img/explore/explore_coverage_0.jpg) 0 0 no-repeat; } #explore_coverage_1 { background: url(/images/navgate/img/explore/explore_coverage_1.jpg) 0 0 no-repeat; } #explore_multi-sensor_0 { background: url(/images/navgate/img/explore/explore_multi-sensor_0.jpg) 0 0 no-repeat; } #explore_multi-sensor_0 .text { width: 340px; padding: 100px 0 0 50px; } #explore_eco_0 { background: url(/images/navgate/img/explore/explore_eco_0.jpg) 0 0 no-repeat; } #explore_eco_0 .text { width: 340px; padding: 45px 0 0 50px; } #explore_eco_0 .text .notes .asterisk { display: block; width: 9px; float: left; } #explore_eco_0 .text .notes ul { float: left; width: 330px; } #explore_eco_0 .text .notes ul li { background: url(/images/navgate/img/notes_bullet.gif) 2px 0.8em no-repeat; padding-left: 9px; } .notes { color: #b2b2b2; font-size: 0.92em; padding: 1em 0 0 0; } #explore_multi-sensor_0 .text .notes .asterisk { display: block; width: 9px; float: left; } #explore_multi-sensor_0 .text .notes ul { float: left; width: 290px; } #explore_multi-sensor_0 .text .notes ul li { background: url(/images/navgate/img/notes_bullet.gif) 2px 0.8em no-repeat; padding-left: 9px; } #explore_map-views { width: 340px; } #explore_map-views_0 { background: url(/images/navgate/img/explore/explore_map-views_0.jpg) 0 0 no-repeat; } #explore_map-views_1 { background: url(/images/navgate/img/explore/explore_map-views_1.jpg) 0 0 no-repeat; } #explore_map-views_2 { background: url(/images/navgate/img/explore/explore_map-views_2.jpg) 0 0 no-repeat; } #talk_multiple-user_0 { background: url(/images/navgate/img/explore/talk_multiple-user_0.jpg) 0 0 no-repeat; } #talk_multiple-user_1 { background: url(/images/navgate/img/explore/talk_multiple-user_1.jpg) 0 0 no-repeat; } #talk_multiple-user_2 { background: url(/images/navgate/img/explore/talk_multiple-user_2.jpg) 0 0 no-repeat; } #play_sources_0 { background: url(/images/navgate/img/explore/play_sources_0.jpg) 0 0 no-repeat; } #play_sources_0 .text { width: 330px; padding: 70px 0 0 50px; } #play_sd { width: 220px; left: 600px; top: 70px; padding: 0; } #play_sd_0 { background: url(/images/navgate/img/explore/play_sd_0.jpg) 0 0 no-repeat; } #play_sd_1 { background: url(/images/navgate/img/explore/play_sd_1.jpg) 0 0 no-repeat; } #play_musicsphere_0 { background: url(/images/navgate/img/explore/play_musicsphere_0.jpg) 0 0 no-repeat; } #play_musicsphere_0 .text { width: 320px; padding: 70px 0 0 50px; } #play_cross-sell_0 { background: url(/images/navgate/img/explore/play_cross-sell_0.jpg) 0 0 no-repeat; } #play_cross-sell_0 .text { width: 340px; padding: 70px 0 0 50px; } #fits_avic-f220_0 { background: url(/images/navgate/img/fits/fits_avic-f220_0.jpg) 0 0 no-repeat; } #fits_avic-f220_0 .text { width: 310px; padding: 70px 0 0 50px; } #fits_car_ford { background: url(/images/navgate/img/fits/fits_ford_0.jpg) 0 0 no-repeat; } #fits_car_ford .text { width: 230px; padding: 45px 0 0 50px; } #fits_car_vw { background: url(/images/navgate/img/fits/fits_vw_0.jpg) 0 0 no-repeat; } #fits_car_vw .text { width: 430px; padding: 45px 0 0 50px; } #fits_car_seat { background: url(/images/navgate/img/fits/fits_seat_0.jpg) 0 0 no-repeat; } #fits_car_seat .text { width: 230px; padding: 45px 0 0 50px; } #fits_car_skoda { background: url(/images/navgate/img/fits/fits_skoda_0.jpg) 0 0 no-repeat; } #fits_car_skoda .text { width: 230px; padding: 45px 0 0 50px; } /* Talk content block */ #talk {} #talk h1 { /*background: url(../img/explore/talk_picto.gif) 0 0 no-repeat; padding: 8px 0 0 79px; height: 70px;*/ } #talk .float_left { width: 440px; } #talk .float_right { width: 420px; } #talk .item_body { padding: 20px 30px 20px 0; } #talk .logos { float: right; padding: 23px 10px 0 0; } /* Play content block */ #play {} #play h1 { /*background: url(../img/explore/play_picto.gif) 0 0 no-repeat; padding: 8px 0 0 69px; height: 70px;*/ } #play .item_body { padding-bottom: 50px; } #play .float_left { width: 350px; } #play .float_right { width: 470px; } /* -------------------------------------------------------------- * COMPARE -------------------------------------------------------------- */ .compare_table { margin: 20px 0; position: relative; } .compare_table .corner_tl, .compare_table .corner_tr, .compare_table .corner_bl, .compare_table .corner_br { display: block; position: absolute; width: 9px; height: 9px; } .compare_table .corner_tl { background: url(../img/corner_tl.gif) 0 0 no-repeat; top: 0; left: 0; } .compare_table .corner_tr { background: url(../img/corner_tr.gif) 0 0 no-repeat; top: 0; right: 0; } .compare_table .corner_bl { background: url(../img/corner_bl.gif) 0 0 no-repeat; bottom: 0; left: 0; } .compare_table .corner_br { background: url(../img/corner_br.gif) 0 0 no-repeat; bottom: 0; right: 0; } .compare_table td { border-right: 1px solid #4f4e4e; border: 1px solid #4f4e4e; padding: 3px 19px;; } .compare_table th { border: 1px solid #4f4e4e; padding: 11px 19px; } /*.compare_table th.noborder { border: none; border-left: 1px solid #4f4e4e; border-right: 1px solid #4f4e4e;}*/ .compare_table tr.thickborder th { border-bottom: 3px solid #4f4e4e !important; } .compare_table tr.thickborder td { border-bottom: 3px solid #4f4e4e !important; } .compare_table tfoot td, .compare_table tfoot th { padding: 11px 19px 19px 19px; } .compare_table th { font-weight: bold; text-align: left; } .compare_table th img { display: block; position: relative; left: -3px; } /*.compare_table thead th { color: #ADBC0F; }*/ .compare_table tbody td { width: 22%; } .compare_table tbody th { width: 12%; } .compare_table tbody td.ico { text-align: center; vertical-align: middle; /*vertical-align: top;*/ } .compare_table tbody td.tdbull { background: url(../img/white_bullet.gif) 18px 18px no-repeat; padding-left: 27px; } .compare_table tbody td.border { border: 1px solid #4f4e4e; padding: 3px 19px; } .compare_table tbody tr.thickborder td { border-bottom: 3px solid #4f4e4e !important; } .compare_table tbody tr.toggle_table_row td.tdbull { background: none; padding-left: 0; } .compare_table tr.toggle_table_row td span.toggle_table_cell { display: block; padding: 11px 19px 0 27px; } .compare_table tr.toggle_table_row td.tdbull span.toggle_table_cell { background: url(../img/white_bullet.gif) 18px 18px no-repeat; padding: 11px 19px 0 27px; } /* -------------------------------------------------------------- * FITS YOUR CAR -------------------------------------------------------------- */ #carfinder .item_m, #introduction .item_m { height: 325px; } #carfinder select { width: 265px; } #carfinder .lnk_button { margin-right: 5px; } #models .item_body { padding:20px 30px 50px 30px; } #models .item_body .float_left { width: 500px; } #models .item_body .float_right { width: 270px; } /* -------------------------------------------------------------- * REVIEWS -------------------------------------------------------------- */ #customer_reviews h3 em { color: #adbc0f; font-style: normal; float: left; width: 30px; } #customer_reviews h3 span { float: left; } #customer_reviews .text p, #customer_reviews .text ul { margin-left: 30px; } #customer_reviews .float_left, #customer_reviews .float_right { width: 415px; margin: 0 0 30px 0; } #customer_reviews .item_body { padding: 20px 30px 0 30px; } #customer_reviews .text h3 { margin: 10px 0 5px 0; } #customer_reviews .caption { color: #9e9e9e; padding: 5px 0 0 0; } /*#talk .slideshow { display: none; }*/ /*#explore .float_right { background: url(../img/explore/explore_bg.jpg) no-repeat 143px 17px; height: 315px; }*/ /*#talk .float_left { background: url(../img/explore/talk_bg.jpg) no-repeat 150px 45px; height: 315px; }*/ /*#play .float_right { background: url(../img/explore/play_bg.jpg) no-repeat 153px 150px; height: 405px; }*/ /* -------------------------------------------------------------- * LANGUAGES -------------------------------------------------------------- */ /* nl */ #nl #explore_eco_0 .text { width: 420px; } #nl #explore_eco_0 .text .notes ul { width:400px; } #nl #play_sources_0 .text { width:300px; } #nl #carfinder .item_m, #nl #introduction .item_m { height:340px; } #nl #play_musicsphere_0 .text { width:400px; } /* fr, be, chf */ #fr #explore_eco_0 .text { width:500px; } #fr #explore_eco_0 .text .notes ul { width:480px; } #fr #play_musicsphere_0 .text { width:360px; } #fr #fits_car_seat .text { width:250px; } #fr #fits_car_skoda .text { width:250px; } #be #explore_eco_0 .text { width:500px; } #be #explore_eco_0 .text .notes ul { width:480px; } #be #play_musicsphere_0 .text { width:360px; } #be #fits_car_seat .text { width:250px; } #be #fits_car_skoda .text { width:250px; } #chf #explore_eco_0 .text { width:500px; } #chf #explore_eco_0 .text .notes ul { width:480px; } #chf #play_musicsphere_0 .text { width:360px; } #chf #fits_car_seat .text { width:250px; } #chf #fits_car_skoda .text { width:250px; } /* dk */ #dk #explore_eco_0 .text { width:500px; } #dk #explore_eco_0 .text .notes ul { width:480px; } #dk #fits_car_ford .text { width:260px; } #dk #fits_car_seat .text { width:260px; } #dk #fits_car_skoda .text { width:260px; } /* fi */ #fi #explore_eco_0 .text { width:500px; } #fi #explore_eco_0 .text .notes ul { width:480px; } #fi #fits_car_ford .text { width:260px; } #fi #fits_car_seat .text { width:260px; } #fi #fits_car_skoda .text { width:260px; } /* es */ #es #explore_eco_0 .text { width:500px; } #es #explore_eco_0 .text .notes ul { width:480px; } #es #play_musicsphere_0 .text { width:400px; } #es #fits_car_ford .text { width:320px; } #es #fits_car_seat .text { width:320px; } #es #fits_car_skoda .text { width:320px; } /* pl */ #pl #explore_eco_0 .text { width:500px; } #pl #explore_eco_0 .text .notes ul { width:480px; } #pl #play_musicsphere_0 .text { width:380px; } /* it, chi */ #it #explore_eco_0 .text { width:500px; } #it #explore_eco_0 .text .notes ul { width:480px; } #it #play_musicsphere_0 .text { width:380px; } #chi #explore_eco_0 .text { width:500px; } #chi #explore_eco_0 .text .notes ul { width:480px; } #chi #play_musicsphere_0 .text { width:380px; } /* de, chd, at */ #de #explore_eco_0 .text { width: 550px; } #de #explore_eco_0 .text .notes ul { width:530px; } #de #carfinder .item_m, #de #introduction .item_m { height:365px; } #de #play_musicsphere_0 .text { width:380px; } /* No car brand logo's for Germany: */ #de .thumbs_large ul li { background-image: url(../img/fits/thumbs-large-de.jpg); } #de .thumbs .thumb_fits_ford { background-position: -2300px 0; } #de .thumbs .thumb_fits_vw { background-position: -2400px 0; } #de .thumbs .thumb_fits_seat { background-position: -2500px 0; } #de .thumbs .thumb_fits_skoda { background-position: -2600px 0; } #chd #explore_eco_0 .text { width: 550px; } #chd #explore_eco_0 .text .notes ul { width:530px; } #chd #carfinder .item_m, #chd #introduction .item_m { height:365px; } #chd #play_musicsphere_0 .text { width:380px; } #at #explore_eco_0 .text { width: 550px; } #at #explore_eco_0 .text .notes ul { width:530px; } #at #carfinder .item_m, #at #introduction .item_m { height:365px; } #at #play_musicsphere_0 .text { width:380px; } /* pt */ #pt #explore_eco_0 .text { width:500px; } #pt #explore_eco_0 .text .notes ul { width:480px; } #pt #play_musicsphere_0 .text { width: 480px; } #pt #carfinder .item_m, #pt #introduction .item_m { height:340px; } #pt #fits_car_ford .text { width: 350px; } #pt #fits_car_seat .text { width: 350px; } #pt #fits_car_skoda .text { width: 350px; } #pt .heading li { margin:0 0 0 20px; } /*_*/