/*@import url(../css/defaultblack.css);*/ @import url(overlay.css); /* general */ body { background:#E6E6E6; } #content { clear:both; width:940px; margin:0 0 1em; padding:46px 20px 0; background:#fff url(../images/content_bg.gif) no-repeat 0 0; } #content .cap.bottom { position:relative; width:980px; height:60px; top:4px; _top:40px; margin:0 -20px; padding-top:0px; background:url(../images/footer.jpg) no-repeat left bottom; } body.warranties #content, body.showcase #content, body.roofcheck #content, body.services #content, body.products #content { clear:both; width:940px; margin:0 0 2.9em; padding:0px 20px 0; background:#FFF; min-height:500px; } body.roofcheck #content, body.services #content { clear:both; width:920px; margin:0px; padding:0px 30px 0 30px; background:#FFF; min-height:500px; } body.products #content, body.roofcheck #content, body.showcase #content { margin-bottom: 0px; } body.products .cap.bottom, body.roofcheck .cap.bottom, body.showcase .cap.bottom, body.services .cap.bottom { position:relative; width:980px; height:60px; margin:0px; padding-top:0px; background:url(../images/footer.jpg) no-repeat left bottom; } #content.plain { background:#fff; padding-top:0; } body.overview #content.plain { padding-top:1.5em; } body.products #hero { height:10px; padding-bottom:0px; } /* grid */ .column { display:inline; } .grid2colc .column.first.sidebar { width:232px; margin-left:-6px !important; } .grid2colc .column.last { width:695px; } .grid2cola .column.first { width:601px; } .grid2cola .grid2col .column { width:46%; } .grid2cola .grid2col .grid2col .column { margin-left:0; } .grid2cola .column.last.sidebar { width:296px; } .grid2colc .grid2col .column { width:332px; } .grid2colc .grid3col .column { width:195px; margin-right:26px; _margin-right:2px; margin-left:16px; } .grid2col .column.first, .grid3col .column.first { margin-left:0 !important; } /***** header, localnav, hero *****/ #main #localnav { width:980px; margin:0; padding:1em 0 0; margin-top:30px; *margin-top:30px; _margin-top:30px; } #main #localnav h1 { float:left; width:154px; height:29px; margin:0 0 2px 14px; _display:inline; } #main #localnav h1 a { display:block; width:154px; height:29px; text-indent:-99999px; background:url(../images/headertxt.html) no-repeat 0 0; position:relative; outline:none; cursor:pointer; } body#index #main #localnav h1 a { cursor:default; } #main #localnav a.buynow { float:right; margin:8px 5px 2px; } /* nav lists */ #main #localnav ul { float:right; margin:9px 0 0; padding:0 0 1.17em; height:18px; } #main #localnav ul li { display:inline; margin-right:1.2em; } #main #localnav ul li a { padding-bottom:16px; text-decoration:none; font-size:12px; color:#999; outline:none; } #main #localnav ul li a:hover { color:#51a1c9; } #main #localnav ul.overview { clear:both; float:none; padding:1em 5px 0ox; margin:0; _margin-bottom:-1px; text-align:right; background:#fff url(../images/content_bgtop-greybg.gif) no-repeat 0 0; position:relative; } #main #localnav ul.overview li { display:none; } #main #localnav ul.overview li a { padding-bottom:0; } #main #localnav ul.overview li a:hover { color:#08c; } body.overview #main #localnav ul.overview li { display:inline; } body.overview #main #localnav li#ln-overview a { color:#3399FF; background:url(../images/localnav_arrow_up.png) no-repeat 50% 100%; position:relative; } /* warranty table*/ #content #configurations h3 { padding:0 0 5px; border-width:0 0 1px; } #content #configurations .cap { width:884px; height:5px; background:no-repeat 0 0; margin:auto; } #content #configurations .cap.top { position:absolute; right:48px; width:884px; height:5px; margin-bottom:-5px; background-image:url(../images/specs_configurations_captop.gif); } #content #configurations .cap.bottom { margin-top:-5px; background-image:url(../images/specs_configurations_capbottom.gif); } #content #configurations table { border:1px solid #d7d7d7; border-collapse:separate; width:884px; margin:auto; } #content #configurations table tbody tr th { width:163px; } #content #configurations table tr th, #content #configurations table tr td { vertical-align:top; font-size:11px; line-height:16px; background-color:#fff; padding:10px 12px; border-right:1px solid #fff; border-left:1px solid #eaeaea; } #content #configurations table tbody tr th, #content #configurations table tr th a { font-weight:bold; } #content #configurations table thead tr th a { font-size:12px; color:#000; line-height:17px; } #content #configurations table thead tr th.best { color:#256FBB; font-weight:bold; } #content #configurations table thead tr th.better { color:#003333; font-weight:bold; } #content #configurations table thead tr th.good { color:#990000; font-weight:bold; } #content #configurations table tr th span, #content #configurations table tr td { font-weight:normal; } #content #configurations table tr th.left, #content #configurations table tr td.left { border-left:0; } #content #configurations table tr th.right, #content #configurations table tr td.right { border-right:0; } #content #configurations table thead tr th, #content #configurations table tr.even th, #content #configurations table tr.even td { background-color:#f4f4f4; } #content #options .column { margin-left:25px; width:300px; } #content #options .column.first { width:230px; } #content #options .column.first img { margin:0 0 10px 29px; } #content #options ul li { margin-bottom:4px; } #content ol.decimal.sosumi { border-top:1px solid #c9c9c9; padding:40px 15px 0 35px; color:#000; } #content ol.decimal.sosumi li { margin-bottom:5px; } /*product tables*/ #content #bestchart h3 { padding:0 0 5px; border-width:0 0 1px; } #content #bestchart table { border:1px solid #d7d7d7; border-collapse:separate; width:700px; margin:auto; } #content #bestchart table tbody tr th { width:163px; } #content #bestchart table tr th, #content #bestchart table tr td { vertical-align:top; font-size:11px; line-height:16px; background-color:#fff; padding:10px 12px; border-right:1px solid #fff; border-left:1px solid #eaeaea; } #content #bestchart table tbody tr th, #content #bestchart table tr th a { font-weight:bold; } #content #bestchart table thead tr th a { font-size:12px; color:#000; line-height:17px; } #content #bestchart table tr th span, #content #bestchart table tr td { font-weight:normal; } #content #bestchart table tr th.left, #content #bestchart table tr td.left { border-left:0; } #content #bestchart table tr th.right, #content #bestchart table tr td.right { border-right:0; } #content #bestchart table thead tr th, #content #bestchart table tr.even th, #content #bestchart table tr.even td { background-color:#f4f4f4; } #content #bestchart table tbody tr:hover { cursor:pointer; } #content #bestchart table thead tr th { height:30px; line-height:1.5em; padding:8px 0 0 10px; } #content #bestchart table thead tr th { background:#256FBB; color:#FFF; border:0px; } #content #bestchart table thead tr th h3 { color:#FFF } #content #betterchart h3 { padding:0 0 5px; border-width:0 0 1px; } #content #betterchart table { border:1px solid #d7d7d7; border-collapse:separate; width:700px; margin:auto; } #content #betterchart table tbody tr th { width:163px; } #content #betterchart table tr th, #content #betterchart table tr td { vertical-align:top; font-size:11px; line-height:16px; background-color:#fff; padding:10px 12px; border-right:1px solid #fff; border-left:1px solid #eaeaea; } #content #betterchart table tbody tr th, #content #betterchart table tr th a { font-weight:bold; } #content #betterchart table thead tr th a { font-size:12px; color:#000; line-height:15px; } #content #betterchart table tr th span, #content #betterchart table tr td { font-weight:normal; } #content #betterchart table tr th.left, #content #betterchart table tr td.left { border-left:0; } #content #betterchart table tr th.right, #content #betterchart table tr td.right { border-right:0; } #content #betterchart table thead tr th, #content #betterchart table tr.even th, #content #betterchart table tr.even td { background-color:#f4f4f4; } #content #betterchart table tbody tr:hover { cursor:pointer; } #content #betterchart table thead tr th { height:30px; line-height:1.5em; padding:8px 0 0 10px; } #content #betterchart table thead tr th { background:#003333; color:#FFF; border:0px; } #content #betterchart table thead tr th h3 { color:#FFF } #content #goodchart h3 { padding:0 0 5px; border-width:0 0 1px; } #content #goodchart table { border:1px solid #d7d7d7; border-collapse:separate; width:700px; margin:auto; } #content #goodchart table tbody tr th { width:163px; } #content #goodchart table tr th, #content #goodchart table tr td { vertical-align:top; font-size:11px; line-height:16px; background-color:#fff; padding:10px 12px; border-right:1px solid #fff; border-left:1px solid #eaeaea; } #content #goodchart table tbody tr th, #content #goodchart table tr th a { font-weight:bold; } #content #goodchart table thead tr th a { font-size:12px; color:#000; line-height:17px; } #content #goodchart table tr th span, #content #goodchart table tr td { font-weight:normal; } #content #goodchart table tr th.left, #content #goodchart table tr td.left { border-left:0; } #content #goodchart table tr th.right, #content #goodchart table tr td.right { border-right:0; } #content #goodchart table thead tr th, #content #goodchart table tr.even th, #content #goodchart table tr.even td { background-color:#f4f4f4; } #content #goodchart table thead tr th { height:30px; line-height:1.5em; padding:8px 0 0 10px; } #content #goodchart table thead tr th { background:#990000; color:#FFF; border:0px; } #content #goodchart table thead tr th h3 { color:#FFF } /* hero */ #main #hero { height:272px; clear:both; position:relative; margin:0; margin-top:0px; padding:0px 0 2.6em; background:#FFF; } body.services #main #hero { background:url(../images/headers/sonic.html) no-repeat 0 0;} body.warranties #main #hero { background:url(../images/content_bg_captop20080429.html) no-repeat 0 0; } body.services #main #hero { height:100px; margin-top:50px; background:#FFF url(../images/content_bg_captop20080429.gif) no-repeat 0 0; } body.showcase #main #hero, body.products #main #hero { height:20px; margin-top:50px; background:#FFF url(../images/captop_greybg.png) no-repeat 0 0; padding-bottom:15px; } #main #hero img.across { display:block; margin:0 auto -30px; } #main #hero h2 { margin:0; text-align:center; } /***** main, content *****/ body, #content { color:#555; } #main h1 { font-weight:normal; color:#333; margin-bottom:.5em; } #main h1 span { color:#666; } #main h2 { font-size:18px; color:#111; margin:0 0 .8em; } #main h3 { font-size:14px; margin-bottom:.2em; } #main h4, #main strong, #main p.intro { color:#333; } #main h3 { color:#0099FF; } #main h1 a, #main h2 a, #main h3 a, #main h4 a { text-decoration:none; } #main div.center { text-align:center; } #main span.nowrap { white-space:nowrap; } #main hr { height:1px; font-size:1px; margin:18px 0 0; color:#ccc; background:none; border:none; border-top:1px solid #ccc; } #main img.left.icon { margin-bottom:5px; margin-right:10px; } #main img.right.icon { margin-bottom:5px; margin-left:10px; } #main img.centered { display:block; margin-left:auto; margin-right:auto; } body#thankyou #main div.button { background:url(../images/buttontop.gif) no-repeat 0 0; width:300px; margin-bottom:36px; height:20px; zoom:1; } body#thankyou #main div.button .bottomcap { background:url(../images/buttonbottom.gif) no-repeat 0 100%; height:12px; margin-bottom:20px; } body#thankyou #main div.button p { margin:0; display:block; position:relative; top:5px; left:12px; background:url(../images/arrow.gif) no-repeat 93% 0; } body#thankyou #main div.button a { text-decoration:none; padding-bottom:5px; } /* links */ #main a { color:#000; text-decoration:underline; _height:.5em; } #main a:hover { color:#08c; } #main a.arrow, #main #contentfooter i.arrow { font-style:normal; padding-right:10px; text-decoration:none; background:url(../images/arrowblackblue.gif) no-repeat right 3px; zoom:1; *background-position:right 5px; } #main a.arrow:hover { background-position:right -97px; *background-position:right -95px; } #main a.arrow.circle { padding-right:20px; text-decoration:none; background:url(../images/arrow_circle.gif) no-repeat 100% .1em; } #main a.arrow.circle:hover { background-position:100% .1em; } /* sidebox */ #main div.sidebox { overflow:hidden; clear:both; font-size:11px; line-height:1.8em; margin:0 0 2em; padding:0; position:relative; width:194px; } #main div.sidebox .cap { font-size:1px; margin:0; position: inherit; } #main div.sidebox .cap.top { background:transparent url(../images/sidebox_bgtop.png) no-repeat scroll left top; behavior:url(../global/scripts/lib/iepngfix.html); height:5px; margin-bottom:-5px; } #main div.sidebox .cap.bottom { background:transparent url(../images/sidebox_bgbottom.png) no-repeat scroll left bottom; behavior:url(../global/scripts/lib/iepngfix.html); height:7px; margin-top:-1px; clear: both} #main div.sidebox .grid4col .column { background: #FFFFFF url(../images/sidebox_bgstrip.gif) repeat-x scroll left top; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; margin:4px 0 0 0; padding:1.1em 16px 7px; width:160px; } #main div.sidebox h3 { color:#000; font-size: 13px;} #main div.sidebox p { line-height:1.3em; margin-bottom:5px; width:170px; color:#76797c; } /* swapper & noscript */ #main .noscript.backtotop { margin-top:1.6em; text-align:right; } body.logicpro #main .swapcontainer { min-height:59.2em; _height:59.2em; } body.mainstage #main .swapcontainer { min-height:45em; _height:45em; } body.soundtrackpro #main .swapcontainer { min-height:54em; _height:54em; } body.instruments #main .swapcontainer { min-height:57em; _height:57em; } body.effects #main .swapcontainer { min-height:54.7em; _height:54.7em; } body.soundlibrary #main .swapcontainer { min-height:50.6em; _height:50.6em; } /* landing sections */ #main div.landing-features { clear:both; } #main div.landing-features img.left { margin-right:0; } #main div.landing-features img.right { margin:-10px 20px 5px 10px; } #main div.landing-features h3 a { color:#000; } #main div.landing-features h3 a:hover { text-decoration:underline; } #main div.landing-features .column { margin-bottom:1em; } #main div.landing-features p, #main div.landing-features h3 { margin-left:85px; } /* specs and system requirements */ body#specs #main #content .backtoapp { float:right; margin:1em 0 0; } body#specs #main #content .grid2cola { margin-top:3em; } body#specs #main #content, body#specs #main #content .sidebar { font-size:11px; line-height:1.5em; } body#specs #main #content h3, body#specs #main #content .sidebar .box h2, body#systemrequirements #main #content h3 { font-size:12px; line-height:1.5em; } body#specs #main #content .sidebar .box h3 { font-size:11px; margin-top:0.5em; } body#specs #main span.sosumi { padding-bottom:.3em; color:#999; font-size:9px !important; } /***** sidebar *****/ #content .sidebar { margin:-1.4em 0 1em; font-size:12px; background:url(../images/subnav_bg20070828.html) repeat-y 0 0; } #content .grid2cola .sidebar { margin-top:0; background:none; } /* left sub nav */ #main #subnav { position:relative; margin:-5px 0 1em; } #main #subnav ul { margin:0; padding:1.6em 1px 1px; } #main #subnav ul.web { background:#FF0000; } #main #subnav ul li { display:block; margin:-6px 0 0; _margin-top:-7px; padding:0 0 1px; background:url(../images/fn_arrow_grey.gif) no-repeat 180px 50%; } /*#main #subnav ul li.last { background:none; }*/ #main #subnav ul li a { display:block; margin:0; padding:7px 12px 7px; color:#333; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; } #main #subnav ul li a:hover { color:#08c; background:url(../images/fn_arrow_black.gif) no-repeat 180px 50%; } #main #subnav ul li.active { background:none; } #main #subnav ul li.active a { color:#0099FF !important; font-weight:bold; background:url(../images/fn_arrow_blue.gif) no-repeat 180px 50%; cursor:default; } #main #subnav ul li.activeitem { display:block; margin:0; padding:0px 12px 7px 30px; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; background:none; color:#0099FF !important; font-weight:bold; background:url(../images/linkarrow.gif) no-repeat 20px 0; cursor:default; } #main #subnav ul li.subitem a { color:#666; padding:0px 12px 7px 40px; text-decoration:none; } #main #subnav ul li.subitem a:hover { color:#08c; text-decoration:none; background:none; } #main #subnav ul li.subitem { outline:none; position:relative; *margin-bottom:-2px; background:none; background:url(../images/linkarrow.gif) no-repeat 30px 0; cursor:default; } /* specs */ #main p.specs { font-size:11px; padding: 10px 0 15px 12px; } #main p.specs a.arrow.circle { padding-top:1px; padding-right:16px; color:#333; } #main p.specs a.arrow.circle:hover { color:#08c; } /* promos */ #content .sidebar img.across { margin:-.4em 0 1.6em; } /* box */ #content .sidebar div.box { padding:0 16px 1px; margin:0 0 1.6em; color:#666; background:#f3f3f3 url(../images/sidebarbox_bgbottom.gif) no-repeat 0 100%; } #content .sidebar div.box h2 { padding:1em 16px .6em; margin:0 -16px; font-size:14px; background:url(../images/sidebarbox_bgtop.gif) no-repeat 0 0; } /***** footer *****/ /* next/previous links */ #main .pagenav { clear:both; padding-top:2em; font-size:12px; } #main .pagenav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #main .pagenav hr { width:660px; height:1px; margin:.7em 0; color:#eee; background:#eee; border:none; } #main .pagenav div.column { margin-bottom:.1em; } #main .pagenav div.previous { clear:both; text-align:left; } #main .pagenav div.previous a.arrow { color:#666666; padding-left:20px; padding-right:0; background:url(../images/arrow_prev.gif) no-repeat 0 .1em; *background-position:0 .1em; } #main .pagenav div.next { text-align:right; } #main .pagenav div.next a.arrow { color:#666666; padding-right:20px; background:url(../images/arrow_next.gif) no-repeat 100% .1em; *background-position:100% .1em; } #main .pagenav div.previous a.arrow:hover, #main .pagenav div.next a.arrow:hover { color:rgb(0, 136, 204); } /* sosumi */ #main ol.sosumi, #main ul.sosumi, #main p.sosumi { color: #bcbcbc; padding-top:2em; line-height:1.4em; } body.warranties #main ol.sosumi { margin-left:25px; } /* footer */ #main #contentfooter { clear:both; width:980px; margin:0 0 1em; padding:0; color:#999; font-size:11px; line-height:1.5em; position:relative; } #main #contentfooter .cap { height:92px; margin:0; font-size:1px; } #main #contentfooter .cap.top { position:relative; margin-bottom:-76px; background:url(../images/contentfooter_bgtop.gif) no-repeat top left; } #main #contentfooter .cap.bottom { margin-top:-76px; background:url(../images/contentfooter_bgbottom.gif) no-repeat bottom left; } #main #contentfooter .padder { background:url(../images/contentfooter_bg.gif) repeat-y 0 0; } #main #contentfooter.grid4col .column { position:relative; width:205px; margin:0; padding:.3em 20px 0; } #main #contentfooter a.block i { color:#000; } #main #contentfooter a.block br { line-height:0.8em; } #main #contentfooter a.block { display:block; color:#999; text-decoration:none; } #main #contentfooter a.block:hover, #main #contentfooter a.block:hover i.arrow { color:#08c; } #main #contentfooter a.block:hover i.arrow { background-position:right -97px; *background-position:right -95px; } #main #contentfooter a.block strong { display:block; } #main #contentfooter a.block span { display:block; margin:.2em 0 .6em; } #main #contentfooter a.block img { *position:relative; } #main #contentfooter a.block img.center { display:block; margin-right:auto; margin-left:auto; } #main #contentfooter a.block img.flushbottom { margin-bottom:1px; } #main #contentfooter #cf-wwdc { padding-top:0; } #main #contentfooter #cf-wwdc a.block img { position:relative; margin:-16px -50px 0 -10px; } #main #contentfooter #cf-buynow img.right { margin:0 -5px -30px -30px; } #main #contentfooter #cf-buynow img.button { margin:1.5em 0; display:block; } #main #contentfooter #cf-buynow p.flushbottom { margin-top: 8px; margin-bottom: 4px; } #main #contentfooter #cf-buynow ul, #main #contentfooter #cf-buynow ul li { margin:0; padding:0 0 1px; position:relative; } #main #contentfooter #cf-buynow ul li.reseller { margin-top:-.2em; } #main #contentfooter #cf-buynow ul li.call, #main #contentfooter #cf-buynow ul li.reseller { padding-bottom:.6em; } #main #contentfooter #cf-index { display:none; } body#index #main #contentfooter #cf-mainstage { display:none; } body#index #main #contentfooter #cf-index { display:block; } /* global footer */ #globalfooter.gf-980 { color:#aaa; } #globalfooter.gf-980 .gf-sosumi { border-color:#CCC; } #globalfooter.gf-980 .gf-buy a, #globalfooter.gf-980 .gf-links a, #globalfooter.gf-980 .gf-sosumi a { color:#999; } #globalfooter.gf-980 .gf-buy a:hover, #globalfooter.gf-980 .gf-links a:hover, #globalfooter.gf-980 .gf-sosumi a:hover { color:#AAA; text-decoration:none; } #globalfooter #directorynav a { color:#aaa; } #globalfooter #directorynav h3 { color:#ccc; } #globalfooter #breadcrumbs, #globalfooter #breadcrumbs a { color:#ccc; text-shadow:none; } #globalfooter #breadcrumbs a:hover { color:#fff; } #globalfooter #breadcrumbs { background-image:url(../images/globalfooter_breadcrumb_bg_apple.gif); } #globalfooter #breadcrumbs span { background-image:url(../../images.apple.com/logicstudio/images/globalfooter_breadcrumb_sep20070828.html); } #globalfooter #directorynav { background-image:url(../../images.apple.com/logicstudio/images/globalfooter_directory_bg20070828.html); border-color:#7a7a7a; } #globalfooter #directorynav .column.first { background:none; } #globalfooter #directorynav { background-image:url(../../images.apple.com/logicstudio/images/globalfooter_directory_bg20070828.html); border-color:#7a7a7a; } #globalfooter #directorynav .capbottom { background-image:url(../../images.apple.com/logicstudio/images/globalfooter_directory_capbg20070828.html); } /***** overlay triggers, overlays *****/ /* gallerybox */ #main .watchvideotour a.overlaymovielink { display:block; width:146px; height:21px; margin:-1em 0 2em; text-indent:-9999px; background:url(../images/btn_viewshowcase.png) no-repeat top left; outline:none; } #main .watchvideotour a.overlaymovielink:hover { background-position:bottom left; } #main .gallerybox { width:316px; padding:9px 12px 1px; margin-bottom:1.6em; background:url(../images/popup_gallerybox_bottom.gif) no-repeat 0 100%; } #main .gallerybox.right { float:right; margin-left:20px; } #main .gallerybox .topcap { height:5px; margin:-9px -12px 5px; background:url(../images/popup_gallerybox_top.gif) no-repeat 0 100%; font-size:1px; } #main .gallerybox hr { clear:both; width:332px; height:0; padding:0; margin:0 0 14px -12px; border:none; border-bottom:1px solid #fff; border-top:1px solid #ddd; *height:2px; *margin-top:-5px; *margin-bottom:-30px; } #main .gallerybox .watchvideo, #main .gallerybox .listen { margin:0 5px 14px; } #main .gallerybox .overlayposter, #main .watchvideotour .overlayposter, #main .gallerybox .overlaydescription, #main .watchvideotour .overlaydescription { display:none; } #main .gallerybox.listenvr h3 { margin:12px 20px 0 93px; } #main .gallerybox.listenvr p { margin:0 20px 0 93px; font-size:10px; line-height:1.5em; } #main .gallerybox.listenvr ul { margin:0; padding:6px 36px 16px; } #main .gallerybox.listenvr ul li.vritem { padding:2px 20px; background:url(../images/popupnav_play.gif) no-repeat 0 50%; } #main .gallerybox.listenvr ul li.vritem a { color:#585858; text-decoration:none; } #main .gallerybox.listenvr ul li.vritem a:hover { color:#08c; } #main .gallerybox.listenvr span.icon { margin-top:6px; margin-right:10px; } #main .gallerybox ul.popupnav { margin:14px 5px 0; *margin-top:10px; _padding-bottom:1px; } #main .gallerybox ul.popupnav:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #main .gallerybox ul.popupnav li { display:inline; } #main .gallerybox ul.popupnav li a, #main .gallerybox span.icon { display:block; float:left; width:65px; height:48px; padding:5px 6px 7px; margin:0 20px 10px 5px; background:url(../images/popupnav_thumb.gif) no-repeat 0 0; } #main .gallerybox ul.popupnav li.enlarge { clear:both; display:block; float:left; width:17px; height:17px; margin:-76px 0 0 0; _margin-left:3px; background:url(../images/popupnav_enlarge.png) no-repeat 0 0; font-size:1px; behavior:url(../global/scripts/lib/iepngfix.html); } /* galbox700 */ body.showcase #main .watchvideotour a.overlaymovielink { display:block; width:146px; height:21px; margin:-1em 0 2em; text-indent:-9999px; background:url(../images/btn_watchquicktour.gif) no-repeat top left; outline:none; } body.showcase #main .watchvideotour a.overlaymovielink:hover { background-position:bottom left; } body.showcase #main .gallerybox { width:631px; padding:9px 12px 1px; margin-bottom:1.6em; background:url(../images/galbox_bottom631.png) no-repeat 0 100%; } body.showcase #main .gallerybox.right { float:right; margin-left:20px; } body.showcase #main .gallerybox .topcap { height:5px; margin:-9px -12px 5px; background:url(../images/galbox_top631.png) no-repeat 0 100%; font-size:1px; } body.showcase #main .gallerybox hr { clear:both; width:631px; height:0; padding:0; margin:0 0 14px -12px; border:none; border-bottom:1px solid #fff; border-top:1px solid #ddd; *height:2px; *margin-top:-5px; *margin-bottom:-30px; } body.showcase #main .gallerybox .watchvideo, body.showcase #main .gallerybox .listen { margin:0 5px 14px; } body.showcase #main .gallerybox .overlayposter, #main .watchvideotour .overlayposter, body.showcase #main .gallerybox .overlaydescription, #main .watchvideotour .overlaydescription { display:none; } body.showcase #main .gallerybox.listenvr h3 { margin:12px 20px 0 93px; } body.showcase #main .gallerybox.listenvr p { margin:0 20px 0 93px; font-size:10px; line-height:1.5em; } body.showcase #main .gallerybox.listenvr ul { margin:0; padding:6px 36px 16px; } body.showcase #main .gallerybox.listenvr ul li.vritem { padding:2px 20px; background:url(../images/popupnav_play.gif) no-repeat 0 50%; } body.showcase #main .gallerybox.listenvr ul li.vritem a { color:#585858; text-decoration:none; } body.showcase #main .gallerybox.listenvr ul li.vritem a:hover { color:#08c; } body.showcase #main .gallerybox.listenvr span.icon { margin-top:6px; margin-right:10px; } body.showcase #main .gallerybox ul.popupnav { margin:14px 5px 0; *margin-top:10px; _padding-bottom:1px; } body.showcase #main .gallerybox ul.popupnav:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } body.showcase #main .gallerybox ul.popupnav li { display:inline; } body.showcase #main .gallerybox ul.popupnav li a, #main .gallerybox span.icon { display:block; float:left; width:65px; height:48px; padding:5px 6px 7px; margin:0 20px 10px 5px; background:url(../images/popupnav_thumb.gif) no-repeat 0 0; } body.showcase #main .gallerybox ul.popupnav li.enlarge { clear:both; display:block; float:left; width:17px; height:17px; margin:-76px 0 0 0; _margin-left:3px; background:url(../images/popupnav_enlarge.png) no-repeat 0 0; font-size:1px; behavior:url(../global/scripts/lib/iepngfix.html); } /* overlay */ .overlay#ACOverlayAudioVrGallery .overlaydescription { height:320px; overflow:visible; } .overlay#ACOverlayAudio .overlaydescription ul, .overlay#ACOverlayAudioVrGallery .overlaydescription ul { margin-top:-.8em; padding-bottom:1.6em; } .overlay#ACOverlayAudio .overlaydescription ul li, .overlay#ACOverlayAudioVrGallery .overlaydescription ul li { min-height:3.2em; *min-height:0; } .overlay#ACOverlayAudio .overlaydescription a.overlayaudiolink, .overlay#ACOverlayAudioVrGallery .overlaydescription a.overlayaudiolink { display:block; text-decoration:none; color:#555; cursor:default; } .overlay#ACOverlayAudioVrGallery .overlaydescription a.overlayaudiolink { margin-top:1em; } .overlay#ACOverlayAudioVrGallery .overlaydescription p.sosumi { position:absolute; bottom:0; line-height:1.4em; } .overlay#ACOverlayMovie .overlaymovie, .overlay#ACOverlayMovieGallery .overlaymovie { width:640px; height:400px; padding-top:15px; margin-left:245px; } .overlay#ACOverlayMovie .overlaycontroller, .overlay#ACOverlayMovieGallery .overlaycontroller { margin:10px 0 0 245px; } /* movie gallery links */ .overlay.tour .links a { color:#000; height:25px; line-height:25px; } .overlay.tour .links a:hover { color:#08c; text-decoration:none; } .overlay.tour .links a.previous { background:url(../images/popup_arrowprev.gif) no-repeat 0 0; } .overlay.tour .links a.previous:hover { background-position:0 0; } .overlay.tour .links a.next { background:url(../images/popup_arrownext.gif) no-repeat 100% 0; } .overlay.tour .links a.next:hover { background-position: 100% 0; } /***** print *****/ @media print { body, #main, #content { color:#000; background:#fff; } #main #localnav { border-bottom:1px solid #ccc; } #main #localnav h1, #main #localnav h1 a { width:auto; height:auto; text-indent:0; color:#000; background:#fff; } #main #localnav ul, #main #localnav a.buynow { display:none; } #main #hero, #content.plain { margin-top:0em; } .column.sidebar { display:none; } .column.content { width:100% !important; } .grid2colc .grid2col .column { width:46%; } .grid2colc .grid3col .column { width:30%; } #main .gallerybox, #main .watchvideotour, #main a.arrow, #main .pagenav, body#specs #main #content .backtoapp { display:none; } }