/* ==============================================
Apple Store New Store CSS

This style sheet contains all CSS for:
	 - the Standards-based top navigation
   - the Standards-based L / upside-down U

version:  0.3.4
site:     Apple Store Online -- store.apple.com
date:     February 25, 2007
================================================= */
body, h1, h2 {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
}
a img {
	border: none;
	vertical-align: bottom;
}
#as-heading,
#as-js-wrap,
#as-stat-img,
#as-main-heading,
caption {
	margin: 0;
	position: absolute;
	visibility: hidden;
	width: 1px;
}
#as-nav-wrap {
	background: url(i/nav/nbbackgrd.gif) 0 0 repeat-x;
}

/* =APPLE-NAV
========================================== */
#as-apple-nav {
	height: 52px;
	margin: 0 auto;
	width: 725px;
}
#as-apple-nav.as-iphone {
	width: 823px;
}
#as-apple-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#as-apple-nav a {
	text-decoration: none;
}

/* =NAV
========================================== */
#as-nav {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#as-nav,
#as-nav li {
	display: inline;
	float: left;
	overflow: hidden;
	padding: 0;
	text-indent: 0;
}
#as-nav li,
#as-nav li a {
	background: url(i/nav/nav-home.gif) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 32px;
	margin: 0;
}
#as-nav li a {
	text-indent: -999em;
	width: 98px;
}
#as-nav li.as-home a {
	width: 118px;
}
#as-nav li.as-macosx a {
	width: 117px;
}
#as-nav .as-home,
#as-nav .as-home a { background-image: url(i/nav/nav-home.gif); }
#as-nav .as-store,
#as-nav .as-store a { background-image: url(i/nav/nav-store-on.gif); }
#as-nav .as-iphone,
#as-nav .as-iphone a { background-image: url(i/nav/nav-iphone.gif); }
#as-nav .as-ipoditunes,
#as-nav .as-ipoditunes a { background-image: url(i/nav/nav-ipoditunes.gif); }
#as-nav .as-dotmac,
#as-nav .as-dotmac a { background-image: url(i/nav/nav-dotmac.gif); }
#as-nav .as-quicktime,
#as-nav .as-quicktime a { background-image: url(i/nav/nav-quicktime.gif); }
#as-nav .as-support,
#as-nav .as-support a { background-image: url(i/nav/nav-support.gif); }
#as-nav .as-macosx,
#as-nav .as-macosx a { background-image: url(i/nav/nav-macosx.gif); }

/* =USERNAV
========================================== */
#as-apple-nav #as-usernav {
	background: url(i/nav/nb2bg_gradient.gif) 0 0 no-repeat;
	clear: both;
	float: left;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#as-usernav li,
#as-usernav li a {
	display: inline;
	float: left;
	height: 20px;
}
#as-usernav li.r {
	float: right;
}

#lpChatButton {
    position: absolute;
    z-index: 2;
    opacity: 0;
}
#initChatButton {
    z-index: 1;
    width: 100px;
}

/* =NAV
========================================== */
.as-nav {
	background-color: rgb(236,236,236);
	float: left;
	width: 135px;
}
.as-nav h3 {
	background: rgb(152,157,165) url(i/cp_top.gif) center top no-repeat;
	margin: 0 0 5px;
	padding: 4px 5px 2px;
	clear: left;
}
.as-nav h3.new {
	background: rgb(152,157,165) url(i/cp_newtop.gif) center top no-repeat;
}
.as-nav #as-second-usernav h3 {
	background: rgb(236,236,236) url(i/cp_personalisation_top.gif) 0 0 no-repeat;
}
.as-nav ol,
.as-nav ul,
.as-nav form,
.as-nav .section-wrap {
	list-style: none;
	margin: 0;
	padding: 0 0 4px;
}
.as-nav ol.as-topsellers {
	background: none;
	list-style-type: none;
}
.as-nav .as-giftcenter {
	background: none;
}
.as-nav li,
.as-nav p {
	margin: 0;
	padding: 2px 5px;
}
.as-nav li a {
	display: block;
	text-decoration: none;
	width: 124px;
}
.as-nav li a:hover {
	text-decoration: underline;
}

/* =SEARCHFORM
========================================== */
#as-searchform {
	padding: 4px 4px 12px;
}
#as-searchform .button {
	margin-left: 4px;
}
#as-searchform label {
	float: left;
	height: 18px;
}
#as-searchform #as-searchfield {
	margin: 0 8px 0 0;
	padding: 1px;
	position: relative;
	width: 90px;
}

/* =PAGE-WRAP
    Note: the #page-wrap div has differing
    widths between pages
========================================== */
#as-page-wrap {
	clear: both;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	text-align: left;
}
#as-page-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* =PAGE-WIDTHS
========================================== */
#as-homepage #as-page-wrap { width: 723px }
#as-homepage #as-page-content {	width: 588px }
#as-homepage #as-main { width: 433px }
#as-ipodstore #as-page-wrap { width: 900px }
#as-ipodstore #as-page-content { width: 765px }
#as-ipodstore #as-main { width: 620px }
#as-landing #as-page-wrap { width: 745px }
#as-landing #as-main { width: 600px }
#as-category #as-page-wrap { width: 893px }
#as-category #as-main { width: 748px }
#as-fullpage #as-page-wrap { width: 700px }
#as-900page #as-page-wrap,
#as-itunesgifting #as-page-wrap,
#as-stepone #as-page-wrap { width: 900px }
#as-promopage #as-page-wrap { width: 620px }
#as-nmpage #as-page-wrap { width: 750px }
#as-nmpage #as-page-content { width: 615px }
#as-footer,
#as-country-switch { width: 675px }

/* =BANNERS
========================================== */
.as-nav ul.banner-grid,
.as-nav ul.banner-grid li {
	margin: 0;
	padding: 0;
}

/* =IE5-MAC
========================================== */
/*\*//*/
#as-usernav li,
#as-usernav li a {
	display: inline;
}
/**/

/* ====================== *\
|  Learn from these pages  |
|  Modern web development  |
|  And best practices      |
\* ====================== */