/* -- Shared styles -- */
html { background-color:#F2F2F2; }
#productheader .replaced {behavior: url( http://images.apple.com/global/scripts/lib/iepngfix.htc); }
#main #content { padding:60px 120px; width:740px; position:relative; }
#main #content dl { position:relative; float:left; width:100%; line-height:1.8em; }
#main #content dt { position:relative; float:left; margin-bottom:12px; color:#888; display:block; width:85px; }
#main #content dd { position:relative; float:left; margin-bottom:12px; width:640px; display:block; }
#main #content dd a { line-height:1.3em; display:block; float:left; position:relative; padding:3px 0; clear:both; }
#main #content dd a em { font-style:normal; font-weight:bold; }


#main #content dd a[href^="http:"] {
line-height:18px;
padding-right:15px;
background:transparent url("../../global/elements/icons/external10x10.gif") no-repeat center right;
}

#main #content dd a[href$='.pdf'] {
line-height:18px;
background: transparent url("../../global/elements/icons/globaliconpdf12x12.gif") no-repeat center right;
padding-right:15px;
float:left;
position:relative;
}

#agreement { display:none; }

/* -- Individual pages / sections -- */

/* Products */

#products-overview #main #content #hero { width:100%; float:left; position:relative; }
#products-overview #main #content #hero h1 { font-size:28px; line-height:1.5em; }
#products-overview #main #content .section { border-top:1px solid #E8E8E8; position:relative; float:left; width:100%; }
#products-overview #main #content .section.clear { margin-top:50px; }
#products-overview #main #content .section li a { width:175px; height:142px; display:block; }
#products-overview #main #content .section li a:hover { background:#fff; text-decoration:none; }
#products-overview #main #content .section li a:hover h4 { text-decoration:underline; }
#products-overview #main #content .section.retail-store { padding-bottom:60px; }
#products-overview #main #content h2 { font-size:24px; color:#333; font-weight:normal; margin:10px 0; }
#products-overview #main #content ul.products { width:740px; }
#products-overview #main #content ul.products li { display:inline-block; float:left; width:185px; text-align:center; margin-left:0px; min-height:162px; _height:162px; }
#products-overview #main #content ul.products li a h4 { color:#000; }
#products-overview #main #content ul.products li a:hover h4 { color:#0088CC; }
#products-overview #main #content ul.products li p { font-size:11px; color:#333; width:175px; margin:0 auto; }
#products-overview #main #content .contact { margin:0; width:100%; }

/* Product page */
.product-page #content #hero,
.product-page #main .product-images,
#main #content .releases-list { float:left; position:relative; width:100%; }
.product-page #content #hero h1 { border-bottom:1px solid #E4E4E4; line-height:1.5em; margin-bottom:30px; font-size:28px; padding-bottom:8px; font-weight:normal; }
.product-page #content #hero .column.first { margin-top:13px; }
.product-page #content #hero .column.last { margin-top:13px; text-align:center; }

.product-page #main .section { border-top: 1px solid #E8E8E8; }
.product-page #main h2 { font-size:24px; line-height:1em; color:#333; font-weight:normal; margin:0 0 -8px; }
.product-page #main h3 { font-size:16px; font-weight:normal; border-bottom:1px solid #E4E4E4; margin-top:30px; margin-bottom:10px; padding-bottom:5px; }
.product-page #main .product-images { float:left; position:relative; width:100%; margin-bottom:20px; }
.product-page #main .product-images h2 { clear:both; font-size:16px; font-weight:normal; border-bottom:1px solid #E4E4E4; margin-top:30px; padding-bottom:5px; }
.product-page #main .product-images ul { margin:40px 0 0 -20px; position:relative; float:left; }
.product-page #main .product-images li { float:left; position:relative; display:block; width:110px; margin-bottom:20px; padding-left:38px; *zoom:1; }
.product-page #main .product-images li h4 { color:#333; font-size:11px; font-weight:normal; margin-top:2px; width:100px; }
.product-page #main .product-images li a { position:relative; _position:inherit; cursor:pointer; text-decoration:none; }
.product-page #main .product-images li a .download-thumb { min-height:103px; _height:103px; position:relative; }
.product-page #main .product-images li a .download-thumb img { position:absolute; bottom:0; }
.product-page #main .product-images li a.more { margin-top:-3px; }
.product-page #main .product-images li a:link em { text-decoration:none; font-style:normal; }
.product-page #main .product-images li a:hover em { text-decoration:underline; }

#main #content .releases-list { float:left; position:relative; width:100%; }
#main #content .releases-list h3 { margin-top:24px; float:left; position:relative; width:100%; }
#main #content .releases-list p { margin-left:11px; padding-top:13px; }
#main #content .releases-list li { width:100%; }

/* releases */
.releases #main #content span.phone,
.releases #main #content span.email,
.release #main #content span.phone,
.release #main #content span.email { margin-left:10px; }
.release #main #content ul { list-style-type:square; margin-left:2em; margin-bottom:18px; }

#main.releases #content #hero { float:left; position:relative; width:100%; }
#main.releases ul.releases { float:left; position:relative; width:100%; }
#main.releases ul.releases li.title { border-bottom:1px solid #E4E4E4; font-size:16px; padding-bottom:5px; margin-bottom:10px; padding-top:18px; clear:both; }

#main.releases #hero h1 { float:left; font-size:28px; line-height:1.5em; }
#main.releases .browser { float:right; margin-top:11px; *margin-top:10px; *height:25px; }
#main.releases .browser p { font-size:11px; color:#333; float:left; line-height:18px; margin-bottom:0; padding:0 5px 0 9px; }
#main.releases select { width:105px; height:auto; float:left; position:relative; margin-top:0; }
#main.releases .rss { margin-top:8px; *margin-top:5px; _margin-top:5px; padding:5px 5px 1px 9px; *padding: 8px 5px 5px 9px; _padding: 8px 5px 5px 9px; margin-left:9px; border-left:1px solid #E4E4E4; float:right; position:relative; }
#main.releases .searchBar { float:right; position:relative; margin-top:7px; border-right: 1px solid #E4E4E4; }
#main.releases .searchBar input[type="text"] { margin:0 10px 1px 0; padding:3px 3px 3px 20px; width:109px; font-size:12px; background:url(../library/images/icon-search.png) 5px 50% no-repeat; border-radius:12px; }

#main.releases ul.releases li.last { padding-bottom:0px; *padding-bottom:0px;}
#main.releases-2008 ul.releases li.last { padding-bottom:500px; *padding-bottom:300px; }

#main.releases .browse-by-year { clear:both; padding:20px 0 0; }
#main.releases .browse-by-year p { float:left; position:relative; padding:0 5px 0 0; margin:0; }

.release h1.title { font-size:24px; color:#010000; text-decoration:none; padding-bottom:21px; margin-bottom:0; }
.release .grid2col h1.title { padding-right:35px; }
.release #content h2.subtitle { padding:0; margin-bottom:14px; }
.release #content p.ref { color:#666; margin-bottom:0; }

.release #main.content #content .grid2col { background:url('../library/images/pr-release-bg.gif') repeat-y; }
.release .column.first { width:540px; padding-right:35px; }
.release .column.first ul { list-style-type:square; margin-left:2em; margin-bottom:18px; }
.release #dn-cola.column.first { border-right:none; }
.release .column.last { width:155px; margin-left:7px; }

.release #main #content #sidebar { position:relative; }
.release #main #content #sidebar h2.subtitle { font-weight:normal; margin-left:18px; margin-bottom:0; color:#000; clear:both; }
.release #main #content #sidebar ul { margin-left:-20px; margin-top:24px; float:left; position:relative; *padding-bottom:21px; }
.release #main #content #sidebar ul.data-summary { margin-top:0; }
.release #main #content #sidebar ul li { display:block; float:left; position:relative; width:110px; padding-left:38px; min-height:100px; _height:100px; margin-bottom:20px; }
.release #main #content #sidebar ul li h4 { color:#333; font-size:11px; font-weight:normal; margin-top:2px; }

.release #main #content #sidebar ul li a:link,
.release #main #content #sidebar ul li a:link em,
.release #main #content #sidebar ul li a:link h4,
.release #main #content #sidebar ul li a:hover h4 { font-size:11px; text-decoration:none; font-style:normal; }
.release #main #content #sidebar ul li a:hover em,
.release #main #content #sidebar ul li a:active em { text-decoration:underline; cursor:pointer; }
.release #main #content #sidebar ul li a.more { margin-top:-3px; }


/* leadership */
#main.leadership-profile { margin-bottom:36px; }
#main.leadership-profile #content { background: #eaebed url(../bios/images/profile_bg20110204.jpg) 0% 100% repeat-x; padding:42px 47px 38px 47px; min-height:578px; width:886px; }
#main.leadership-profile #content .profile-wrapper { background-color:none; background-image: url(../bios/images/profile_wrapper_bg20110204.png); _background-color:#e9ecec; _background-image:none; padding:32px 40px 21px 40px; width:352px; min-height:544px; *height:544px; _height:544px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; position:relative; z-index:5; }
#main.leadership-profile #content .profile-wrapper .profile { opacity:1 !important; position:relative; z-index:100; font-size:14px; line-height:18px; }
#main.leadership-profile #content .profile-wrapper .profile div#bottom-fade { width:333px; height:100px; position:absolute; bottom:0; z-index:100; background: url('http://images.apple.com/pr/bios/images/bottom-fade.png') no-repeat top left; *display:none !important; _display:none; }
#main.leadership-profile #content .profile-wrapper .profile div#top-fade { width:333px; height:100px; position:absolute; top:100px; z-index:100; background: url('http://images.apple.com/pr/bios/images/top-fade.png') no-repeat top left; *display:none !important; _display:none; }
#main.leadership-profile #content .profile-wrapper .profile div.profile-titles { height:100px; position:relative; width:100%; margin-bottom:0.6em; }
#main.leadership-profile #content .profile-wrapper .profile h2 { padding:0; line-height:1; margin-bottom:0; }
#main.leadership-profile #content .profile-wrapper .profile h3 { margin:9px 0 17px 0; }
#main.leadership-profile #content .profile-wrapper .profile p.last { margin-bottom:0; }
#main.leadership-profile #content .profile-wrapper .profile div.profile-copy-wrapper { position:relative; width:23em; height:31em; -webkit-transition:top 2.5s; -moz-transition:top 2.5s; }
#main.leadership-profile #content .profile-wrapper .profile div#profile-copy { position:relative; -webkit-transition:top 2.5s; -moz-transition:top 2.5s; }
#main.leadership-profile #content .profile-wrapper .profile div#profile-copy p { width:23em; }
#main.leadership-profile #content .profile-wrapper .profile a.truncate { position:absolute; padding-right:13px; bottom:-26px; _bottom:47px; background:url('../bios/images/more-arrow.png') no-repeat right 60.5%; -webkit-transition:opacity 1.5s; -moz-transition:opacity 1.5s; }
#main.leadership-profile #content .profile-wrapper .profile a.truncate.less { top:100px; bottom:auto; background:url('../bios/images/back-arrow.png') no-repeat right 60.5%; }
#main.leadership-profile #content .portrait { position:absolute; right:0; bottom:0; z-index:1; }

.leadership .download { font-size:11px; width:960px; text-align:right; padding:0 10px; margin:-29px auto -7px auto; color:#999; }

#leadership-overview #main #content #sidebar h2.subtitle { font-weight:normal; margin-left:18px; margin-bottom:0; }
#leadership-overview #main #content .section ul { float:left; position:relative; width:740px; }
#leadership-overview #main #content .section ul li { display:block; float:left; position:relative; width:185px; min-height:100px; _height:100px; margin-bottom:20px; }
#leadership-overview #main #content .section ul li h4 { color:#333; font-size:11px; font-weight:normal; margin-top:2px; }
#leadership-overview #main #content .section ul li a h3 { font-size:12px; color:#08c; font-weight:bold; text-decoration:none; margin-top:4px; margin-bottom:0px; }
#leadership-overview #main #content .section ul li a:hover h3 { text-decoration:underline; }
#leadership-overview #main #content .section ul li p { font-size:11px; }

#leadership-overview #main #content .section.directors { border-top:1px solid #e1e1e1; padding-top:12px; }
#leadership-overview #main #content .section.directors ul { margin:5px 0 0; }
#leadership-overview #main #content .section.directors li { min-height:80px; _height:80px; margin-bottom:2px; width:185px; }
#leadership-overview #main #content .section.directors li a { font-weight:bold; }

#leadership-overview #main .section { float:left; position:relative; width:100%; }
#leadership-overview #main .section h2 { font-size:28px; color:#000; font-weight:normal; line-height:1.5em; }

@media only screen and (max-device-width: 768px) {
#main.leadership-profile #content .profile-wrapper { zoom:1; background:transparent url(../bios/images/profile_wrapper_bg20110204.png); }
}

@media only screen and (max-device-width: 480px) {
#main.leadership-profile #content .profile-wrapper { zoom:1; background:transparent url(../bios/images/profile_wrapper_bg20110204.png); }
}