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

This style sheet contains all CSS for:
   - the Store typography
   	 (font family, size, color, weight)

This style sheet is to be used in conjunction
with newstore-nav.css (or whatever its final
name will be)!

version:  0.3
site:     Apple Store Online -- store.apple.com
date:     February 17th, 2007
================================================= */

/* =BODY
========================================== */
html, body, table {
	color: #000;
	font: 100%/120% 'Lucida Grande', Geneva, Arial, Trebuchet, Verdana, Helvetica, sans-serif;
}

h1 {
    line-height: 1em;
}

#as-page-wrap,
#as-content {
	font-size: 0.9em;
	line-height: 1.3em;
}

/* =IPODSTORE
========================================== */
#as-ipodstore #as-main {
	font-size: 0.78em;
	line-height: 1.24em;
}
#as-ipodstore #as-main h3.separator {
	color: #333;
	font-size: 1em;
}

/* =NAV
========================================== */
.as-nav h3 {
	font: bold 0.77em/1.3em "Lucida Grande", Trebuchet, Arial, Verdana, sans-serif;
}
.as-nav #as-second-usernav h3 {
	color: #000;
	font: bold 0.88em/1.3em "Lucida Grande", Trebuchet, Arial, Verdana, sans-serif;
}
.as-nav h3,
.as-nav h3 :link,
.as-nav h3 :visited {
	color: white;
	text-decoration: none;
}
.as-nav li a {
	color: #778087;
}
.as-nav h3 :link:hover,
.as-nav h3 :visited:hover {
	text-decoration: underline;
}
.as-nav ul,
.as-nav ol,
.as-nav p {
	color: #778087;
	font-size: 0.77em;
	line-height: 1.3em;
}

/* =MAIN
========================================== */
#as-main {
	color: #767c79;
}

/* =LINKS
========================================== */
/* near-black */
a {
	color: #384045;
	font-size: 1em;
	line-height: 1.2em;
	text-decoration: none;
}
a:hover,
a.selected {
	text-decoration: underline;
}
/* bold */
a.selected,
.vari-content a {
	font-weight: bold;
}
.vari-content .product-grid li .price {
	color: rgb(170, 176, 182);
	font-size: 1em;
	font-weight: normal;
	line-height: 1.1em;
}
/* blue */
#as-second-usernav :link,
#as-second-usernav :visited,
#as-more-stores :link,
#as-more-stores :visited,
#as-footer :link,
#as-footer :visited {
	color: #36C;
}
#as-more-stores a strong {
	color: #000;
}
#as-more-stores a:hover {
	text-decoration: none;
}
#as-more-stores a:hover strong,
.vari-content .product-grid li a:hover {
	text-decoration: underline;
}

/* =PRODUCT-OPTIONS
========================================== */
.product-options td {
	color: #767c79;
	font-size: 0.88em;
	line-height: 1.4em;
}
.product-options .price {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
.product-options .monthly {
	color: #b3b3b3;
	font-size: 0.82em;
}
.product-options .monthly span { color: #333; }

/* =STEP-ONE
========================================== *
.primary-box .promos li a {
	color: #333;
	font-size: 0.77em;
	font-weight: bold;
}
.primary-box .promos li a:hover {
	text-decoration: none;
}
.primary-box .promos li a:hover span {
	text-decoration: underline;
}
#footnotes {
	color: #ccc;
	font-size: 0.77em;
	line-height: 1.3em;
}
/* End of Step One commented-out section */

/* =HEADER
( =ATTENTION-ATTENTION: is this part of the Step One? )
========================================== */
#header .product-grid {
	font-size: 0.88em;
}

/* =CATEGORY
========================================== */
#subheader label {
	color: #545454;
	font-size: 0.77em;
	font-weight: bold;
}
#no-js-pages {
	font-size: 0.7em;
}
#no-js-pages a {
	font-weight: bold;
}

/* =PRODUCT-CLUSTER
========================================== */
.product-cluster .product .name,
.product-cluster .product .price {
	color: #464646;
	font-size: 0.78em;
	font-weight: bold;
}
.product-cluster .product .shipping {
	color: #5c5c5c;
	font-size: 0.77em;
}
.product-cluster .product .shipping span {
	color: #000;
}
.product-cluster .product .shipping span.freeshipping {
	color: #f00;
}
.product-cluster .product .rating {
	color: #6e6e6e;
	font-size: 0.77em;
}
.product-cluster .product .price {
	font-size: 0.88em;
}
.product-cluster .product .name a {
    color: #3366cc;
}

/* =FOOTER
========================================== */
#as-footer {
	color: #868F98;
	font-size: 0.7em;
}
#as-country-switch {
	font-size: 0.7em;
}
#itunesgifting #as-footer {
	font-size: 1em;
}

/* =COMPATIBILITY-SECTION
========================================== */
.store-l0 {
	font-size: 11px;
	line-height: 14px;
}
.store-l0 table, .store-l0 td {
	font: 11px 'Lucida Grande' , Geneva, Arial, Verdana, Helvetica, sans-serif;
}
span.freeshipping {
	color: #f00;
}
/* THE RULES BELOW SHOULD BE FIXED IN THE OTHER CSS FILES! NOT IN THIS FILE! (just here for debugging and solving the issue) */
/*.mdl ul#store-nav-tab li a {
	line-height: 15px;
}*/