/* -------------------------------------------------------------- Pioneer iPod Speaker Systems 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 */ .hide { width: 0; height: 0; overflow: hidden; outline: none; border: none; position: absolute; left: 0; top: 0; background: none; display: none; } /* -------------------------------------------------------------- * PAGE LAYOUT -------------------------------------------------------------- */ body { margin: auto; background: #f0f0f0; } #header, #content, #footer { text-align: center; margin: auto; } #header .inner, #footer .inner, .page .inner { width: 960px; 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; } /* FOOTER */ #footer { padding: 20px 0 60px 0; } #footer .inner { background: url(../img/layout/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/layout/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; } /* CONTENT */ #content { padding: 0; margin: 0; overflow: hidden; position: relative; background: #f0f0f0 url(../img/layout/content_bg.gif) repeat-x; } #content .inner { position: relative; } .page .inner { padding-top: 0; } /* crumbs */ #crumbs { margin: 0; padding: 0.75em 0 15px 0; } #crumbs p { font-size: 0.69em; line-height: 1.36em; color: #999999; margin: 0; padding: 0; } #crumbs a { color: #B91440; } #crumbs a:hover { color: #B91440; text-decoration: underline; } /* Page BACKGROUND */ .page_home { background: url(../img/overview/bg.jpg) 0 0 no-repeat; zoom: 1; } .page_nas { background: url(../img/nas/bg.jpg) center 0 no-repeat; zoom: 1; } .page_nac { background: url(../img/nac/bg.gif) center 0 no-repeat; zoom: 1; } .page_nav { background: url(../img/nav/bg.jpg) center 0 no-repeat; zoom: 1; } /* 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(../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; } /* current nav item */ .page_home .menu h1 a, .page_home .menu h1 a:link, .page_home .menu h1 a:active, .page_home .menu h1 a:visited { cursor: default; } .page_home .mn_home a, .page_home .mn_home a:link, .page_home .mn_home a:active, .page_home .mn_home a:visited, .page_home .mn_home a:hover, .page_nas .mn_nas a , .page_nas .mn_nas a:link, .page_nas .mn_nas a:active, .page_nas .mn_nas a:visited, .page_nas .mn_nas a:hover, .page_nac .mn_nac a , .page_nac .mn_nac a:link, .page_nac .mn_nac a:active, .page_nac .mn_nac a:visited, .page_nac .mn_nac a:hover, .page_nav .mn_nav a , .page_nav .mn_nav a:link, .page_nav .mn_nav a:active, .page_nav .mn_nav a:visited, .page_nav .mn_nav a:hover { color: #403f3f; text-decoration: none; } /* KODO rollover */ #kodo_ro { width: 378px; position: absolute; left: -30px; top: 80px; 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(../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(../img/kodo-callout-ft.png) no-repeat; } /* Rounded FRAME wrapped content */ .frame { background: url(../img/layout/landing-bd.gif) repeat-y; margin: 0 0 10px 0; } .frame .bd { background: url(../img/layout/frame_bd.png) repeat-y; padding: 2px 3px; } .frame .ft { background: url(../img/layout/frame_ft.png) 0 0 no-repeat; height: 10px; overflow: hidden; zoom: 1; } /* COLUMNS inside frame */ .col { float: left; width: 315px; } .col-2 { float: left; width: 630px; } .col-3 { float: left; width: 945px; } /* Rounded content 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-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; } /* -------------------------------------------------------------- * GLOBAL STYLES -------------------------------------------------------------- */ /* TEXT size, colour */ 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; } h1 { font-size: 1.5em; color: #333; line-height: 1.15em; font-weight: bold; padding: 0 0 10px 0; } h2 { font-size: 1.13em; color: #333; 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; } .note { color: #999 !important; } /* LINKS */ a, a:link, a:active, a:visited { color: #b91440; text-decoration: none; } a:hover { text-decoration: underline; } /* Where to buy button */ .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 */ 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; } /* LIGHTBOX */ .lightbox_overlay { background: #fff; position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; z-index:1001; } * 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:1002; overflow: hidden; background: #fff; } * html .lightbox { position:absolute; top:50%; left:50%; margin:0; padding:0; z-index:1002; overflow: hidden; } .lightbox iframe { zoom: 1; } .lightbox_content { width: 885px; height: 457px; width: 885px; height: 457px; overflow: hidden; } .lightbox_close { position:absolute; width:60px; height:60px; right:21px; top:17px; background:transparent url(../img/layout/close.png) no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; } .lightbox { overflow: hidden; border: 1px solid #d9d9d9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .lightbox_iframe_content { border: 1px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 885px; height: 457px; overflow: hidden; } .lightbox_iframe_content .slideshow { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .lightbox_iframe_content .slideshow_item { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .lightbox_iframe_content .slideshow_menu { -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } #lightbox_885-457 .lightbox_content { background: url(../img/layout/loader.gif) center center no-repeat; } #lightbox_960-610 .lightbox_content { width: 960px; height: 610px; overflow: hidden; } #lightbox_960-610 .lightbox_close { top: 5px; right: 6px; } .lightbox_footer { width: 845px; padding: 20px; } .lightbox_footer .logo { float: left; width: 155px; } .lightbox_footer .back { float: right; width: 300px; text-align: right; font-size: 0.75em; } /* THUMBS */ .thumbs { zoom: 1; height: 65px;float: left; } .thumbs ul { clear: none; } .thumbs ul li { float: left; margin: 0 0 0 -5px; 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 .listen .icon { background: url(../img/layout/icon_sound.png) 0 0 no-repeat; z-index: 9; } /* SLIDESHOW */ .slideshow { width: 885px; height: 457px; overflow: hidden; position: relative; } .slideshow_fix_content { width: 885px; height: 382px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 9999; } .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; */ background: #fff; } .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; } .video_item { background: #000; width: 763px; height: 417px; padding: 30px 0 0 122px; } /* -------------------------------------------------------------- * PAGE : OVERVIEW -------------------------------------------------------------- */ .page_home .frame { width: 960px; height: 540px; background: url(../img/overview/frame.png) no-repeat; } .page_home .frame .bd { width: 960px; height: 540px; position: relative; background: none; } .page_home .balloon { width: 270px; height: 200px; position: absolute; left: 40px; top: 40px; text-indent: -9999px; z-index: 1; } .page_home .balloon { background: url(../img/overview/balloon_eur.gif) no-repeat; } .page_home .text { width: 550px; position: absolute; left: 350px; top: 30px; z-index: 2; } .page_home .vi { width: 295px; height: 175px; position: absolute; top: 315px; z-index: 3; text-align: center; } .page_home .vi img { display: block; margin: 0 auto; } #vi_nas { left: 40px; } #vi_nac { left: 335px; } #vi_nav { left: 630px; } .page_home #ro_cover { width: 958px; height: 538px; position: absolute; left: 1px; top: 1px; background: #fff; display: none; z-index: 10; } .page_home .ro { width: 354px; height: 484px; /*391+93*/ position: absolute; bottom: 50px; display: none; z-index: 20; } .page_home .ro { background: url(../img/blank.gif); zoom: 1; } /* IE fix : rollover needs background for mouseleave to work */ .page_home .ro_hd { background: url(../img/overview/ro_hd.png) no-repeat; height: 121px; } .page_home .ro_bd { padding: 20px 60px 0 60px; } .page_home .ro h2 { padding: 85px 40px 0 60px; font-size: 18px; font-weight: bold; color: #403f3f; } .page_home .ro p { padding-bottom: 5px; } .page_home .ro a { background: url(../img/layout/red_arrow_next.gif) 0 2px no-repeat; padding-left: 20px; display: block; } .page_home .ro a:hover { text-decoration: none; } /* change height of hd or body if necessary */ .page_home .ro_hd { height: 121px; } .page_home .ro_bd { height: 250px; } #ro_nas { left: 10px; } #ro_nac { left: 305px; } #ro_nav { left: 600px; } #ro_nas h2 { background: url(../img/overview/txt_nas.jpg) no-repeat 60px 56px; } #ro_nac h2 { background: url(../img/overview/txt_nac.jpg) no-repeat 60px 56px; } #ro_nav h2 { background: url(../img/overview/txt_nav.jpg) no-repeat 60px 56px; } #ro_nas .ro_bd { background: url(../img/overview/ro_bd_nas.png) no-repeat 0 0; } #ro_nac .ro_bd { background: url(../img/overview/ro_bd_nac.png) no-repeat 0 0; } #ro_nav .ro_bd { background: url(../img/overview/ro_bd_nav.png) no-repeat 0 0; } /* -------------------------------------------------------------- * PAGE : NAC, NAS, NAV -------------------------------------------------------------- */ /* HEROSHOT image pan */ .headingWrapper { position:relative; height: 384px; background:url(../img/layout/frame_hd.gif) no-repeat; padding: 2px 3px 0 3px; } .headingWrapper #heroshot { height: 384px; } .page_nas #heroshot h1 { position:absolute; left:0; top:30px; width:960px; text-align: center; } .page_nac #heroshot h1 { position:absolute; left:220px; top:80px; width:180px; } .page_nav #heroshot h1 { position:absolute; left:45px; top:170px; width:180px; } /* CHOOSE YOUR COLOUR overlay */ #overlay_colourpicker { position: absolute; left: 0; bottom: 0; width: 960px; height: 418px; overflow: hidden; background: url(../img/layout/landing-hd.gif) 0 32px no-repeat; overflow: hidden; } #overlay_colourpicker .items { position: absolute; left: 199px; top: 0; width: 560px; height: 418px; } #overlay_colourpicker .items div { position: absolute; left: 0; top: 0; } #overlay_colourpicker .close { width: 60px; height: 60px; position: absolute; top: 53px; right: 21px; background: url(../img/layout/close.png); 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/layout/next.gif) 0 0 no-repeat; } #overlay_colourpicker .prev a { display: block; width: 67px; height: 67px; background: url(../img/layout/prev.gif) 0 0 no-repeat; } #overlay_colourpicker .prev a:hover, #overlay_colourpicker .next a:hover { background-position: 0 -67px; } #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; } /* STORY box */ #story { } #story .bd { padding: 17px 34px; height: 520px; background: url(../img/layout/box-ft-col-2.gif) 0 bottom no-repeat; } #story .thumbs { padding-top: 41px; } .page_nas #story { background: url(../img/nas/story_bg.gif) 0 0 no-repeat; } .page_nas #story .bd { padding: 17px 34px; height: 666px; } .page_nas #story .thumbs { padding-top: 41px; } .page_nac #story { background: url(../img/nac/story_bg.jpg) 0 0 no-repeat; } .page_nac #story .bd { height: 523px; } .page_nac #story .thumbs { padding-top: 33px; } .page_nav #story { background: url(../img/nav/story_bg.jpg) 0 0 no-repeat; position: relative; } .page_nav #story .bd { height: 560px; padding-top: 41px; } .page_nav #story .thumbs { /*position: absolute; right: 30px; bottom: 30px;*/ padding-top: 26px; } /* CHOOSE box */ #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; } .page_nac #choose .thumbs { position: relative; left: 0; top: 0; } /* SPECS box */ #specs { /*margin: 0 0 0 10px;*/ } #specs h2 { padding-bottom: 0;} #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-col2 p { padding-left: 10px; } .page_nas #specs table { width: 522px; } .page_nas #specs .specs-col1 { width: 285px; padding: 0 0 17px 34px; float: left; } .page_nas #specs .specs-col2 { width: 522px; padding: 0 0 17px 13px; float: left; } .page_nac #specs { /*margin: 0 0 0 10px;*/ } .page_nac #specs .specs-col1 { width: 385px; padding: 0 0 17px 0; float: left; } .page_nac #specs .specs-col2 { width: 468px; padding: 0 0 17px 13px; float: left; } .page_nac #specs table { width: 458px; } /* .page_nac .specs-col2-l { float: left; width: 229px; padding-top: 30px; } .page_nac .specs-col2-r { float: left; width: 219px; padding-left: 20px; padding-top: 30px; } */ .page_nav #specs { /*margin: 0 0 0 10px;*/ } .page_nav #specs .specs-col1 { width: 495px; padding: 0 0 17px 0; float: left; } .page_nav #specs .specs-col2 { width: 360px; padding: 0 10px 17px 13px; float: left; } .page_nav #specs table { width: 360px; } .page_nav .specs-col2-l { float: left; width: 229px; padding-top: 30px; } .page_nav .specs-col2-r { float: left; width: 219px; padding-left: 20px; padding-top: 30px; } .page_nav #specs table td, .page_nav #specs table th { width: 100%; } .page_nav .note { color: #ccc; padding-top: 20px; padding-bottom: 20px; } .page_nav #specs .thumbs { padding: 0 0 0 7px; } .page_nav #specs .detailed_specs { float: left; padding: 13px 0 0 10px; } .page_nav #specs table td { background-repeat: repeat-x; } /* REVIEWS box */ #reviews {} #reviews .text { width: 330px; float: left; } #reviews .video { width: 494px; float: right; text-align: left; padding: 17px 17px 17px 0; } #reviews .video_footer { padding-top: 17px; } #reviews .video_footer p { float: left; padding-top: 5px; } #reviews .video_footer img { float: right; } #reviews { margin: 0 0 0 10px; } /* SHOP side box - NAS, NAC, NAV */ #shop { zoom: 1; width: 305px; height: 55px; background: url(../img/layout/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; } /* 360° side box - NAS, NAC, NAV */ #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; } .page_nas #view360degree { background: url(../img/nas/360view.jpg) 0 0 no-repeat; } .page_nac #view360degree { background: url(../img/nac/360view.jpg) 0 0 no-repeat; } .page_nav #view360degree { background: url(../img/nav/360view.jpg) 0 0 no-repeat; } /* SCREENSAVER side box - NAS */ #screensaver { width: 305px; background: url(../img/nas/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 side box - NAS */ #movie { width: 305px; background: url(../img/nas/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; } /* LOGOS side box - NAV */ .page_nav #logos .bd { height: 519px; } /* -------------------------------------------------------------- * THUMBS & content items -------------------------------------------------------------- */ /* NAS */ .thumb_benefit_0 { background: url(../img/nas/thumb_benefit_0.jpg) 0 0 no-repeat; } .thumb_benefit_1 { background: url(../img/nas/thumb_benefit_1.jpg) 0 0 no-repeat; } .thumb_benefit_2 { background: url(../img/nas/thumb_benefit_2.jpg) 0 0 no-repeat; } .thumb_soundscape_0 { background: url(../img/nas/thumb_soundscape_0.jpg) 0 0 no-repeat; } .thumb_soundscape_1 { background: url(../img/nas/thumb_soundscape_1.jpg) 0 0 no-repeat; } .thumb_soundscape_2 { background: url(../img/nas/thumb_soundscape_2.jpg) 0 0 no-repeat; } .thumb_soundscape_3 { background: url(../img/nas/thumb_soundscape_3.jpg) 0 0 no-repeat; } .thumb_soundscape_4 { background: url(../img/nas/thumb_soundscape_4.jpg) 0 0 no-repeat; } .thumb_soundscape_5 { background: url(../img/nas/thumb_soundscape_5.jpg) 0 0 no-repeat; } .thumb_lifeshot_0 { background: url(../img/nas/thumb_lifeshot_0.jpg) 0 0 no-repeat; } .thumb_lifeshot_1 { background: url(../img/nas/thumb_lifeshot_1.jpg) 0 0 no-repeat; } .thumb_lifeshot_2 { background: url(../img/nas/thumb_lifeshot_2.jpg) 0 0 no-repeat; } .thumb_lifeshot_3 { background: url(../img/nas/thumb_lifeshot_3.jpg) 0 0 no-repeat; } .thumb_lifeshot_4 { background: url(../img/nas/thumb_lifeshot_4.jpg) 0 0 no-repeat; } .thumb_lifeshot_5 { background: url(../img/nas/thumb_lifeshot_5.jpg) 0 0 no-repeat; } .thumb_video_0 { background: url(../img/nas/thumb_video_0.jpg) 0 0 no-repeat; } .thumb_video_1 { background: url(../img/nas/thumb_video_1.jpg) 0 0 no-repeat; } .thumb_product_0 { background: url(../img/nas/thumb_product_0.jpg) 0 0 no-repeat; } .thumb_product_1 { background: url(../img/nas/thumb_product_1.jpg) 0 0 no-repeat; } #benefit_0 { background: url(../img/nas/benefit_0.gif) 0 0 no-repeat; } #benefit_1 { background: url(../img/nas/benefit_1.jpg) 0 0 no-repeat; } #benefit_2 { background: url(../img/nas/benefit_2.jpg) 0 0 no-repeat; } #soundscape_0 { background: url(../img/nas/soundscape_0.jpg) 0 0 no-repeat; } #soundscape_0 p { color: #403f3f; } #soundscape_0 h1 { color: #403f3f; } #soundscape_1 { background: url(../img/nas/soundscape_1.jpg) 0 0 no-repeat; } #soundscape_2 { background: url(../img/nas/soundscape_2.jpg) 0 0 no-repeat; } #soundscape_3 { background: url(../img/nas/soundscape_3.jpg) 0 0 no-repeat; } #soundscape_4 { background: url(../img/nas/soundscape_4.jpg) 0 0 no-repeat; } #soundscape_5 { background: url(../img/nas/soundscape_5.jpg) 0 0 no-repeat; } .sound { position: absolute; left: 400px; top: 280px; } #lifeshot_0 { background: url(../img/nas/lifeshot_5.jpg) 0 0 no-repeat; } #lifeshot_0 .text { padding: 275px 0 0 680px; } #lifeshot_1 { background: url(../img/nas/lifeshot_0.jpg) 0 0 no-repeat; } #lifeshot_2 { background: url(../img/nas/lifeshot_1.jpg) 0 0 no-repeat; } #lifeshot_3 { background: url(../img/nas/lifeshot_2.jpg) 0 0 no-repeat; } #lifeshot_4 { background: url(../img/nas/lifeshot_3.jpg) 0 0 no-repeat; } #lifeshot_5 { background: url(../img/nas/lifeshot_4.jpg) 0 0 no-repeat; } /* NAC */ .thumb_nac_benefit_0 { background: url(../img/nac/thumb_nac_benefit_0.jpg) 0 0 no-repeat; } .thumb_nac_benefit_1 { background: url(../img/nac/thumb_nac_benefit_1.jpg) 0 0 no-repeat; } .thumb_nac_benefit_2 { background: url(../img/nac/thumb_nac_benefit_2.jpg) 0 0 no-repeat; } .thumb_nac_lifeshot_0 { background: url(../img/nac/thumb_nac_lifeshot_0.jpg) 0 0 no-repeat; } .thumb_nac_lifeshot_1 { background: url(../img/nac/thumb_nac_lifeshot_1.jpg) 0 0 no-repeat; } .thumb_nac_lifeshot_2 { background: url(../img/nac/thumb_nac_lifeshot_2.jpg) 0 0 no-repeat; } .thumb_nac_lifeshot_3 { background: url(../img/nac/thumb_nac_lifeshot_3.jpg) 0 0 no-repeat; } .thumb_nac_lifeshot_4 { background: url(../img/nac/thumb_nac_lifeshot_4.jpg) 0 0 no-repeat; } .thumb_nac_lifeshot_5 { background: url(../img/nac/thumb_nac_lifeshot_5.jpg) 0 0 no-repeat; } .thumb_nac_3 { background: url(../img/nac/thumb_nac_3.jpg) 0 0 no-repeat; } .thumb_nac_1 { background: url(../img/nac/thumb_nac_1.jpg) 0 0 no-repeat; } .thumb_nac_bluetooth_0 { background: url(../img/nac/thumb_nac_bluetooth_0.jpg) 0 0 no-repeat; } .thumb_nac_dlna_0 { background: url(../img/nac/thumb_nac_dlna_0.jpg) 0 0 no-repeat; } #nac_benefit_0 { background: url(../img/nac/nac_benefit_0.jpg) 0 0 no-repeat; } #nac_benefit_0 h1, #nac_benefit_0 p { color: #403f3f; } #nac_benefit_1 { background: url(../img/nac/nac_benefit_1.jpg) 0 0 no-repeat; } #nac_benefit_2 { background: url(../img/nac/nac_benefit_2.jpg) 0 0 no-repeat; } #nac_benefit_2 h1, #nac_benefit_2 p { color: #403f3f; } #nac_lifeshot_0 { background: url(../img/nac/lifeshot_0.jpg) 0 0 no-repeat; } #nac_lifeshot_1 { background: url(../img/nac/lifeshot_1.jpg) 0 0 no-repeat; } #nac_lifeshot_2 { background: url(../img/nac/lifeshot_2.jpg) 0 0 no-repeat; } #nac_lifeshot_3 { background: url(../img/nac/lifeshot_3.jpg) 0 0 no-repeat; } #nac_lifeshot_4 { background: url(../img/nac/lifeshot_4.jpg) 0 0 no-repeat; } #nac_lifeshot_5 { background: url(../img/nac/lifeshot_5.jpg) 0 0 no-repeat; } #nac_bluetooth_0 { background: url(../img/nac/nac_bluetooth_0.jpg) 0 0 no-repeat; } #nac_bluetooth_0 h1, #nac_bluetooth_0 p { color: #403f3f; } #nac_dlna_0 { background: url(../img/nac/nac_dlna_0.jpg) 0 0 no-repeat; } #nac_dlna_0 h1, #nac_dlna_0 p { color: #403f3f; } /* NAV */ .thumb_nav_benefit_0 { background: url(../img/nav/thumb_nav_benefit_0.jpg) 0 0 no-repeat; } .thumb_nav_benefit_1 { background: url(../img/nav/thumb_nav_benefit_1.jpg) 0 0 no-repeat; } .thumb_nav_benefit_2 { background: url(../img/nav/thumb_nav_benefit_2.jpg) 0 0 no-repeat; } .thumb_nav_benefit_3 { background: url(../img/nav/thumb_nav_benefit_3.jpg) 0 0 no-repeat; } .thumb_nav_lifeshot_0 { background: url(../img/nav/thumb_nav_lifeshot_0.jpg) 0 0 no-repeat; } #nav_benefit_0 { background: url(../img/nav/benefit_0.jpg) 0 0 no-repeat; } #nav_benefit_1 { background: url(../img/nav/benefit_1.jpg) 0 0 no-repeat; } #nav_benefit_2 { background: url(../img/nav/benefit_2.jpg) 0 0 no-repeat; } #nav_benefit_2 h1, #nav_benefit_2 p { color: #403f3f; } #nav_benefit_3 { background: url(../img/nav/benefit_3.gif) 0 0 no-repeat; } #nav_lifeshot_0 { background: url(../img/nav/lifeshot_0.jpg) 0 0 no-repeat; } /* -------------------------------------------------------------- * LANGUAGES -------------------------------------------------------------- */ #nl .menu h1 { width: 370px; height: 30px; float: left; padding: 0; margin: 0; background: url(../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(../img/heading_fr.png) 0 0 no-repeat; } #be .menu h1 { width: 324px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_fr.png) 0 0 no-repeat; } #chf .menu h1 { width: 324px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_fr.png) 0 0 no-repeat; } #at .menu h1 { width: 373px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_de.png) 0 0 no-repeat; } #de .menu h1 { width: 373px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_de.png) 0 0 no-repeat; } #chd .menu h1 { width: 373px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_de.png) 0 0 no-repeat; } #it .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_it.png) 0 0 no-repeat; } #chi .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_it.png) 0 0 no-repeat; } #fi .menu h1 { width: 306px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_fi.png) 0 0 no-repeat; } #fi .menu { padding:0 0 25px; } #fi .menu li { margin:0 0 0 28px; } #gr .menu h1 { width: 273px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_gr.png) 0 0 no-repeat; } #no .menu h1 { width: 310px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_no.png) 0 0 no-repeat; } #pl .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_pl.png) 0 0 no-repeat; } #pt .menu h1 { width: 306px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_pt.png) 0 0 no-repeat; } #se .menu h1 { width: 305px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_se.png) 0 0 no-repeat; } #tr .menu h1 { width: 220px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_tk.png) 0 0 no-repeat; } #es .menu h1 { width: 324px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_es.png) 0 0 no-repeat; } #dk .menu h1 { width: 299px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_da.png) 0 0 no-repeat; } #cz .menu h1 { width: 345px; height: 30px; float: left; padding: 0; margin: 0; background: url(../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; } /* DUAL DOCK */ #at.page_nac #story .bd { height:570px; } #at.page_nac #story .thumbs { padding-top:21px; } #chd.page_nac #story .bd { height:570px; } #chd.page_nac #story .thumbs { padding-top:21px; } #de.page_nac #story .bd { height:570px; } #de.page_nac #story .thumbs { padding-top:21px; } #nl.page_nac #story .bd { height:560px; } #nl.page_nac #story .thumbs { padding-top:21px; } #es.page_nac #story .bd { height:560px; } #es.page_nac #story .thumbs { padding-top:21px; } #pt.page_nac #story .bd { height:550px; } #pt.page_nac #story .thumbs { padding-top:21px; } #be.page_nac #story .thumbs { padding-top: 18px; } #chf.page_nac #story .thumbs { padding-top: 18px; } #fr.page_nac #story .thumbs { padding-top: 18px; } #chi.page_nac #story .thumbs { padding-top: 18px; } #it.page_nac #story .thumbs { padding-top: 18px; } #fi #story .bd { height:550px; } #gr #story .bd { height:600px; } #be #story .bd { height:505px; } /* SPEAKERS */ #at.page_home .ro h2 { font-size: 15px; } #de.page_home .ro h2 { font-size: 15px; } #chd.page_home .ro h2 { font-size: 15px; } #be.page_home .ro h2 { font-size: 15px; } #fr.page_home .ro h2 { font-size: 15px; } #chf.page_home .ro h2 { font-size: 15px; } #chi.page_home .ro h2 { font-size: 15px; } #it.page_home .ro h2 { font-size: 15px; } #cz.page_home .ro h2 { font-size: 15px; } #dk.page_home .ro h2 { font-size: 15px; } #en.page_home .ro h2 { font-size: 15px; } #es.page_home .ro h2 { font-size: 15px; } #fi.page_home .ro h2 { font-size: 15px; } #gr.page_home .ro h2 { font-size: 15px; } #hu.page_home .ro h2 { font-size: 15px; } #nl.page_home .ro h2 { font-size: 15px; } #no.page_home .ro h2 { font-size: 15px; } #pl.page_home .ro h2 { font-size: 15px; } #pt.page_home .ro h2 { font-size: 15px; } #ru.page_home .ro h2 { font-size: 15px; } #se.page_home .ro h2 { font-size: 15px; } #sk.page_home .ro h2 { font-size: 15px; } #tr.page_home .ro h2 { font-size: 15px; } #at h1 { font-size:1.4em; } #de h1 { font-size:1.4em; } #chd h1 { font-size:1.4em; } #nl h1 { font-size:1.4em; } #pt h1 { font-size:1.4em; } #se h1 { font-size:1.4em; } #at.page_home .balloon { background: url(../img/overview/balloon_de.gif) no-repeat; } #de.page_home .balloon { background: url(../img/overview/balloon_de.gif) no-repeat; } #chd.page_home .balloon { background: url(../img/overview/balloon_de.gif) no-repeat; } #be.page_home .balloon { background: url(../img/overview/balloon_fr.gif) no-repeat; } #fr.page_home .balloon { background: url(../img/overview/balloon_fr.gif) no-repeat; } #chf.page_home .balloon { background: url(../img/overview/balloon_fr.gif) no-repeat; } #chi.page_home .balloon { background: url(../img/overview/balloon_it.gif) no-repeat; } #it.page_home .balloon { background: url(../img/overview/balloon_it.gif) no-repeat; } #cz.page_home .balloon { background: url(../img/overview/balloon_cz.gif) no-repeat; } #dk.page_home .balloon { background: url(../img/overview/balloon_dk.gif) no-repeat; } #en.page_home .balloon { background: url(../img/overview/balloon_en.gif) no-repeat; } #es.page_home .balloon { background: url(../img/overview/balloon_es.gif) no-repeat; } #fi.page_home .balloon { background: url(../img/overview/balloon_fi.gif) no-repeat; } #gr.page_home .balloon { background: url(../img/overview/balloon_gr.gif) no-repeat; } #hu.page_home .balloon { background: url(../img/overview/balloon_hu.gif) no-repeat; } #nl.page_home .balloon { background: url(../img/overview/balloon_nl.gif) no-repeat; } #no.page_home .balloon { background: url(../img/overview/balloon_no.gif) no-repeat; } #pl.page_home .balloon { background: url(../img/overview/balloon_pl.gif) no-repeat; } #pt.page_home .balloon { background: url(../img/overview/balloon_pt.gif) no-repeat; } #ru.page_home .balloon { background: url(../img/overview/balloon_ru.gif) no-repeat; } #se.page_home .balloon { background: url(../img/overview/balloon_se.gif) no-repeat; } #sk.page_home .balloon { background: url(../img/overview/balloon_sk.gif) no-repeat; } #tr.page_home .balloon { background: url(../img/overview/balloon_tr.gif) no-repeat; } /* Dual dock */ #be.page_nac #heroshot h1 { top:65px; width:300px; left:100px; } #fr.page_nac #heroshot h1 { top:65px; width:300px; left:100px; } #chf.page_nac #heroshot h1 { top:65px; width:300px; left:100px; } #at.page_nac #heroshot h1 { top:65px; width: 190px; left:200px; } #de.page_nac #heroshot h1 { top:65px; width: 190px; left:200px; } #chd.page_nac #heroshot h1 { top:65px; width: 190px; left:200px; } #chi.page_nac #heroshot h1 { top:65px; width:300px; left:190px; } #it.page_nac #heroshot h1 { top:65px; width:300px; left:190px; } #cz.page_nac #heroshot h1 { top:65px; width:300px; left:140px; } #dk.page_nac #heroshot h1 { top:65px; width:300px; left:190px; } #fi.page_nac #heroshot h1 { left:100px; top:65px; width:340px; } #gr.page_nac #heroshot h1 { top:65px; width:300px; left:150px; } #nl.page_nac #heroshot h1 { left:90px; top:65px; width:300px; } #pt.page_nac #heroshot h1 { top:65px; left:140px; width:300px; } #se.page_nac #heroshot h1 { top:65px; left:170px; width:300px; } /* NAV All in one ... */ #at.page_nav #story .bd { height:605px; } #at.page_nav #logos .bd { height:564px; } #de.page_nav #story .bd { height:605px; } #de.page_nav #logos .bd { height:564px; } #chd.page_nav #story .bd { height:605px; } #chd.page_nav #logos .bd { height:564px; } #be.page_nav #story .bd { height:595px; } #be.page_nav #logos .bd { height:554px; } #fr.page_nav #story .bd { height:595px; } #fr.page_nav #logos .bd { height:554px; } #chf.page_nav #story .bd { height:595px; } #chf.page_nav #logos .bd { height:554px; } #fi.page_nav #story .bd { height:555px; } #fi.page_nav #logos .bd { height:514px; } #cz.page_nav #story .bd { height:525px; } #cz.page_nav #logos .bd { height:484px; } .facebook { background: url(/images/ipod_speaker_system/img/facebook.jpg) no-repeat -19px -23px; padding: 6px 10px 6px 35px; float: right; } .facebook a { color:#3C5DAC; line-height:12px; }