@import url(overlay.css);

/* general, grid */
body { background:#fff url("../img/bg.png") repeat-x 0 0; }

#content { clear:both; width:938px; margin:0 0 1.6em; padding:0 20px; border:1px solid #dbdddd; border-width:0 1px; background:#fff url(../img/content_bg.gif) repeat-x bottom left; }
#content .cap { height:4px; position:relative; z-index:10; margin:0 -21px; _margin-right:-22px; font-size:1px; }
#content .cap.top { margin-bottom:15px; background:url(../img/content_bgtop.gif) no-repeat 0 0; }
#content .cap.top2 { margin-bottom:15px; background:url(../img/content_bgtop2.gif) no-repeat 0 0; }
#content .cap.topdark { margin-bottom:30px; background:url(../img/content_bgtop_dark.gif) no-repeat 0 0; }
#content .cap.bottom { top:4px; background:url(../img/content_bgbottom.gif) no-repeat 0 100%; }

/* 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 */
#main #localnav { width:980px; margin:0; padding:1em 0 0; *margin-top:-17px; _margin-top:-13px; }

#main #localnav h1 { float:left; width:167px; height:29px; margin:1px 0 1px 14px; _display:inline; }
#main #localnav h1 a { display:block; width:167px; height:29px; text-indent:-99999px; position:relative; outline:none; cursor:pointer;}
body#index #main #localnav h1 a { cursor:default; }

#main #localnav a.buynow { float:right; margin:7px 5px 3px; }

/* 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:#666; outline:none; }
#main #localnav ul li a:hover { color:#51a1c9; }

body.specs #main #localnav ul li#ln-specs a,
body.overview #main #localnav ul li#ln-overview a,
body.resources #main #localnav ul li#ln-resources a,
body.spotlight #main #localnav ul li#ln-spotlight a { color:#000; cursor:default; }

/* hero */
#main #hero { clear:both; }
#main #hero img { display:block; }


/* main, content */
body, #content { color:#555; }

#main h1 { font-weight:normal; color:#333; margin-bottom:.5em; }
#main h1 span { color:#004D91; }
#main h2 { font-size:18px; color:#004D91; margin:0 0 .8em; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h3,
#main h4,
#main strong,
#main p.intro { color:#004D91; }

#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; }

/* links */
#main a { color:#004D91; text-decoration:none; _height:.5em; }
#main a:hover { color:#08c; text-decoration:underline; }

#main a.arrow { padding-right:10px; text-decoration:none; background:url("../img/arrow.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(../img/arrow_circle.gif) no-repeat 100% .1em; }
#main a.arrow.circle:hover { background-position:100% .1em; }

/* swapper & noscript */
#main .noscript.backtotop { margin-top:1.6em; text-align:right; }

#main .swapcontainer { min-height:54em; padding-bottom:2em; _height:59em; }

/* 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 */
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#specs #main #content h3 { font-size:12px; line-height:1.5em; }
body#specs #main #content .sidebar .box h3 { font-size:11px; margin-top:0.5em; }


/* subnav */
#content .sidebar { margin:-1.4em 0 1em; font-size:12px; background:url("../img/sidebarbg.gif") 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 li { display:block; margin:-7px 0 0; _margin-top:-7px; padding:0 0 1px; background:url(../img/subnav_bgitem.gif) no-repeat 0 100%; }
#main #subnav ul li.last { background:none; }
#main #subnav ul li a { display:block; margin:0; padding:7px 12px 7px; color:#444; text-decoration:none; outline:none; position:relative; *margin-bottom:-2px; }
#main #subnav ul li a:hover { color:#08c; }

#main #subnav ul li.active { background:none; }
#main #subnav ul li.active a {background:url("../img/subnav_bgitem_active.png") no-repeat 0 50%; cursor:default; font-weight: bold; color: #004D91;}

/* 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("../img/sidebarbox_bgbottom.gif") no-repeat 0 100%; }
#content .sidebar div.box h2 { padding:1em 16px .6em; margin:0 -16px; font-size:14px; background:url("../img/sidebarbox_bgtop.gif") no-repeat 0 0; }


/* next/previous links */
#main .pagenav { clear:both; padding-top:2em; font-size:14px; }
#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 { padding-left:20px; padding-right:0; background:url("../img/pagenav_arrowleft.gif") no-repeat 0 .2em; *background-position:0 .1em; }
#main .pagenav div.next { text-align:right; }
#main .pagenav div.next a.arrow { padding-right:20px; background:url("../img/pagenav_arrowright.gif") no-repeat 100% .2em; *background-position:100% .1em; }

/* sosumi */
#main ol.sosumi, #main ul.sosumi, #main p.sosumi { padding-top:2em; line-height:1.4em; }

/* footer */
#main #contentfooter { clear:both; width:980px; margin:0 0 1em; padding:0; color:#999; font-size:12px; 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("../img/contentfooter_bg.png") no-repeat top left; }
#main #contentfooter .cap.bottom { margin-top:-76px; background:url("../img/contentfooter_bg.png") no-repeat bottom left; }
#main #contentfooter .padder { background:url("../img/contentfooter_bg.png") no-repeat center left; }

#main #contentfooter.grid3col .column { position:relative; width:285px; margin:0; padding:.3em 20px 0; }

#main #contentfooter a.block { display:block; color:#999; text-decoration:none; }
#main #contentfooter a.block:hover { color:#08c; }
#main #contentfooter a.block strong { display:block; }


#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 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; }


/* gallerybox */
#main .gallerybox { width:316px; padding:9px 12px 1px; margin-bottom:1.6em; background:url("../img/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("../img/popup_gallerybox_top.gif") no-repeat 0 100%; font-size:1px; }

#main .grid3col .gallerybox { width:194px; background-image:url("../img/popup_gallerybox_bottom3col.gif"); }
#main .grid3col .gallerybox .topcap { background-image:url("../img/popup_gallerybox_top3col.gif"); }

#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("../img/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("../img/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("../img/popupnav_enlarge.png") no-repeat 0 0; font-size:1px; behavior:url(iepngfix.htc); }

/* overlay */
.overlay#ACOverlayAudioVrGallery .overlaydescription { height:320px; }
.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 p.sosumi { position:absolute; bottom:0; line-height:1.4em; }

.overlay#ACOverlayMovie .overlaymovie,
.overlay#ACOverlayMovieGallery .overlaymovie { width:835px; height:650px; padding-top:19px; margin-left:19px; }
.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(http://images.apple.com/logicexpress/images/popup_arrowprev20070910.gif) no-repeat 0 0; }
.overlay.tour .links a.previous:hover { background-position:0 0; }
.overlay.tour .links a.next { background:url(http://images.apple.com/logicexpress/images/popup_arrownext20070910.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:2em; }

	.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; }
}