/* -------------------------------------------------------------- Pioneer Car AV Tuners 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: #d4d4d4 url(../img/av_bg_repeat.jpg) 0 5.7em repeat-x; } #wrapper { background: url(../img/av_bg.jpg) 0 5.7em no-repeat; min-height: 945px; } #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 0 2.81em 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: 60px; } #footer .inner { background: url(../img/footer_line.gif) top left repeat-x; padding: 0.94em 0 0 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 { 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: #403f3f; } #footermenu ul li a:hover { text-decoration: underline; color: #403f3f; } /* -------------------------------------------------------------- * 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; line-height: none !important; } 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: #2889c5; text-decoration: none; } a:hover { text-decoration: underline; } /* 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; } /* link with red arrow */ a.lnk_next, a.lnk_next:link, a.lnk_next:active, a.lnk_next:visited { color: #2889c5; background: url(../img/link_next.png) no-repeat right center; padding: 0 20px 0 0; border-bottom: none; } a.lnk_next:hover { color: #fff; text-decoration: none; } /* LISTS */ ul.bullets li { background: url(/css/img/global/bullet_grey.gif) 0 7px no-repeat; padding: 0 0 0 8px; } ul.bullets-white li { background: url(../img/bullet.gif) 0 5px no-repeat; padding: 0 0 0 8px; color: #fff; } /* -------------------------------------------------------------- * AV PAGE LAYOUT -------------------------------------------------------------- */ /* WRAPPER */ .av { } /* HEADING, NAVIGATION */ .heading { padding: 12px 15px 5px 15px; } .heading h1 { width: 200px; float: left; padding: 0; margin: 0; height: 29px; text-indent: -9999px; 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, .heading a:hover { color: #b91440; } /* current nav item */ .av_home .heading #nav_home a, .av_home .heading #nav_home a:hover, .av_play .heading #nav_play a, .av_play .heading #nav_play a:hover, .av_videos .heading #nav_videos a, .av_videos .heading #nav_videos a:hover, .av_reviews .heading #nav_reviews a, .av_reviews .heading #nav_reviews a:hover { color: #403f3f; 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; } /* SHORTCUTS to other sections */ .shortcuts { background: url(../img/dots_43.gif) repeat-x; position: relative; padding: 30px; margin: 10px 0 0 0; } .shortcuts_left { float: left; width: 500px; } .shortcuts_right { float: right; width: 270px; margin: 52px 0 0 0; padding: 32px 0 0 0; text-align: right; background: url(../img/dots_43.gif) 0 0 repeat-y; } .shortcuts h1 { padding: 3px 0 12px 0; } .shortcuts ul { } .shortcuts li { padding: 1px 0; } .shortcuts_left a { background: url(../img/link_next.png) 0 center no-repeat; padding-left: 23px; text-decoration: none; } .shortcuts_left a:hover { color: #fff; } /* ITEM */ .item { margin: 0 0 10px 0; } .item_t, .item_b { height: 10px; overflow: hidden; } .item_m { background: url(../img/item_m.png); } .item_body { padding: 20px 30px; } .item_920 { width: 920px; } .item_920 .item_t { background: url(../img/item_920_t.png); } .item_920 .item_b { background: url(../img/item_920_b.png); } .item_555 { width: 555px; float: right; } .item_555 .item_t { background: url(../img/item_555_t.png); } .item_555 .item_b { background: url(../img/item_555_b.png); } .item_355 { width: 355px; float: left; } .item_355 .item_t { background: url(../img/item_355_t.png); } .item_355 .item_b { background: url(../img/item_355_b.png); } #connectivity .item_355 .item_t { background: url(../img/item_355_t_tabs.png); } /* 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; } /* 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-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; } .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; } /* 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; } .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; } .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; } */ /* ANIMATION */ .animation { position: relative; } .animation img { /*position: absolute; left: 0; top: 0;*/ } .billboard_visuals .animation { position: absolute; width: 615px; height: 500px; left: 365px; top: 0; } /* -------------------------------------------------------------- * HOME -------------------------------------------------------------- */ /* billboard */ .billboard { width: 980px; height: 500px; margin: 5px 0 0 0; position: relative; background: url(../img/home/billboard_bg.png) 0 0 no-repeat; } .billboard_body { width: 320px; position: absolute; left: 60px; top: 60px; z-index: 10; } .billboard h1, .billboard p { color: #fff; } .billboard_visuals { width: 980px; height: 500px; overflow: hidden; position: relative; } .billboard_visuals div { width: 980px; height: 500px; position: absolute; left: 0; top: 0; } .billboard_visuals span { position: absolute; color: #fff; font-size: 11px; text-align: left; } .billboard_visuals span em { color: #2889c5; font-style: normal; } .billboard_browser { position: absolute; height: 65px; left: 65px; bottom: 60px; z-index: 11; } .billboard_browser ul { height: 65px; } .billboard_browser li { float: left; width: 75px; height: 65px; margin: 0 5px 0 0; padding: 0; } .billboard_browser a { display: block; width: 75px; height: 65px; cursor: hand; } .billboard_browser a, .billboard_browser a:link, .billboard_browser a:active, .billboard_browser a:visited { background: none; } .billboard_browser a:hover { background: url(../img/home/thumb_hover.png) 0 0 no-repeat; } .billboard_browser a.selected, .billboard_browser a.selected:link, .billboard_browser a.selected:active, .billboard_browser a.selected:visited, .billboard_browser a.selected:hover { background: url(../img/home/thumb_hover.png) 0 0 no-repeat; cursor: pointer; } /* -------------------------------------------------------------- * PLAY -------------------------------------------------------------- */ /* content items block height */ #audio .item_m, #navigation .item_m { min-height: 431px; } #customisation .item_m, #connectivity .item_m { min-height: 495px; } /* SCREEN SIZE */ /* Content item */ #screen_size .float_left { width: 420px; } #screen_size .float_right { width: 365px; } #screen_size .float_right li { } #screen_size .float_right a { display: block; padding: 12px 240px 0 0; text-decoration: none; color: #2889c5; } #screen_size .float_right a:hover { color: #fff; } #screen_size .float_right em { font-size: 14px; background: url(../img/link_next.png) right center no-repeat; clear: right; padding: 0 20px 0 0; font-style: normal; } #screen_size .float_right .small { font-size: 11px; color: #b2b2b2; line-height: 15px; } #screen_size .float_right .screen_size_3inch a { height: 46px; padding-top: 24px; background: url(../img/play/thumb_screen_size_3.gif) right 0 no-repeat; } #screen_size .float_right .screen_size_5-8inch a { height: 71px; padding-top: 49px; background: url(../img/play/thumb_screen_size_5-8.gif) right 0 no-repeat; } #screen_size .float_right .screen_size_7inch a { height: 71px; padding-top: 42px; background: url(../img/play/thumb_screen_size_7.gif) right 0 no-repeat; } /* Lightboxes */ #play_screen_size_3 { width: 340px; } #play_screen_size_3_0 { background: url(../img/play/screen_size_3_0.jpg) 0 0 no-repeat; } #play_screen_size_3_1 { background: url(../img/play/screen_size_3_1.jpg) 0 0 no-repeat; } #play_screen_size_3_0 p, #play_screen_size_3_1 p { top: 320px; right: 125px; } .thumb_play_screen_size_3_0 { background: url(../img/play/screen_size_3_thumb.gif) 0 0 no-repeat; } .thumb_play_screen_size_3_1 { background: url(../img/play/screen_size_3_thumb.gif) -100px 0 no-repeat; } #play_screen_size_5-8 { width: 450px; } #play_screen_size_5-8_0 { background: url(../img/play/screen_size_5-8_0.jpg) 0 0 no-repeat; } #play_screen_size_5-8_1 { background: url(../img/play/screen_size_5-8_1.jpg) 0 0 no-repeat; } #play_screen_size_5-8_0 p, #play_screen_size_5-8_1 p { top: 320px; right: 155px; } .thumb_play_screen_size_5-8_0 { background: url(../img/play/screen_size_5-8_thumb.gif) 0 0 no-repeat; } .thumb_play_screen_size_5-8_1 { background: url(../img/play/screen_size_5-8_thumb.gif) -100px 0 no-repeat; } #play_screen_size_7 { width: 450px; } #play_screen_size_7_0 { background: url(../img/play/screen_size_7_0.jpg) 0 0 no-repeat; } #play_screen_size_7_1 { background: url(../img/play/screen_size_7_1.jpg) 0 0 no-repeat; } #play_screen_size_7_0 p, #play_screen_size_7_1 p { top: 335px; right: 410px; } #play_screen_size_7_1 p { top: 320px; right: 185px; } .thumb_play_screen_size_7_0 { background: url(../img/play/screen_size_7_thumb.gif) 0 0 no-repeat; } .thumb_play_screen_size_7_1 { background: url(../img/play/screen_size_7_thumb.gif) -100px 0 no-repeat; } /* CUSTOMISATION */ /* Content item */ #customisation .item_t { background: url(../img/play/item_customisation_t.jpg) 0 0 no-repeat; } #customisation .item_b { background: url(../img/play/item_customisation_b.jpg) 0 0 no-repeat; } #customisation .item_m { background: url(../img/play/item_customisation_m.jpg) 0 bottom no-repeat; } #customisation .thumbs { width: 160px; } /* Lightboxes */ #play_customisation_0 { background: url(../img/play/customisation_0.jpg) 0 0 no-repeat; } #play_customisation_0 .text { position: absolute; top: 70px; left: 105px; width: 170px; z-index: 300; } #play_customisation_1 { background: url(../img/play/customisation_1.jpg) 0 0 no-repeat; } #play_customisation_1 .text { padding: 70px 0 0 50px; } #play_customisation_2 { background: url(../img/play/customisation_2.jpg) 0 0 no-repeat; } #play_customisation_2 .text { padding: 45px 0 0 0; text-align: center; } #play_customisation_3 { background: url(../img/play/customisation_3.jpg) 0 0 no-repeat; } #play_customisation_3 .text { padding: 130px 0 0 75px; width: 200px; } .thumb_play_customisation_0 { background: url(../img/play/customisation_thumb.gif) 0 0 no-repeat; } .thumb_play_customisation_1 { background: url(../img/play/customisation_thumb.gif) -100px 0 no-repeat; } .thumb_play_customisation_2 { background: url(../img/play/customisation_thumb.gif) -200px 0 no-repeat; } .thumb_play_customisation_3 { background: url(../img/play/customisation_thumb.gif) -300px 0 no-repeat; } /* CONNECTIVITY */ /* Tabs */ #connectivity { position: relative; } #connectivity .item_355 { float: right; padding: 0 0 0 0; } #connectivity img { display: block; padding: 5px 0 25px 0; } #connectivity .thumbs { position: absolute; left: 230px; top: 355px; float: none; } #connectivity #content_usb .thumbs, #connectivity #content_sdcard .thumbs { width: 160px; } #connectivity .tab_menu { width: 201px; position: absolute; left: 0; top: 0; } #connectivity .tab_menu ul { width: 201px; } #connectivity .tab_menu li { height: 59px; } #connectivity .tab_menu a { padding: 20px 0 0 85px; height: 39px; background-image: url(../img/play/tabs.jpg); background-repeat: no-repeat; display: block; color: #2889c5; text-decoration: none; } #conntectivity .tab_menu a.twolines { padding: 12px 0 0 85px; height: 47px; } #connectivity .tab_menu a:hover { color: #fff; text-decoration: none; } #connectivity .tab_menu a.selected { color: #fff; text-decoration: none; cursor: default; } #connectivity .tab_menu #tab_ipod a { background-position: 0 0; } #connectivity .tab_menu #tab_bluetooth a { background-position: 0 -59px; } #connectivity .tab_menu #tab_sdcard a { background-position: 0 -118px; } #connectivity .tab_menu #tab_mp3 a { background-position: 0 -177px; } #connectivity .tab_menu #tab_usb a { background-position: 0 -236px; } #connectivity .tab_menu #tab_dvd a { background-position: 0 -295px; } #connectivity .tab_menu #tab_dual a { background-position: 0 -354px; } #connectivity .tab_menu #tab_ipod a.selected { background-position: -201px 0; } #connectivity .tab_menu #tab_bluetooth a.selected { background-position: -201px -59px; } #connectivity .tab_menu #tab_sdcard a.selected { background-position: -201px -118px; } #connectivity .tab_menu #tab_mp3 a.selected { background-position: -201px -177px; } #connectivity .tab_menu #tab_usb a.selected { background-position: -201px -236px; } #connectivity .tab_menu #tab_dvd a.selected { background-position: -201px -295px; } #connectivity .tab_menu #tab_dual a.selected { background-position: -201px -354px; } /* Lightboxes */ #play_connectivity_ipod_0 { background: url(../img/play/connectivity_ipod_0.jpg) 0 0 no-repeat; } #play_connectivity_ipod_1 { background: url(../img/play/connectivity_ipod_1.jpg) 0 0 no-repeat; } #play_connectivity_ipod_0 .text, #play_connectivity_ipod_1 .text { padding: 128px 0 0 50px; width: 220px; } .thumb_play_connectivity_ipod_0 { background: url(../img/play/connectivity_ipod_thumb.gif) 0 0 no-repeat; } .thumb_play_connectivity_ipod_1 { background: url(../img/play/connectivity_ipod_thumb.gif) -100px 0 no-repeat; } .thumb_play_connectivity_video_0 { background: url(../img/play/connectivity_dual_thumb.gif) 0 0 no-repeat; } #play_connectivity_sdcard_0 { background: url(../img/play/connectivity_sdcard_0.jpg) 0 0 no-repeat; } #play_connectivity_sdcard_1 { background: url(../img/play/connectivity_sdcard_1.jpg) 0 0 no-repeat; } #play_connectivity_sdcard_2 { background: url(../img/play/connectivity_sdcard_2.jpg) 0 0 no-repeat; } #play_connectivity_sdcard_3 { background: url(../img/play/connectivity_sdcard_3.jpg) 0 0 no-repeat; } #play_connectivity_sdcard_0 .text, #play_connectivity_sdcard_1 .text, #play_connectivity_sdcard_3 .text { padding: 128px 0 0 50px; width: 220px; } #play_connectivity_sdcard_2 .text { padding: 70px 0 0 650px; width: 220px; } .thumb_play_connectivity_sdcard_0 { background: url(../img/play/connectivity_sdcard_thumb.gif) 0 0 no-repeat; } .thumb_play_connectivity_sdcard_1 { background: url(../img/play/connectivity_sdcard_thumb.gif) -100px 0 no-repeat; } .thumb_play_connectivity_sdcard_2 { background: url(../img/play/connectivity_sdcard_thumb.gif) -200px 0 no-repeat; } .thumb_play_connectivity_sdcard_3 { background: url(../img/play/connectivity_sdcard_thumb.gif) -300px 0 no-repeat; } #play_connectivity_bluetooth { padding: 128px 0 0 50px; width: 240px; } #play_connectivity_bluetooth_0 { background: url(../img/play/connectivity_bluetooth_0.jpg) 0 0 no-repeat; } #play_connectivity_bluetooth_1 { background: url(../img/play/connectivity_bluetooth_1.jpg) 0 0 no-repeat; } .thumb_play_connectivity_bluetooth_0 { background: url(../img/play/connectivity_bluetooth_thumb.gif) 0 0 no-repeat; } .thumb_play_connectivity_bluetooth_1 { background: url(../img/play/connectivity_bluetooth_thumb.gif) -100px 0 no-repeat; } #play_connectivity_mp3_0 { background: url(../img/play/connectivity_mp3_0.jpg) 0 0 no-repeat; } #play_connectivity_mp3_0 .text { padding: 50px 0 0 370px; } .thumb_play_connectivity_mp3_0 { background: url(../img/play/connectivity_mp3_thumb.gif) 0 0 no-repeat; } #play_connectivity_usb_0 { background: url(../img/play/connectivity_usb_0.jpg) 0 0 no-repeat; } #play_connectivity_usb_1 { background: url(../img/play/connectivity_usb_1.jpg) 0 0 no-repeat; } #play_connectivity_usb_2 { background: url(../img/play/connectivity_usb_2.jpg) 0 0 no-repeat; } #play_connectivity_usb_3 { background: url(../img/play/connectivity_usb_3.jpg) 0 0 no-repeat; } #play_connectivity_usb_0 .text, #play_connectivity_usb_1 .text { padding: 130px 0 0 685px; width: 170px; } #play_connectivity_usb_2 .text { padding: 75px 0 0 650px; width: 170px; } #play_connectivity_usb_3 .text { padding: 250px 0 0 700px; width: 170px; } .thumb_play_connectivity_usb_0 { background: url(../img/play/connectivity_usb_thumb.gif) 0 0 no-repeat; } .thumb_play_connectivity_usb_1 { background: url(../img/play/connectivity_usb_thumb.gif) -100px 0 no-repeat; } .thumb_play_connectivity_usb_2 { background: url(../img/play/connectivity_usb_thumb.gif) -200px 0 no-repeat; } .thumb_play_connectivity_usb_3 { background: url(../img/play/connectivity_usb_thumb.gif) -300px 0 no-repeat; } #play_connectivity_dvd_0 { background: url(../img/play/connectivity_dvd_0.jpg) 0 0 no-repeat; } #play_connectivity_dvd_0 .text { padding: 128px 0 0 50px; width: 220px; } .thumb_play_connectivity_dvd_0 { background: url(../img/play/connectivity_dvd_thumb.gif) 0 0 no-repeat; } #play_connectivity_dual_0 { background: url(../img/play/connectivity_dual_0.jpg) 0 0 no-repeat; } #play_connectivity_dual_1 { background: url(../img/play/connectivity_dual_1.jpg) 0 0 no-repeat; } #play_connectivity_dual_2 { background: url(../img/play/connectivity_dual_2.jpg) 0 0 no-repeat; } .thumb_play_connectivity_dual_0 { background: url(../img/play/connectivity_dual_thumb.gif) 0 0 no-repeat; } .thumb_play_connectivity_dual_1 { background: url(../img/play/connectivity_dual_thumb.gif) -100px 0 no-repeat; } .thumb_play_connectivity_dual_2 { background: url(../img/play/connectivity_dual_thumb.gif) -200px 0 no-repeat; } /* ADD ON NAVIGATION */ /* Content item */ .navgate_logo { float: left; width: 90px; padding: 10px 0 0 20px; } /* Lightboxes */ #play_navigation_f220 { padding: 165px 0 0 50px; width: 200px; } #play_navigation_f220_0 { background: url(../img/play/navigation_f220_0.jpg) 0 0 no-repeat; } #play_navigation_f220_1 { background: url(../img/play/navigation_f220_1.jpg) 0 0 no-repeat; } .thumb_play_navigation_f220_0 { background: url(../img/play/navigation_f220_thumb.gif) 0 0 no-repeat; } .thumb_play_navigation_f220_1 { background: url(../img/play/navigation_f220_thumb.gif) -100px 0 no-repeat; } #play_navigation_f220_screens { padding: 145px 0 0 50px; width: 220px; } #play_navigation_f220_screens_0 { background: url(../img/play/navigation_f220_screens_0.jpg) 0 0 no-repeat; } #play_navigation_f220_screens_1 { background: url(../img/play/navigation_f220_screens_1.jpg) 0 0 no-repeat; } .thumb_play_navigation_f220_screens_0 { background: url(../img/play/navigation_f220_screens_thumb.gif) 0 0 no-repeat; } .thumb_play_navigation_f220_screens_1 { background: url(../img/play/navigation_f220_screens_thumb.gif) -100px 0 no-repeat; } /* AUDIO QUALITY */ /* Lightboxes */ #play_audio_0 { background: url(../img/play/audio_0.jpg) 0 0 no-repeat; } #play_audio_0 .text { padding: 50px 0 0 50px; } p.tagline_1, p.tagline_2 { width: 220px; top: 320px; left: 53px; text-align: center; } p.tagline_2 { left: 620px; } #play_audio_1 { background: url(../img/play/audio_1.jpg) 0 0 no-repeat; } #play_audio_1 .text { padding: 90px 0 0 50px; width: 220px; } #play_audio_2 { background: url(../img/play/audio_2.jpg) 0 0 no-repeat; cursor: pointer; } #play_audio_2 .text { padding: 50px 0 0 50px; width: 310px; } .thumb_play_audio_0 { background: url(../img/play/audio_thumb.gif) 0 0 no-repeat; } .thumb_play_audio_1 { background: url(../img/play/audio_thumb.gif) -100px 0 no-repeat; } .thumb_play_audio_2 { background: url(../img/play/audio_thumb.gif) -200px 0 no-repeat; } /* -------------------------------------------------------------- * VIDEOS -------------------------------------------------------------- */ /* -------------------------------------------------------------- * REVIEWS -------------------------------------------------------------- */ #reviews .float_left { width: 280px; } #reviews .float_right { width: 520px; } #reviews .float_right p { padding: 10px 0 0 0; } #expert_reviews .item_body { padding: 20px 340px 20px 30px; } /* -------------------------------------------------------------- * LANGUAGE/COUNTRY specific STYLES -------------------------------------------------------------- */ /* AT, CHD, DE */ #de .heading h1, #at .heading h1, #chd .heading h1 { width: 230px; background:url(../img/title_de.png) 0 0 no-repeat; } #de #customisation .item_m, #de #connectivity .item_m, #at #customisation .item_m, #at #connectivity .item_m, #chd #customisation .item_m, #chd #connectivity .item_m { min-height:600px; } #de #connectivity .thumbs, #at #connectivity .thumbs, #chd #connectivity .thumbs { top:455px; } #de #play_screen_size_3, #at #play_screen_size_3, #chd #play_screen_size_3 { width:360px; } #de #play_screen_size_3 h1, #de #play_screen_size_5-8 h1, #de #play_screen_size_7 h1, #at #play_screen_size_3 h1, #at #play_screen_size_5-8 h1, #at #play_screen_size_7 h1, #chd #play_screen_size_3 h1, #chd #play_screen_size_5-8 h1, #chd #play_screen_size_7 h1 { font-size: 1.35em; } #at #play_screen_size_7_0 p { top:330px; } #de #play_screen_size_7_0 p, #chd #play_screen_size_7_0 p { top:340px; } #de #play_audio_2 .text, #at #play_audio_2 .text, #chd #play_audio_2 .text { width:360px; } #de #play_connectivity_usb_3 .text, #at #play_connectivity_usb_3 .text, #chd #play_connectivity_usb_3 .text { padding:250px 0 0 680px; } /* DK */ #dk .heading h1 { width: 213px; background:url(../img/title_dk.png) 0 0 no-repeat; } #dk #connectivity .thumbs { top:365px; } /* ES */ #es .heading h1 { width: 230px; height: 56px; background:url(../img/title_es.png) 0 0 no-repeat; } #es .heading ul { margin: 26px 0 0 0; } #es #screen_size .float_right a { padding-right: 200px; } #es #customisation .item_m, #es #connectivity .item_m { min-height:545px; } #es #connectivity .thumbs { top:405px; } #es #play_screen_size_3 { width:360px; } #es #play_audio_2 .text { width:330px; } #es #play_connectivity_usb_3 .text { padding:230px 0 0 680px; width:170px; } /* FI */ #fi .heading h1 { width: 220px; background:url(../img/title_fi.png) 0 0 no-repeat; } #fi #customisation .item_m, #fi #connectivity .item_m { min-height:515px; } #fi #connectivity .thumbs { top:375px; } #fi #screen_size .float_right a { padding-right: 200px; } #fi #play_audio_2 .text { padding:35px 0 0 50px; } #fi #play_customisation_3 .text { padding:130px 0 0 75px; width:220px; } #fi #play_screen_size_5-8 { width:420px; } /* FR, CHF, BE */ #fr .heading h1, #be .heading h1, #chf .heading h1 { background:url(../img/title_fr.png) 0 0 no-repeat; } #fr #screen_size .float_right a, #be #screen_size .float_right a, #chf #screen_size .float_right a { padding-right: 220px; } #fr #connectivity .thumbs, #be #connectivity .thumbs, #chf #connectivity .thumbs { top:405px; } #fr #customisation .item_m, #fr #connectivity .item_m, #be #customisation .item_m, #be #connectivity .item_m, #chf #customisation .item_m, #chf #connectivity .item_m { min-height:545px; } #fr #play_audio_2 .text, #be #play_audio_2 .text, #chf #play_audio_2 .text { width:380px; } #fr #play_customisation_0 .text, #be #play_customisation_0 .text, #chf #play_customisation_0 .text { width:190px; } #fr #play_customisation_1 .text, #be #play_customisation_1 .text, #chf #play_customisation_1 .text { padding:60px 0 0 50px; } #fr #play_screen_size_3, #be #play_screen_size_3, #chf #play_screen_size_3 { width:360px; } #fr #play_connectivity_usb_3 .text, #be #play_connectivity_usb_3 .text, #chf #play_connectivity_usb_3 .text { padding:250px 0 0 660px; width:210px; } /* IT, CHI */ #it .heading h1, #chi .heading h1 { width: 356px; background:url(../img/title_it.png) 0 0 no-repeat; } #it #screen_size .float_right a, #chi #screen_size .float_right a { padding-right: 200px; } #it #connectivity .thumbs, #chi #connectivity .thumbs { top:390px; } #it #connectivity .item_m, #it #customisation .item_m, #chi #connectivity .item_m, #chi #customisation .item_m { min-height:530px; } #it #play_screen_size_3, #chi #play_screen_size_3 { width:350px; } #it #play_audio_2 .text, #chi #play_audio_2 .text { padding:35px 0 0 40px; width:360px; } /* NL */ #nl .heading h1 { width: 295px; background:url(../img/title_nl.png) 0 0 no-repeat; } #nl #connectivity .thumbs { top:380px; } #nl #customisation .item_m, #nl #connectivity .item_m { min-height:540px; } #nl #connectivity .thumbs { top:400px; } /* NO */ #no .heading h1 { width: 200px; background:url(../img/title_no.png) 0 0 no-repeat; } #no #screen_size .float_right a { padding-right: 200px; } /* PT */ #pt #connectivity .thumbs { top:410px; } #pt .heading h1 { width: 395px; background:url(../img/title_pt.png) 0 0 no-repeat; } #pt #customisation .item_m, #pt #connectivity .item_m { min-height:550px; } #pt #play_screen_size_3 { width:360px; } #pt #play_navigation_f220_screens { width:260px; } /* PL */ #pl .heading h1 { width: 400px; background:url(../img/title_pl.png) 0 0 no-repeat; } #pl .heading li { margin:0 0 0 20px; } #pl #connectivity .thumbs { top:385px; } #pl #customisation .item_m, #pl #connectivity .item_m { min-height:525px; } #pl #play_screen_size_3 { width:370px; } #pl #play_screen_size_3 h1, #pl #play_screen_size_5-8 h1, #pl #play_screen_size_7 h1 { font-size: 1.35em; } #pl #play_audio_2 .text { padding:35px 0 0 40px; width:320px; } #pl #play_audio_2 h1 { font-size: 1.35em; } #pl #play_connectivity_usb_3 .text { padding:250px 0 0 655px; width:190px; } /* RU */ #ru .heading h1 { width: 370px; background:url(../img/title_ru.png) 0 0 no-repeat; } #ru #screen_size .float_right a { padding-right: 180px; } #ru #connectivity .thumbs { top:415px; } #ru #customisation .item_m, #ru #connectivity .item_m { min-height:555px; } #ru #play_screen_size_3 { width:360px; } #ru #play_navigation_f220 { width:240px; } #ru #play_audio_2 .text { padding: 30px 0 0 40px; width:360px; } /* SE */ #se .heading h1 { width: 369px; background:url(../img/title_se.png) 0 0 no-repeat; } /*_*/