/* -------------------------------------------------------------- Pioneer AVR Landing Page 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 { width: 0; height: 0; overflow: hidden; outline: none; border: none; position: absolute; left: 0; top: 0; background: none; display: none; } /* -------------------------------------------------------------- * INTEGRATED PAGE LAYOUT -------------------------------------------------------------- */ body { margin: auto; background: #e8e4e5 url(../img/bg2.jpg) 0 5.7em repeat-x; } #header, #content, #sitemap, #footer { text-align: center; margin: auto; } .inner { width: 980px; margin: 0 auto; text-align: left; } #content .inner { width: 990px; } /* 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: #999999; margin: 0; padding: 0; } #crumbs a { color: #B91440; } #crumbs a:hover { color: #B91440; text-decoration: underline; } /* FOOTER */ #footer { padding-bottom: 60px; } #footer .inner { background: url(/css/images/dotted-line.gif) repeat-x top left; 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(/css/images/layout/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: #999; } #footermenu ul li a:hover { text-decoration: underline; color: #999; } /* -------------------------------------------------------------- * COMMON STYLES -------------------------------------------------------------- */ body { font-size: 100%; line-height: 1em; color: #403f3f; font-family: Arial, Helvetica, sans-serif; } select { color: #403f3f; font-family: Arial, Helvetica, sans-serif; } /* HEADERS */ h1 { font-size: 1.5em; line-height: 1em; font-weight: bold; padding: 0 0 0.75em 0; color: #333; } h2 { font-size: 1.13em; line-height: 1em; padding: 0 0 0.75em 0; color: #333; } h3 { font-size: 0.88em; line-height: 1em; padding: 0; color: #333; } h4 { font-size: 0.88em; line-height: 1em; padding: 0; color: #333; } p { font-size: 0.75em; padding: 0 0 1em 0; } li { font-size: 0.75em; } td, th { font-size: 0.75em; } li p, td li { font-size: 1em; } .note { font-size: 0.7em; } /* TEXT ALIGN */ .align_r { text-align: right; } /* LINKS */ a, a:link, a:active, a:visited { color: #b91440; 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: #b91440; background: url(../img/lnk_next.gif) no-repeat right center; padding: 0 20px 0 0; border-bottom: none; } a.lnk_next:hover { color: #b91440; text-decoration: underline; } /* LISTS */ ul.bullets li { background: url(../../avr/img/bullet.gif) 0 0.5em no-repeat; padding: 0 0 0 8px; } /* -------------------------------------------------------------- * LANDING PAGE LAYOUT -------------------------------------------------------------- */ /* HEADING, NAVIGATION */ .menu { padding: 20px 15px 7px 15px; } .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_eur.png) 0 0 no-repeat; } .menu h1 a { height: 30px; display: block; text-indent: -9999px; } .menu ul { float: right; padding: 0; margin: 4px 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_solutions .mn_solutions a, .page_solutions .mn_solutions a:link, .page_solutions .mn_solutions a:active, .page_solutions .mn_solutions a:visited, .page_solutions .mn_solutions a:hover, .page_play .mn_play a, .page_play .mn_play a:link, .page_play .mn_play a:active, .page_play .mn_play a:visited, .page_play .mn_play a:hover, .page_connect .mn_connect a, .page_connect .mn_connect a:link, .page_connect .mn_connect a:active, .page_connect .mn_connect a:visited, .page_connect .mn_connect a:hover, .page_box .mn_box a, .page_box .mn_box a:link, .page_box .mn_box a:active, .page_box .mn_box a:visited, .page_box .mn_box a:hover, .page_reviews .mn_reviews a, .page_reviews .mn_reviews a:link, .page_reviews .mn_reviews a:active, .page_reviews .mn_reviews a:visited, .page_reviews .mn_reviews a:hover { color: #403f3f; text-decoration: none; } /* CONTENT BOX */ .box { width: 990px; margin: 0 0 15px 0; } .box_t { width: 990px; height: 10px; overflow: hidden; background: url(../img/box_t.png) no-repeat 0 0; } .box_m { width: 990px; background: url(../img/box_m.png) repeat-y 0 0; } .box_b { width: 990px; height: 10px; overflow: hidden; background: url(../img/box_b.png) no-repeat 0 0; } .box_body { padding: 10px 20px 0 20px; position: relative; } /* CONTENT ITEM */ .item { width: 950px; margin: 0 0 15px 0; } .item_t { width: 950px; height: 10px; overflow: hidden; background: url(../img/item_t.png) no-repeat 0 0; } .item_m { width: 950px; background: url(../img/item_m.png) no-repeat 0 0; } .item_b { width: 950px; height: 10px; overflow: hidden; background: url(../img/item_b.png) no-repeat 0 0; } .item_body { padding: 20px 40px; } .last_item { margin: 0 0 10px 0; } /* THUMBS */ .thumbs { zoom: 1; height: 65px; float: left; padding: 0; } .thumbs ul { margin: 5px 0 0 0; /*clear: none; */} .thumbs ul li { float: left; padding: 0; margin: 0 5px 5px 0; background-repeat: no-repeat; background-position: 0 0; } .thumbs ul li.divide { margin-left: 70px; } .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(../../slideshow/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(../../slideshow/thumb_hover.png) 0 0 no-repeat; cursor: default; } .thumbs li a span { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -9999px; } .thumbs li .icon { width: 28px; height: 30px; position: absolute; text-indent: -9999px; overflow: hidden; right: -14px; top: -10px; _right: -7px; *right: -7px; } .thumbs li .play .icon { background: url(../../slideshow/icon_play.png) 0 0 no-repeat; z-index: 8; } .thumbs li .plus .icon { background: url(../../slideshow/icon_plus.png) 0 0 no-repeat; z-index: 9; } /* SLIDESHOW */ .slideshow { overflow: hidden; position: relative; } .slideshow_content { position: relative; z-index: 9; } .slideshow_item { } .slideshow_menu { overflow:hidden; position:absolute; left: 0; bottom: 0; z-index: 10; } .slideshow_menu ul { clear:left; float:left; position:relative; padding: 0; text-align:center; zoom: 1; } .slideshow_menu li { display:block; float:left; position:relative; padding: 0; } .slideshow_shared_content { position: absolute; left: 0; top: 0; z-index: 11; padding: 30px 0 0 40px; } .lightbox_iframe_content .slideshow { width: 885px; height: 457px; } .lightbox_iframe_content .slideshow_content { width: 885px; height: 457px; } .lightbox_iframe_content .slideshow_item { width: 885px; height: 457px; } .lightbox_iframe_content .slideshow_menu { width: 885px; height: 75px; background: #fff url(../../avr/img/slideshow/slideshow_mefnu.jpg) 0 0 no-repeat;} .lightbox_iframe_content .slideshow_menu ul { margin: 10px 0 0 0; } .lightbox_iframe_content .slideshow_menu li { } .lightbox_iframe_content .slideshow_shared_content { } .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; } /* 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: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: #fff; } * 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; width: 885px; height: 457px; overflow: hidden; } .lightbox_close { position:absolute; width:60px; height:60px; right:21px; top:17px; background:transparent url(../../lightbox/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 { /*width: 885px; height: 457px;*/ overflow: hidden; background: url(../../avr/img/loader.gif) center center no-repeat; } /* TABS */ .tab_menu { } .tab_menu ul { display: block; } .tab_menu li { float: left; background: url(../img/tabs/scale_left.gif) no-repeat 0 17px; } .tab_menu span { display: block; color: #b3b2b3; text-align: center; background: url(../img/tabs/scale_right.gif) no-repeat right 17px; height: 34px; } .tab_menu ul ul { float: none; display: block; } .tab_menu li li { /*width: 96px;*/ width: 86px; font-size: 100%; /*margin-right: -1px;*/ } #eur .tab_menu li li { width: 86px; } /* In the European site there are 10 tabs, slightly narrower than the tabs on standalone sites */ .tab_menu a { color: #403f3f; font-weight: bold; font-size: 1em; text-decoration: none; width: 81px; text-align: center; background-image: url(../img/tabs/tab.gif); background-repeat: no-repeat; background-position: 0 0; float: left; padding-left: 5px; position: relative; } .tab_menu .first a { background-image: url(../img/tabs/tab_first.gif); } .tab_menu .last a { background-image: url(../img/tabs/tab_last.gif); } .tab_menu a:hover { background-position: 0 -50px; text-decoration: none; cursor: pointer; } .tab_menu a.selected, .tab_menu a.selected:hover { background-position: 0 -100px; text-decoration: none; cursor: default; } .tab_menu a b { float: left; /*width: 86px;*/ width: 76px; padding-right: 5px; text-align: center; background-image: url(../img/tabs/tab.gif); background-repeat: no-repeat; background-position: right 0; height: 41px; line-height: 41px; padding-bottom: 9px; } #eur .tab_menu a b { width: 76px; } .tab_menu .first a b { background-image: url(../img/tabs/tab_first.gif); } .tab_menu .last a b { background-image: url(../img/tabs/tab_last.gif); } .tab_menu a:hover b { background-position: right -50px; } .tab_menu a.selected b, .tab_menu a.selected:hover b { background-position: right -100px; } .tab_menu a b.line2 { height: 32px; padding-top: 9px; line-height: 13px; } .tab_menu a b.line2 .small { font-size: 10px; font-style: normal; } /* .tab_content_box { width: 864px; } .tab_content_box_t { height: 10px; background: url(../img/tabs/box_t.png) no-repeat 0 0; } .tab_content_box_m { background: url(../img/tabs/box_m2.gif) repeat-y 0 0; padding: 11px 20px 10px 20px; } .tab_content_box_b { height: 10px; background: url(../img/tabs/box_b2.png) no-repeat 0 0; } */ .tab_content_box { width: 864px; } #eur .tab_content_box { width: 870px; } .tab_content_box_t { height: 10px; background: url(../img/tabs/box_t.png) no-repeat 0 0; } .tab_content_box_m { background: url(../img/tabs/box_m2.gif) repeat-y 0 0; position: relative; width: 864px; height: 251px; overflow: hidden; } #eur .tab_content_box_m { width: 870px; } .tab_content_box_b { height: 10px; background: url(../img/tabs/box_b2.png) no-repeat 0 0; } .tab_content {width:824px; height: 230px; position: absolute; top: 11px; left: 20px; z-index: 10; } /* IMAGE MAP */ .image_map { position: relative; } /* TOOLTIP */ #tooltip { position: absolute; top: 0; left: 0; z-index: 1010; font-size: 12px; } #tooltip_content { background: #fff url(/css/images/tooltip/tooltip_bg.jpg) repeat-x bottom left; padding: 3px 15px 5px 15px; font-size: 12px; overflow: hidden; } #tooltip .tl { background: transparent url(/css/images/tooltip/tooltip_tl.png) no-repeat top left; height: 14px; padding-left: 14px; } #tooltip .tr { background: transparent url(/css/images/tooltip/tooltip_tr.png) no-repeat top right; height: 14px; overflow: hidden; } #tooltip .bg_l { background: transparent url(/css/images/tooltip/tooltip_bg_l.png) repeat-y top left; } #tooltip .bg_r { background: transparent url(/css/images/tooltip/tooltip_bg_r.png) repeat-y top right; margin-left: 8px; padding-right: 9px; } #tooltip .bl { background: transparent url(/css/images/tooltip/tooltip_bl.png) no-repeat top left; height: 19px; } #tooltip .br { background: transparent url(/css/images/tooltip/tooltip_br.png) no-repeat top right; height: 19px; margin-left: 34px; } /* -------------------------------------------------------------- * THUMBNAILS -------------------------------------------------------------- */ /* -------------------------------------------------------------- * CONTENT ITEMS -------------------------------------------------------------- */ /* HOME - Intro */ #intro { width: 980px; margin: 0; z-index: 1; } #intro .item_t { display: none; } #intro .item_m { width: 990px; background: none; } #intro .item_b { display: none; } #intro .item_body { padding: 0; } #intro .slideshow { width: 990px; height: 575px; } #intro .slideshow_content { width: 990px; height: 575px; background: none; } #intro .slideshow_item { width: 990px; height: 575px; } #intro .slideshow_shared_content { padding: 55px 0 0 65px; width: 270px; } #intro .slideshow_menu { background: none; bottom: -65px; left: 65px; width: 300px; } /* HOME - Philosophy */ #philosophy { position: absolute; left: 20px; top: -80px; z-index: 100; } #philosophy .item_m { height: 515px; } #philosophy .item_body { } #philosophy .slideshow { width: 850px; height: 475px; } #philosophy .slideshow_content { width: 850px; height: 370px; background: none; } #philosophy .slideshow_item { width: 850px; height: 320px; margin: 45px 0 0 0; } #philosophy .slideshow_shared_content { padding: 0; width: auto; } #philosophy .slideshow_menu { height: 100px; bottom: 0; width: 250px; } #philosophy .slideshow_menu .thumbs { padding-top: 0; } #philosophy_0 .text, #philosophy_1 .text { width: 300px; float: right; margin-right: 20px; } #philosophy_0 .video, #philosophy_1 .video { width: 493px; height: 297px; float: left; } /* PLAY - Quality */ #quality h1, #quality p { color: #fff; } #quality .item_t, #quality .item_b { display: none; } #quality .item_body { width: 950px; height: 461px; padding: 0; } #quality .slideshow { width: 950px; height: 461px; } #quality .slideshow_content { width: 950px; height: 461px; overflow: hidden; background: none; } #quality .slideshow_item { width: 950px; height: 461px; } #quality .slideshow_shared_content { width: 380px; } #quality .slideshow_menu { float: none; left: 40px; bottom: 40px; width: 300px; } #quality .slideshow_menu li { background-repeat: no-repeat; } #quality_0 { background: url(../img/play/quality_3.jpg) no-repeat; } #quality_1 { background: url(../img/play/quality_4.jpg) no-repeat; } #quality_2 { background: url(../img/play/quality_5.jpg) no-repeat; } /* PLAY - Watch */ #watch .item_t, #watch .item_b { display: none; } #watch .item_m { background: url(../img/play/_watch.jpg) no-repeat; position: relative; width: 950px; height: 520px; } #watch .item_body { padding: 30px 40px; } #watch .text { width: 310px; } #watch .thumbs { position: absolute; left: 40px; bottom: 35px; } /* PLAY - Listen */ #listen { } #listen .item_m { height: 515px; } #listen .item_body { } #listen .slideshow { width: 870px; height: 475px; } #listen .slideshow_content { width: 870px; height: 370px; } #listen .slideshow_item { width: 870px; height: 320px; margin: 45px 0 0 0; } #listen .slideshow_shared_content { padding: 0; width: auto; } #listen .slideshow_menu { height: 100px; bottom: 0; width: 600px; } #listen .slideshow_menu .thumbs { padding-top: 0; } #listen .text { width: 340px; float: right; margin-right: 0; } #listen .video { width: 493px; height: 297px; float: left; } #listen_3 .text { width: 455px; min-height: 320px; padding: 0 0 0 415px; float: none; background: url(../img/play/listen_3.jpg) no-repeat; } #listen_4 .text { width: 335px; min-height: 320px; padding: 0 0 0 535px; float: none; background: url(../img/play/listen_4.jpg) no-repeat; } /* PLAY - iPod */ #ipod { } #ipod .item_t, #ipod .item_b { display: none; } #ipod .item_m { background: url(../img/play/ipod.jpg) no-repeat; position: relative; width: 950px; height: 520px; } #ipod .item_body { padding: 30px 40px 30px 520px; } #ipod .text { width: 380px; } #ipod .thumbs { position: absolute; left: 520px; bottom: 35px; width: 400px; } /* CONNECT - gui */ #connection {} #connection .item_m { } #connection .text { width: 350px; float: left; } #connection .visual { width: 510px; float: right; } #gui .item_m { } #gui .item_body { padding: 30px 40px; } #gui .text { background: url(../img/connect/gui.jpg) no-repeat; padding-left: 440px; min-height: 375px; } #gui .thumbs ul { margin: 0; } #research .text { float: left; width: 305px; } #research .item_body { } #research .slideshow { width: 513px; height: 470px; float: right; overflow: visible; } #research .slideshow_menu { left: -355px; bottom: 10px; } /* PRODUCTS - Take a closer look... */ .product { width: 624px; float: left; background: #fff; } .product .shortdesc { width: 360px; float: left; height: 70px; padding: 15px 0 0 20px; } .product .shortdesc h3 { padding: 0 0 10px 0; } .product .colours { width: 211px; float: left; text-align: right; clear: right; padding: 38px 0 0 0; height: 47px; } .product .switch_K { background: url(../img/products/switch-K.gif) no-repeat right center; padding: 2px 30px 2px 0; } .product .switch_S { background: url(../img/products/switch-S.gif) no-repeat left center; padding: 2px 0 2px 30px; } .product .switch_H { background: url(../img/products/switch-H.gif) no-repeat left center; padding: 2px 0 2px 30px; } .product .colours a { color: #b91440; text-decoration: none; font-size: 0.8em; line-height: 1em; cursor: pointer; } .product .colours a:hover { color: #b91440; text-decoration: underline; cursor: pointer; } .product .colours a.active, .product .colours a.active:hover { color: #403f3f; text-decoration: none; cursor: default; } .product .detail { width: 624px; height: 150px; clear: both; position: relative; overflow: hidden; } .product .detail .K, .product .detail .S, .product .detail .H {position: absolute; top: 0; width: 624px; height: 150px;} .product .detail ul { } .product .detail li { float: left; width: 168px; padding: 0 20px; background: url(../img/products/divider.gif) no-repeat left 33px; } .product .detail li.first { background: none; } .product .detail a { display: block; width: 168px; padding: 0; color: #403f3f; text-decoration: none; } .product .detail a img { display: block; } .product .detail a em { display: block; font-style: normal; font-weight: bold; font-size: 1.17em; color: #b91440; } .related_products { width: 200px; float: right; height: 230px; background: url(../img/products/related_products_bg.jpg) no-repeat 0 0; } .related_products h4 { padding: 40px 0 20px 30px; } .related_products .carousel { position: relative; width: 200px; height: 160px; overflow: hidden; } .related_products .carousel ul { width: 9999px; height: 160px; position: absolute; left: 0; top: 0; } .related_products .carousel li { width: 200px; height: 160px; float: left; text-align: center; } .related_products .carousel li img { display: block; } .related_products .prev, .related_products .next { width: 30px; height: 30px; display: block; position: absolute; top: 40px; cursor: pointer; } .related_products .prev { left: 15px; background: url(../img/products/carousel_prev.png) no-repeat 0 0; } .related_products .next { right: 15px; background: url(../img/products/carousel_next.png) no-repeat 0 0; } .related_products .previous_button_disabled { background: url(../img/products/carousel_prev_disabled.png) no-repeat 0 0; cursor: default; } .related_products .next_button_disabled { background: url(../img/products/carousel_next_disabled.png) no-repeat 0 0; cursor: default; } .compare_all { text-align: right; padding: 25px 5px 0 0; } .extra_space { padding-top: 460px; } /* philosophy is positioned absolute, so it can overlap the intro */ /*_*/ /* SOLUTIONS */ #solutions .solutions_header { padding: 20px 315px 0 45px; } #solutions .browse { font-weight: bold; } #solutions #combo_tab_container { width: 950px; height: 696px; position: relative; z-index: 10; margin: 10px 0 0 0; } /* Note: the tabs are supposed to overlap over the top of the content */ #solutions #combo_tabs { width: 238px; height: 696px; position: absolute; top:0; left:0; z-index: 12; } #solutions #combo_tab_content { width: 768px; height: 696px; position: absolute; top:0; right: 0; z-index: 11; background: url(../img/solutions_combo_content_bg.png) no-repeat 0 0; } #solutions #combo_tabs li { height: 116px; width: 238px; background: url(../img/solutions_tab_sprite.png) no-repeat transparent 0 -1px; margin-left: -7px; cursor: pointer; } #solutions #combo_tabs li.hover {background-position: 0 -118px;} #solutions #combo_tabs li.currentTab {background-position: 0 -235px;} #solutions #combo_tabs li .title { padding: 20px 80px 0 52px; font-weight: bold; font-size: 16px;} #solutions #combo_tabs li .subtitle { padding: 5px 80px 0 52px; font-style: italic; font-size: 12px;} #solutions #combo_tabs li.hover .title, #solutions #combo_tabs li.hover .subtitle, #solutions #combo_tabs li.currentTab .title, #solutions #combo_tabs li.currentTab .subtitle { color: #b91440; } #solutions #combo_tab_content .comboTab {display:none; width: 614px; margin: 35px 0 0 65px;} #solutions #combo_tab_content .comboTab.currentTab {display:block;} #solutions #combo_tab_content .combo {height: 300px; position: relative; z-index: 7;} #solutions #combo_tab_content .combo .price {font-weight: bold; font-size: 30px; color: #b91440; position: absolute; top: 0; right: 0; z-index: 9;} #solutions #combo_tab_content .combo img {position:absolute; left: 0; bottom: 127px; z-index: 8;} #solutions #combo_tab_content .combo .footer {height: 27px; position: absolute; left: 0; bottom: 100px; width: 100%; background-color: #f4f4f4; } #solutions #combo_tab_content .combo .footer p {position: absolute; top: 5px; font-weight: bold; text-align: center;} #solutions #combo_tab_content .combo .footer p a { color: #403F3F; text-decoration: none; } #solutions #combo_tab_content .combo .footer p a:hover { color: #b91440; text-decoration: none; } #solutions #combo_tab_content .combo .desc {position: absolute; height:88px; width:100%; top: 212px; left: 0;} /* -------------------------------------------------------------- * LANGUAGES -------------------------------------------------------------- */ /* HEADING, NAVIGATION */ #cz .menu h1 { width: 275px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_cz.png) 0 0 no-repeat; } #dk .menu h1 { width: 309px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_dk.png) 0 0 no-repeat; } #se .menu h1 { width: 311px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_se.png) 0 0 no-repeat; } #fi .menu h1 { width: 350px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_fi.png) 0 0 no-repeat; } #no .menu h1 { width: 311px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_no.png) 0 0 no-repeat; } #pt .menu h1 { width: 345px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_pt.png) 0 0 no-repeat; } #pl .menu h1 { width: 360px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_pl.png) 0 0 no-repeat; } #at .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_de.png) 0 0 no-repeat; } #de .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_de.png) 0 0 no-repeat; } #chd .menu h1 { width: 300px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_de.png) 0 0 no-repeat; } #fr .menu h1 { width: 336px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_fr.png) 0 0 no-repeat; } #nl .menu h1 { width: 304px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_nl.png) 0 0 no-repeat; } #gr .menu h1 { width: 263px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_gr.png) 0 0 no-repeat; } #gr .menu { padding:20px 3px 7px; } #fr .menu { padding:20px 10px 7px; } #be .menu h1 { width: 336px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_fr.png) 0 0 no-repeat; } #be .menu { padding:20px 10px 7px; } #it .menu h1 { width: 328px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_it.png) 0 0 no-repeat; } #it .menu { padding:20px 12px 7px; } #chi .menu h1 { width: 328px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_it.png) 0 0 no-repeat; } #chi .menu { padding:20px 12px 7px; } #chf .menu h1 { width: 336px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_fr.png) 0 0 no-repeat; } #chf .menu { padding:20px 10px 7px; } #es .menu h1 { width: 289px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_es.png) 0 0 no-repeat; } #es .menu { padding:20px 0px 7px;} #tr .menu h1 { width: 289px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_tr.png) 0 0 no-repeat; } #hu .menu h1 { width: 207px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_hu.png) 0 0 no-repeat; } #sk .menu h1 { width: 254px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_sk.png) 0 0 no-repeat; } #ru .menu h1 { width: 290px; height: 30px; float: left; padding: 0; margin: 0; background: url(../img/heading_ru.png) 0 0 no-repeat; } #ru .menu { padding:20px 7px 7px; } #ru .menu li { margin:0 0 0 27px; } /* HOME */ #pt #intro .slideshow_shared_content { width:300px; } #gr #philosophy .slideshow_menu { height:110px; } #gr #intro .slideshow_shared_content { padding:33px 0 0 65px; width:300px; } /* HOME */ #sk .tab_content_box_m { height:285px; } #sk .product .detail { height:180px; } #gr .tab_content_box_m { height:285px; } #gr .product .detail { height:180px; } /* PLAY */ #pt #listen .slideshow_content { height:420px; } #pt #listen .slideshow { height:525px; } #pt #listen .item_m { height:565px; } #pt #watch .text { width:350px; } #pt #research .text { width:330px; } #fr #quality .slideshow_shared_content { width: 405px; padding:30px 0 0 25px; } #fr #quality .slideshow_menu { bottom:20px; left:26px; } #fr #watch .text { width:350px; } #fr #ipod .item_body { padding:30px 40px 30px 473px; } #fr #ipod .text { width:450px; } #fr #ipod .thumbs { left:472px; } #be #quality .slideshow_shared_content { width: 405px; padding:30px 0 0 25px; } #be #quality .slideshow_menu { bottom:20px; } #be #watch .text { width:350px; } #be #ipod .item_body { padding:30px 40px 30px 473px; } #be #ipod .text { width:450px; } #be #ipod .thumbs { left:473px; } #chf #quality .slideshow_shared_content { width: 405px; padding:30px 0 0 25px; } #chf #quality .slideshow_menu { bottom:20px; } #chf #watch .text { width:350px; } #chf #ipod .item_body { padding:30px 40px 30px 473px; } #chf #ipod .text { width:450px; } #chf #ipod .thumbs { left:472px;} #pl #watch .item_m { height:540px; } #pl #ipod .item_m { height:540px; } #gr #ipod .item_m { height:534px; } #it #listen .text { width:355px; } #it #listen .slideshow { height:520px; } #it #listen .item_m { height:549px; } #chi #listen .text { width:355px; } #chi #listen .slideshow { height:520px; } #chi #listen .item_m { height:549px; } #de #watch .text { width:360px; } #chd #watch .text { width:360px; } #at #watch .text { width:360px; } #gr #watch .text { width:334px; } #de #ipod .text { width:400px; } #chd #ipod .text { width:400px; } #at #ipod .text { width:400px; } #gr #ipod .text { width:430px; } #de #listen .item_m { height:550px; } #chd #listen .item_m { height:550px; } #at #listen .item_m { height:550px; } #fr #listen .item_m { height:550px; } #be #listen .item_m { height:550px; } #chf #listen .item_m { height:550px; } #nl #listen .item_m { height:550px; } #gr #listen .item_m { height:590px; } #de #listen .slideshow { height:515px; } #chd #listen .slideshow { height:515px; } #at #listen .slideshow { height:515px; } #fr #listen .slideshow { height:510px; } #be #listen .slideshow { height:510px; } #chf #listen .slideshow { height:510px; } #nl #listen .slideshow { height:500px; } #gr #listen .slideshow { height:560px; } #gr #ipod .item_body { padding:30px 40px 30px 496px; } #gr #ipod .thumbs { left:495px; } /*#gr .slideshow_shared_content { padding:27px 0 0 28px; }*/ #gr #quality .slideshow_menu { bottom:28px; left:29px; } #es #quality .slideshow_shared_content { width:390px; } #es #listen .slideshow { height:531px; } #es #listen .item_m { height:566px; } /*#es .slideshow_shared_content { padding:15px 0 0 17px; }*/ #es #quality .slideshow_menu { bottom:25px; } #es .menu li { margin:0 0 0 20px; } #ru #quality .slideshow_shared_content { width:410px; padding:15px 0 0 15px; } #ru #intro .slideshow_shared_content { padding:36px 0 0 67px; } #ru #quality .slideshow_menu { bottom:8px; left:17px; } #ru #listen .item_m { height:585px; } #ru #listen .slideshow { height:560px; } #ru #watch .text { width:370px; } #ru #ipod .text { width:465px; } #ru #ipod .item_body { padding:14px 40px 30px 472px; } #ru #ipod .text { width:456px; } #ru #ipod .thumbs { left:473px; } /* reviews */ #fr #research .text { width:334px; } #be #research .text { width:334px; } #chf #research .text { width:334px; } #chd #research .text { width:330px; } #de #research .text { width:330px; } #at #research .text { width:330px; } #nl #research .text { width:330px; } #gr #research .text { width:350px; } #es #research .slideshow_menu { bottom:0; } #gr #research .slideshow_menu { left: -355px; bottom: 0px; } /* connect */ #be #gui .text { min-height:290px; } #fr #gui .text { min-height:290px; } #chf #gui .text { min-height:290px; } /* products */ #ru .tab_menu li li { /*width: 108px;*/ width: 95px; } #ru .tab_menu a { width: 90px; } #ru .tab_menu a b { width: 85px; } #ru .tab_menu a b.line2 { height: 32px; padding-top: 9px; line-height: 13px; } #ru .tab_menu a b.line2 .small { font-size: 10px; font-style: normal; } #ru .tab_menu a b.line2 { height: 32px; padding-top: 9px; line-height: 13px; } #ru .tab_menu a b.line2 .small { font-size: 10px; font-style: normal; } #be .menu li { margin:0 0 0 26px; } #chd .menu li { margin:0 0 0 26px; } #chi .menu li { margin:0 0 0 20px; } #it .menu li { margin:0 0 0 20px; } #pl .menu li { margin:0 0 0 15px; } #ru .menu li { margin:0 0 0 17px; } #fr .menu li { margin:0 0 0 26px; } #chf .menu li { margin:0 0 0 26px; } #fi .menu li { margin:0 0 0 17px; } /* solutions */ #gr #solutions #combo_tabs li .title { padding: 20px 60px 0 52px; } #es #solutions #combo_tabs li .title { padding: 20px 65px 0 45px; } #es #solutions #combo_tabs li .subtitle { padding: 5px 60px 0 45px; } #es #solutions #combo_tabs li .title { font-size:15px; } #chi #solutions #combo_tabs li .subtitle { padding: 10px 70px 0 52px; } #it #solutions #combo_tabs li .subtitle { padding: 10px 70px 0 52px; } #dk #solutions #combo_tabs li .subtitle { padding: 5px 70px 0 52px; } #sk #solutions #combo_tabs li .subtitle { padding: 5px 60px 0 52px; } #be #solutions #combo_tabs li .subtitle { padding: 5px 70px 0 52px; } #fr #solutions #combo_tabs li .subtitle { padding: 5px 70px 0 52px; } #chf #solutions #combo_tabs li .subtitle { padding: 5px 70px 0 52px; } #cz #solutions #combo_tabs li .subtitle { padding: 5px 70px 0 52px; } #gr #solutions #combo_tabs li .subtitle { padding: 5px 70px 0 47px; } #gr #solutions #combo_tabs li .title { font-size:15px; padding:20px 60px 0 47px; } #pl #solutions #combo_tabs li .title { font-size:15px; padding:20px 80px 0 45px; } #pl #solutions #combo_tabs li .subtitle { padding:5px 70px 0 45px; } #pt #solutions #combo_tabs li .title { font-size:15px; padding:20px 80px 0 45px; } #pt #solutions #combo_tabs li .subtitle { padding:5px 70px 0 45px; } #ru #solutions #combo_tabs li .title { padding: 20px 65px 0 45px; } #ru #solutions #combo_tabs li .subtitle { padding: 5px 60px 0 45px; } /*EXTRA STYLES FOR NEW AV-RECEIVERS*/ .reasons-p { width: 250px; height: 30px; padding-left: 50px; padding-top: 11px; cursor:pointer; } .reasons-p:hover a { text-decoration:underline; } .review { margin-bottom:15px; } .review-bottom { background: url(/images/av-receiver/reviews-block-bottom.png) no-repeat; height:19px; } .review-top { background: url(/images/av-receiver/reviews-block-top.png) no-repeat; height:19px; } .review-txt { background-color: #fff; border-left: 1px solid rgb(228, 227, 227); border-right: 1px solid rgb(228, 227, 227); padding:10px; width:392px; } .review-bottom { background: url(/images/av-receiver/reviews-block-bottom.png) no-repeat; height:20px; } div.linkdiv:hover { cursor:pointer; } div.linkdiv { float: left; margin-right: 12px; margin-bottom: 12px; } div.av-right-block { float:left; width:600px; } .small-box-top { background:url(/images/av-receiver/small-block-top.png) no-repeat; height: 20px; width: 280px; } .small-box-txt { background:#fff; border-left: 1px solid rgb(228, 227, 227); border-right: 1px solid rgb(228, 227, 227); padding: 0pt 20px; height: 125px; width: 237px; /width: 238px; } .small-box-bottom { background:url(/images/av-receiver/small-block-bottom.png) no-repeat; height: 20px; width: 280px; } .play-txt { border-left: 1px solid rgb(228, 227, 227); border-right: 1px solid rgb(228, 227, 227); background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 0pt 20px; height: 302px; /width: 238px; } div.linkdiv h2,p { margin-bottom: 10px; padding: 0; } div.linkdiv:hover h2 { color:#B91440; margin-bottom: 10px; padding: 0; } div.linkdiv:hover a.lnk_next { text-decoration: underline; }