/* -------------------------------------------------------------- Pioneer iPod Speaker System Phase 2 Styles for integrated site -------------------------------------------------------------- */ /* -------------------------------------------------------------- * 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: #efeeef url(../img/integrated/body_bg.gif) repeat-x; } #header, #content, #sitemap, #footer { text-align: center; margin: auto; } .inner { width: 960px; margin: 0 auto; text-align: left; } #content .inner { width: 970px; } /* HEADER */ #header { background: #000 url(../img/integrated/header_bg.gif) left top repeat-x; } #header .inner { position: relative; height: 91px; zoom: 1; } #header p, #header li { margin-bottom: 0; } /* global/logo */ #logo { position: absolute; left: 0; top: 1.44em; width: 155px; height: 24px; background: url(../img/integrated/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(../img/integrated/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(../img/integrated/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 { padding: 0; margin: 0; overflow: hidden; position: relative; /*background: #efeeef url(../img/bg-content2.gif) center 0 repeat-x;*/ background: #efeeef url(/images/ipod-dock/img/nas/bg.jpg) center 0 repeat-x; } #content .inner { position: relative; padding-top: 40px; } /* crumbs */ #crumbs { position: absolute; left: 0; top: 0; margin: 0 5px 0 5px; padding: 0.75em 0 0.75em 0; z-index: 999; } #crumbs p { font-size: 0.69em; line-height: 1.36em; color: #999; margin: 0; padding: 0; } /* FOOTER */ #footer { padding: 20px 0 60px 0; } #footer .inner { background: url(../img/integrated/dotted-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/integrated/footermenu_divider.gif) top right repeat-y; } #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: #999; } #footermenu ul li a:hover { text-decoration: underline; color: #999; } #footermenu ul li a.current:link, #footermenu ul li a.current:active, #footermenu ul li a.current:visited, #footermenu ul li a.current:hover { text-decoration: none; color: #b91440; cursor: default; } /* HEADING */ .headingWrapper { position:relative; height: 384px; } #heading { height: 384px; } /* SHORTCUTS */ #shortcuts { background: url(../img/integrated/dotted-line.gif) top left repeat-x; margin: 10px 0 0 10px; } #shortcuts h2 { padding: 20px 0 20px 34px; } #shortcuts ul { } #shortcuts li { float: left; background: url(../img/layout/shortcut_divider.gif) 0 26px no-repeat; width: 240px; padding: 0 0 0 1px; } #shortcuts li.shortcut_car { background: none; padding: 0; width: 250px;} #shortcuts li.shortcut_dealers { width: 168px; padding: 34px 0 37px 0; } #shortcuts li.shortcut_car a, #shortcuts li.shortcut_home a, #shortcuts li.shortcut_bluetooth a { display: block; font-size: 1.17em; font-weight: bold; text-decoration: none; } #shortcuts li.shortcut_car a { background: url(../img/shortcut_car.jpg) 0 0 no-repeat; padding: 90px 0 0 47px; } #shortcuts li.shortcut_home a { background: url(../img/shortcut_home.jpg) 0 0 no-repeat; padding: 90px 0 0 62px; } #shortcuts li.shortcut_bluetooth a { background: url(../img/shortcut_bluetooth.jpg) 0 0 no-repeat; padding: 90px 0 0 98px; } #shortcuts .dealers { padding: 0 0 20px 20px; } #shortcuts .facebook { background: url(../img/facebook.jpg) no-repeat; padding: 20px 0 0 55px; } #shortcuts .facebook a { display: block; line-height: 12px; color: #3c5dac; } /* -------------------------------------------------------------- * GLOBAL STYLES -------------------------------------------------------------- */ body { font-size: 100%; line-height: 1em; color: #4C4C4C; font-family: Arial, Helvetica, sans-serif; zoom: 1; } select { color: #4C4C4C; font-family: Arial, Helvetica, sans-serif; } /* HEADERS */ h1 { font-size: 1.5em; line-height: 1.15em; color: #fff; font-weight: bold; padding: 0 0 10px 0; } h2 { font-size: 1.13em; color: #333333; line-height: 1.11em; padding: 3px 0 10px 0; } p { font-size: 0.75em; } 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: #b91440; text-decoration: none; } a:hover { text-decoration: underline; } /* big link buttons */ .lnk_button { line-height:11px; height: 24px !important; background-image: url(../img/layout/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(../img/layout/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 button (right) */ a.lnk_next, a.lnk_next:link, a.lnk_next:active, a.lnk_next:visited, a.lnk_next:hover { color: #b91440; background: url(../img/layout/red_arrow_next.gif) no-repeat right center; padding: 0 20px 0 0; border-bottom: none; } /* FRAME */ .landing { width: 960px; margin: 5px 5px 5px 5px; position: relative; } .frame { background: url(../img/layout/landing-bd.gif) repeat-y; margin: 0 0 10px 0; } .frame .bd { background: url(../img/layout/landing-hd-2.gif) no-repeat; padding: 2px 3px; } .frame .ft { background: url(../img/layout/landing-ft.gif) 0 0 no-repeat; height: 10px; overflow: hidden; zoom: 1; } /* COLUMNS*/ .col { float: left; width: 315px; } .col-2 { float: left; width: 630px; } .col-3 { float: left; width: 945px; } /* BOXES */ .box { margin: 0 0 10px 10px; padding: 0; } .box .bd { padding: 17px 17px 17px 34px; } .col .box { background: url(../img/layout/box-hd.gif) 0 0 no-repeat; } .col .box .bd { background: url(../img/layout/box-ft.gif) 0 bottom no-repeat; } .col-2 .box { background: url(../img/layout/box-hd-col-2-sound-perfection.gif) 0 0 no-repeat; } .col-2 .box .bd { background: url(../img/layout/box-ft-col-2.gif) 0 bottom no-repeat; } .col-3 .box { background: url(../img/layout/box-hd-col-3.gif) 0 0 no-repeat; } .col-3 .box .bd { background: url(../img/layout/box-ft-col-3.gif) 0 bottom no-repeat; } /* LIGHTBOX */ .lightbox_overlay { background: #fff url(../img/layout/overlay_885-457.jpg) center center no-repeat; position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index: 1001; } * html .lightbox_overlay { position: absolute; left: 0; top: 0; width: 100%; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight+100 : document.body.offsetHeight+100 + 'px'); } .lightbox { position:fixed; top:50%; left:50%; margin:0; z-index:1002; overflow: hidden; } * html .lightbox { position:absolute; top:50%; left:50%; margin:0; padding:0; overflow: hidden; } .lightbox iframe { zoom: 1; } .lightbox_content { width: 885px; height: 457px; overflow: hidden; background: #fff url(../img/layout/loader.gif) 426px 212px no-repeat; } .lightbox_close { position:absolute; width:17px; height:17px; right:21px; top:17px; background:transparent url('../img/layout/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; } #lightbox_885-457 .lightbox_content { width: 885px; height: 457px; overflow: hidden; } #lightbox_960-610 .lightbox_content { width: 960px; height: 610px; overflow: hidden; } #overlay_960-610 { background: #fff url(../img/layout/overlay_960-610.jpg) center center no-repeat; } /* THUMBS */ .thumbs { zoom: 1; height: 65px;float: left; } .thumbs ul { clear: none; } .thumbs ul li { float: left; margin: 0 0 0 -5px; background-image: url(../img/thumbs.jpg); 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: 85px; height: 65px; zoom: 1; margin: 0; padding: 0; } .thumbs li a:hover { background: url(../img/layout/thumb_hover.gif) 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/layout/thumb_hover.gif) 0 0 no-repeat; cursor: default; } .icon { width: 28px; height: 30px; position: absolute; left: 59px; top: -1px; text-indent: -9999px; overflow: hidden; } .thumbs li .play .icon { background: url(../img/layout/icon_play.png) 0 0 no-repeat; z-index: 8; } .thumbs li .plus .icon { background: url(../img/layout/icon_plus.png) 0 0 no-repeat; z-index: 9; } .thumbs li .listen .icon { background: url(../img/layout/icon_sound.png) 0 0 no-repeat; z-index: 9; } .video_descr { float: left; width: 135px; height: 55px; background:url(../img/layout/slideshow_menu_bg.jpg) center 0; text-align: left; font-size: 11px; line-height: 14px; padding: 11px 0 0 5px; } .video_descr strong { } .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/layout/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/layout/thumb_hover.gif) 0 0 no-repeat; cursor: default; } .video_thumbs li .play .icon { background: url(../img/layout/icon_play.png) 0 0 no-repeat; z-index: 8; } .thumb_benefit_0 { background-position: 0 0; } .thumb_benefit_1 { background-position: -100px 0; } .thumb_benefit_2 { background-position: -200px 0; } .thumb_soundscape_0 { background-position: -300px 0; } .thumb_soundscape_1 { background-position: -400px 0; } .thumb_soundscape_2 { background-position: -500px 0; } .thumb_soundscape_3 { background-position: -600px 0; } .thumb_soundscape_4 { background-position: -700px 0; } .thumb_soundscape_5 { background-position: -800px 0; } .thumb_video_0 { background-position: -900px 0; } .thumb_video_1 { background-position: -1000px 0; } .thumb_product_0 { background-position: -1100px 0; } .thumb_product_1 { background-position: -1200px 0; } .thumb_lifeshot_0 { background-position: -1800px 0; } .thumb_lifeshot_1 { background-position: -1300px 0; } .thumb_lifeshot_2 { background-position: -1400px 0; } .thumb_lifeshot_3 { background-position: -1500px 0; } .thumb_lifeshot_4 { background-position: -1600px 0; } .thumb_lifeshot_5 { background-position: -1700px 0; } /* -------------------------------------------------------------- * CONTENT Items -------------------------------------------------------------- */ #sound_perfection .bd { padding: 17px 34px; height: 666px; } #sound_perfection .thumbs { padding-top: 41px; } #colourpicker { height: 95px; padding: 0; margin-bottom: 10px; background: none; overflow: hidden; } #colourpicker .bd { position: relative; padding: 0; background: none; } #colourpicker h2 { position: absolute; width: 130px; left: 34px; top: 17px; } #shop { zoom: 1; width: 305px; height: 55px; background: url(../img/wheretobuy.jpg) 0 0 no-repeat;} #shop .bd { background: none; padding: 0; } #shop h2 { padding: 0; } #shop a { display: block; height: 21px; color: #b91440; text-decoration: none; padding: 17px 17px 17px 34px; } #shop a:hover { color: #b91440; } #shop a b { background: url(../img/layout/red_arrow_next.gif) right 5px no-repeat; padding-right: 21px; } #view360degree { width: 305px; height: 170px; background: url(../img/360view.jpg) 0 0 no-repeat; } #view360degree .bd { background: none; padding: 0; } #view360degree h2 { padding: 0; } #view360degree h2 a { display: block; height: 136px; color: #b91440; text-decoration: none; padding: 17px 17px 17px 34px; } #view360degree h2 a:hover { color: #b91440; text-decoration: none; } #view360degree a b { background: url(../img/layout/red_arrow_next.gif) right 5px no-repeat; padding-right: 21px; } #screensaver { width: 305px; background: url(../img/screensaver.jpg) 0 bottom no-repeat; padding: 0; } #screensaver .bd { height: 153px; background: none; padding: 17px 17px 0 34px; } #screensaver h2 { padding: 0; } #screensaver ul { margin: 20px 0 0 0; } #screensaver li { padding: 2px 0; } #screensaver a { display: block; width: 45px; font-weight: bold; background: url(../img/layout/red_arrow_next.gif) right 2px no-repeat; padding-right: 21px; } #screensaver a:hover {} #screensaver li.preview { padding: 22px 0 2px 0; } #screensaver .preview a { color: #403f3f; background: url(../img/layout/grey_arrow_next.gif) right 2px no-repeat; } #screensaver .preview a:hover {} #movie { width: 305px; background: url(../img/movie.jpg) 0 bottom no-repeat; } #movie .bd { height: 170px; padding: 0; background: none; } #movie h2 { padding: 0; } #movie h2 a { display: block; height: 126px; color: #b91440; text-decoration: none; padding: 17px 34px; } #movie h2 a:hover { color: #b91440; text-decoration: none; } #movie a b { background: url(../img/layout/red_arrow_next.gif) right 5px no-repeat; padding-right: 21px; } #ped_movie { width: 305px; background: url(../img/ped_movie.jpg) 0 bottom no-repeat; } #ped_movie .bd { height: 170px; padding: 0; background: none; } #ped_movie h2 { padding: 0; } #ped_movie h2 a { display: block; height: 126px; color: #b91440; text-decoration: none; padding: 17px 34px; } #ped_movie h2 a:hover { color: #b91440; text-decoration: none; } #ped_movie a b { background: url(../img/layout/red_arrow_next_blackbg.gif) right 5px no-repeat; padding-right: 21px; } #choose { position: relative; } #choose .bd { padding: 10px; } #choose .visual { float: left; width: 600px; height: 305px; overflow: hidden; } #choose .text { float: right; padding:0 24px 24px 0; width:241px; } #choose .thumbs { position: absolute; left: 34px; top: 235px; z-index: 1000; } #choose h2 { padding-top: 13px; } #specs { margin: 0 0 0 10px; } #specs h2 { padding-bottom: 0;} #specs table { width: 522px; } #specs table td, #specs table th { width: 50%; } #specs table td.c1 , #specs table th.c1 { padding: 4px 25px 5px 10px; } #specs table td.c2 , #specs table th.c2 { padding: 4px 5px 5px 30px; } #specs table th { background: url(../img/layout/specs-th.gif) 0 bottom repeat-x; } #specs table td { background: url(../img/layout/specs-td.gif) 0 bottom no-repeat; } #specs table td.c2 { background: url(../img/layout/specs-td2.gif) 0 bottom no-repeat;} #specs .specs-col1 { width: 285px; padding: 0 0 17px 34px; float: left; } #specs .specs-col2 { width: 522px; padding: 0 0 17px 13px; float: left; } #specs .specs-col2 p { padding-left: 10px; } #overlay_colourpicker { position: absolute; left: -3px; bottom: 0; width: 960px; height: 418px; overflow: hidden; background: url(../img/layout/landing-hd-2.gif) 0 32px no-repeat; overflow: hidden; } #overlay_colourpicker .items { position: absolute; left: 199px; top: 0; width: 560px; height: 400px; } #overlay_colourpicker .items div { position: absolute; left: 0; top: 0; } #overlay_colourpicker .close { width: 34px; height: 34px; position: absolute; top: 45px; right: 13px; background: url(../img/close.gif); cursor: pointer; } #overlay_colourpicker .next { width: 67px; height: 67px; position: absolute; right: 42px; top: 189px; } #overlay_colourpicker .prev { width: 67px; height: 67px; position: absolute; left: 42px; top: 189px; } #overlay_colourpicker .next a { display: block; width: 67px; height: 67px; background: url(../img/next.gif) 0 0 no-repeat; } #overlay_colourpicker .prev a { display: block; width: 67px; height: 67px; background: url(../img/prev.gif) 0 0 no-repeat; } #overlay_colourpicker .prev a:hover, #overlay_colourpicker .next a:hover { background-position: 0 -67px; } /* -------------------------------------------------------------- * LIGHTBOX Items -------------------------------------------------------------- */ /* slideshow */ .slideshow { width: 885px; height: 457px; overflow: hidden; background: url(../img/layout/loader.gif) center 175px no-repeat; position: relative; } .slideshow_fix_content { width: 885px; height: 382px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1004; } .slideshow_content { width: 885px; height: 457px; overflow: hidden; position: relative; } .slideshow_item { width: 885px; height: 457px; } .slideshow_menu { position: absolute; left: 0; bottom: 0; z-index: 11000; width:885px; height: 75px; background: url(../img/layout/slideshow_menu_bg.jpg) 0 0 no-repeat; } .slideshow_menu_title { position: absolute; left: 0; top: 0; width: 200px; padding: 14px 0 0 20px; font-size: 11px; font-weight: bold; } .slideshow_menu ul { clear:left; float:left; position:relative; left:50%; padding: 0; text-align:center; margin: 4px 0 0 0; } .slideshow_menu li { display:block; float:left; position:relative; right:50%; margin: 0 0 0 -5px; margin: 0;padding: 0; background-image: url(../img/thumbs.jpg); background-repeat: no-repeat; } .slideshow .text { width: 240px; padding: 75px 0 0 60px; } .slideshow p { color: #fff; } .slideshow h1 { color: #fff; } #soundscape_0 p { color: #403f3f; } #soundscape_0 h1 { color: #403f3f; } .video_item { background: #000 url(../img/layout/video_item_bg.jpg) 0 0 no-repeat; width: 763px; height: 366px; padding: 16px 0 0 122px; } #benefit_0 { background: url(../img/benefit_0.jpg) 0 0 no-repeat; } #benefit_1 { background: url(../img/benefit_1.jpg) 0 0 no-repeat; } #benefit_2 { background: url(../img/benefit_2.jpg) 0 0 no-repeat; } #soundscape_0 { background: url(../img/soundscape_0.jpg) 0 0 no-repeat; } #soundscape_1 { background: url(../img/soundscape_1.jpg) 0 0 no-repeat; } #soundscape_2 { background: url(../img/soundscape_2.jpg) 0 0 no-repeat; } #soundscape_3 { background: url(../img/soundscape_3.jpg) 0 0 no-repeat; } #soundscape_4 { background: url(../img/soundscape_4.jpg) 0 0 no-repeat; } #soundscape_5 { background: url(../img/soundscape_5.jpg) 0 0 no-repeat; } #soundscape_6 { background: url(../img/soundscape_6.jpg) 0 0 no-repeat; } #lifeshot_0 { background: url(../img/lifeshot_5.jpg) 0 0 no-repeat; } #lifeshot_0 .text { padding: 275px 0 0 680px; } #lifeshot_1 { background: url(../img/lifeshot_0.jpg) 0 0 no-repeat; } #lifeshot_2 { background: url(../img/lifeshot_1.jpg) 0 0 no-repeat; } #lifeshot_3 { background: url(../img/lifeshot_2.jpg) 0 0 no-repeat; } #lifeshot_4 { background: url(../img/lifeshot_3.jpg) 0 0 no-repeat; } #lifeshot_5 { background: url(../img/lifeshot_4.jpg) 0 0 no-repeat; } #video_0 { background: #000 url(../img/layout/video_item_bg.gif) 0 0 no-repeat; width: 763px; height: 421px; padding: 36px 0 0 122px; } #video_0, #video_1 { background: #000 url(../img/layout/video_item_bg.gif) 0 0 no-repeat; width: 763px; height: 445px; padding: 12px 0 0 122px; } .sound { position: absolute; left: 400px; top: 280px; } /* -------------------------------------------------------------- * LANGUAGES -------------------------------------------------------------- */ #de #screensaver { background: url(../img/screensaver2.jpg) 0 bottom no-repeat; } #de #screensaver .bd { height: 168px; } #de #sound_perfection .bd { height: 681px; } #de #lifeshot_0 .text { padding:275px 0 0 580px; width:300px; } #at #screensaver { background: url(../img/screensaver2.jpg) 0 bottom no-repeat; } #at #screensaver .bd { height: 168px; } #at #sound_perfection .bd { height: 681px; } #at #lifeshot_0 .text { padding:275px 0 0 580px; width:300px; } #chd #screensaver { background: url(../img/screensaver2.jpg) 0 bottom no-repeat; } #chd #screensaver .bd { height: 168px; } #chd #sound_perfection .bd { height: 681px; } #chd #lifeshot_0 .text { padding:275px 0 0 580px; width:300px; } #it #screensaver a { width:50px; } #chi #screensaver a { width:50px; } #fr #screensaver { background: url(../img/screensaver2.jpg) 0 bottom no-repeat; } #fr #screensaver .bd { height: 166px; } #fr #sound_perfection .bd { height: 681px; } #fr #screensaver a { width:55px; } #be #screensaver { background: url(../img/screensaver2.jpg) 0 bottom no-repeat; } #be #screensaver .bd { height: 166px; } #be #sound_perfection .bd { height: 681px; } #be #screensaver a { width:55px; } #chf #screensaver { background: url(../img/screensaver2.jpg) 0 bottom no-repeat; } #chf #screensaver .bd { height: 166px; } #chf #sound_perfection .bd { height: 681px; } #chf #screensaver a { width:55px; } #es #screensaver a { width:55px; } #nl #screensaver a { width:55px; } #pt #screensaver { background: url(../img/screensaver2.jpg) 0 bottom no-repeat; } #pt #screensaver .bd { height: 166px; } #pt #sound_perfection .bd { height: 681px; } #pt #screensaver a { width:55px; } #ru #screensaver a { width:55px; } #ru .thumbs ul li { background-image: url(../img/thumbs_no_red.jpg); } #ru .slideshow_menu li { background-image: url(../img/thumbs_no_red.jpg); } /* MENU */ .menu { padding: 17px 15px 12px 15px; padding: 0px 15px 25px 15px; } .menu h1 { width: 304px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/kodo_en.png) 0 0 no-repeat; } .menu h1 a { height: 30px; display: block; text-indent: -9999px; } .menu ul { float: right; padding: 0; margin: 9px 0 0 0; } .menu li { float: left; margin: 0 0 0 30px; line-height: 27px; } .menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover { color: #b91440; } .menu a.lnk_button { margin: 0; } #nl .menu h1 { width: 370px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_nl.png) 0 0 no-repeat; } #nl .menu { padding:0 0 25px; } #nl .menu li { margin:0 0 0 29px; } #fr .menu h1 { width: 324px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_fr.png) 0 0 no-repeat; } #be .menu h1 { width: 324px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_fr.png) 0 0 no-repeat; } #chf .menu h1 { width: 324px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_fr.png) 0 0 no-repeat; } #at .menu h1 { width: 373px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_de.png) 0 0 no-repeat; } #de .menu h1 { width: 373px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_de.png) 0 0 no-repeat; } #chd .menu h1 { width: 373px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_de.png) 0 0 no-repeat; } #chd .menu h1 { width: 373px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_de.png) 0 0 no-repeat; } #it .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_it.png) 0 0 no-repeat; } #chi .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_it.png) 0 0 no-repeat; } #fi .menu h1 { width: 306px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_fi.png) 0 0 no-repeat; } #fi .menu { padding:0 0 25px; } #fi .menu li { margin:0 0 0 20px; } #gr .menu h1 { width: 273px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_gr.png) 0 0 no-repeat; } #no .menu h1 { width: 310px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_no.png) 0 0 no-repeat; } #pl .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_pl.png) 0 0 no-repeat; } #pt .menu h1 { width: 306px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_pt.png) 0 0 no-repeat; } #se .menu h1 { width: 305px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_se.png) 0 0 no-repeat; } #tr .menu h1 { width: 220px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_tk.png) 0 0 no-repeat; } #es .menu h1 { width: 324px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_es.png) 0 0 no-repeat; } #dk .menu h1 { width: 299px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_da.png) 0 0 no-repeat; } #cz .menu h1 { width: 345px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_cz.png) 0 0 no-repeat; } #cz .menu { padding:0 0 25px; } #tr .menu h1 { width: 220px; height: 30px; float: left; padding: 0; margin: 0; background: url(/images/ipod-dock/img/heading_tr.png) 0 0 no-repeat; } /* current nav item */ .mn_nas a, .mn_nas a:link, .mn_nas a:active, .mn_nas a:visited, .mn_nas a:hover { color: #403f3f; text-decoration: none; } /* KODO rollover */ #kodo_ro { width: 378px; position: absolute; left: -30px; top: 35px; z-index: 1200; } #kodo_ro p { color: #fff; padding: 0 0 16px 0; font-size: 13px; line-height: 16px; } .kodo_ro_hd { width: 378px; height: 20px; background: url(/images/ipod-dock/img/kodo-callout-hd.png) no-repeat; } .kodo_ro_bd { width: 284px; padding: 35px 45px 10px 49px; background: #0b0b0b url(../img/kodo-callout-bd.png) no-repeat; } .kodo_ro_ft { width: 378px; height: 71px; background: url(/images/ipod-dock/img/kodo-callout-ft.png) no-repeat; }