/*
as-type.css has been deprecated in favor of using mercury component 
css files. It remains in the repository for backward compatibility 
with possible legacy pages that might reference it directly instead 
of using the combined CSS file.
============================================================ */











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

html:lang(th-Th), 
html:lang(th-Th) body, 
html:lang(th-Th) table {
    font-family: "Sukhumvit Set", sans-serif;
}
html:lang(en-TH), 
html:lang(en-TH) body, 
html:lang(en-TH) table {
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,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.25em "Lucida Grande", Trebuchet, Arial, Verdana, sans-serif;
}
html:lang(th-Th) .as-nav h3 {
    font-family: "Sukhumvit Set", sans-serif;
}
html:lang(en-TH) .as-nav h3 {
    font-family: "Lucida Grande",Helvetica,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-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; }

/* =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;
}
html:lang(th-Th) .store-l0 table, .store-l0 td {
    font-family: "Sukhumvit Set", sans-serif;
}
html:lang(en-TH) .store-l0 table, .store-l0 td {
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
span.freeshipping {
	color: #f00;
}

/* =THANK YOU PAGE
========================================== */

#as-page-content #OrderThankYouText h2 {
	line-height:  1.25em;
}