/* ::::: http://images.apple.com/global/styles/base.css ::::: */

/* ::::: http://images.apple.com/global/nav/styles/nav.css ::::: */

#globalheader { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0pt; padding: 0pt; width: 100%; }
#globalheader #globalnav:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 103px; height: 0pt; padding-top: 38px; overflow: hidden; background-image: url('globalnavbg.png'); background-repeat: no-repeat; }
#globalheader #globalsearch { background-image: url('globalnavbg.png'); background-repeat: no-repeat; }
#globalheader #globalnav li#gn-apple a { background-position: 0pt 0pt; }
#globalheader #globalnav li#gn-store a { background-position: -103px 0pt; }
#globalheader #globalnav li#gn-mac a { background-position: -206px 0pt; }
#globalheader #globalnav li#gn-ipod a { background-position: -309px 0pt; }
#globalheader #globalnav li#gn-iphone a { background-position: -412px 0pt; }
#globalheader #globalnav li#gn-ipad a { background-position: -515px 0pt; }
#globalheader #globalnav li#gn-itunes a { background-position: -618px 0pt; }
#globalheader #globalnav li#gn-support a { background-position: -721px 0pt; }
#globalheader #globalnav li#gn-apple a:hover { background-position: 0pt -38px; }
#globalheader #globalnav li#gn-store a:hover { background-position: -103px -38px; }
#globalheader #globalnav li#gn-mac a:hover { background-position: -206px -38px; }
#globalheader #globalnav li#gn-ipod a:hover { background-position: -309px -38px; }
#globalheader #globalnav li#gn-iphone a:hover { background-position: -412px -38px; }
#globalheader #globalnav li#gn-ipad a:hover { background-position: -515px -38px; }
#globalheader #globalnav li#gn-itunes a:hover { background-position: -618px -38px; }
#globalheader #globalnav li#gn-support a:hover { background-position: -721px -38px; }
#globalheader #globalnav li#gn-apple a:active { background-position: 0pt -76px; }
#globalheader #globalnav li#gn-store a:active { background-position: -103px -76px; }
#globalheader #globalnav li#gn-mac a:active { background-position: -206px -76px; }
#globalheader #globalnav li#gn-ipod a:active { background-position: -309px -76px; }
#globalheader #globalnav li#gn-iphone a:active { background-position: -412px -76px; }
#globalheader #globalnav li#gn-ipad a:active { background-position: -515px -76px; }
#globalheader #globalnav li#gn-itunes a:active { background-position: -618px -76px; }
#globalheader #globalnav li#gn-support a:active { background-position: -721px -76px; }
#globalheader.iphone #globalnav li#gn-iphone a { background-position: -412px -114px ! important; }
#globalsearch { width: 158px; height: 38px; position: absolute; top: 0pt; right: 0pt; background-position: 100% 0pt; background-repeat: no-repeat; }
#globalsearch input.g-prettysearch, #globalsearch .search-wrapper input.g-prettysearch { background: url('searchfield_repeat.png') repeat-x scroll center top transparent; }
#globalsearch input.g-prettysearch { width: 140px; height: 16px; margin-top: 9px; margin-left: 8px; }
#globalsearch .search-wrapper { position: relative; width: 140px; margin-top: 9px; margin-left: 8px; }
#globalsearch .search-wrapper input.g-prettysearch { width: 110px; margin-left: 17px; }
#globalsearch .search-wrapper .left, #globalsearch .search-wrapper .left { display: block; position: absolute; left: 0pt; top: 0pt; width: 20px; height: 19px; background: url('searchfield_leftcap.png') no-repeat scroll left top transparent; }
#globalsearch .search-wrapper .right { display: block; position: absolute; right: 0pt; top: 0pt; width: 10px; height: 19px; background: url('searchfield_rightcap.png') no-repeat scroll right top transparent; }
#globalsearch .search-wrapper.empty.blurred input { color: rgb(126, 126, 126); }
#globalsearch .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow: hidden; z-index: 1; right: 4px; top: 4px; background: url('close.gif') repeat scroll 0% 0% transparent; display: block; cursor: pointer; }
#globalsearch .search-wrapper.empty .reset { display: none; }
#globalsearch .search-wrapper input.g-prettysearch { position: absolute; width: 110px; top: 0pt; right: 10px; border: 0px none; margin: 0pt; padding: 3px 0pt 0pt; font: 11px "Lucida Grande",Arial,sans-serif; }
#globalsearch label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0pt; width: 0pt; }
#sp-results { position: absolute; margin-right: -2px; margin-bottom: 0pt; margin-left: 0pt; top: 61px; left: 160px; height: 0pt; }
#sp-results .inside { width: 328px; height: auto; position: absolute; top: 0pt; right: 0pt; line-height: 1px; font-size: 1px; }
#sp-search-spinner { position: absolute; top: 13px; right: 14px; z-index: 10; display: none; }
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0pt; padding: 0pt; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none outside none; }
fieldset, img { border: medium none; }
.clear { clear: both; }
img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, #globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, #productheader h1 a, #productheader h2 a, #productheader a.buynow, #productheader a.ordernow, #productheader a.joinnow, #productheader a.preorder, #productheader a.howtobuy, #productheader a.howtoapply, #productheader a.freetrial, #productheader a.downloadnow, #productheader a.upgradenow, #productheader a.notifyme {  }
img { border: 0pt none; }
img.left { float: left; margin: 2px 20px 16px 0pt; }
#omniture, #top { position: absolute; top: 0pt; }
#main { width: 100%; position: relative; }
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }
.grid2col .column { width: 49%; }
.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first, .grid3cola .column.last { width: 19%; }
.column.first, .column.last { margin-left: 0pt ! important; }
.column.last { float: right ! important; }
p.last, ul.last, ol.last, li.last {  }
#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col {  }
body { font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); }
a { color: rgb(0, 136, 204); }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url('morearrow_08c.gif') no-repeat scroll 100% 50% transparent; }
em, i { font-style: italic; }
.sosumi { font-size: 10px ! important; color: rgb(118, 121, 124); }
p { margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right; }
ul { margin-bottom: 18px; list-style: none outside none; }
ol { margin-bottom: 18px; list-style: decimal outside none; margin-left: 2.2em; }
.last { margin-bottom: 0pt; }
.piped { display: block; }
.piped:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid rgb(121, 124, 128); padding: 0pt 0pt 0pt 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0pt none ! important; padding-left: 0pt; margin-left: 0pt ! important; }
#globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0pt 9px; }
#globalfooter .gf-links { float: right; margin: 18px 0pt 9px; }
#globalfooter .gf-links a { padding: 0pt 10px; white-space: nowrap; }
#globalfooter { width: 980px; color: rgb(136, 136, 136); font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left ! important; }
#globalfooter a { color: rgb(0, 136, 204); }
#globalfooter p { margin-bottom: 1em; }
#globalfooter p.gf-buy { float: left; width: 52%; margin: 18px 0pt 9px 3px; }
#globalfooter ul.piped a { padding: 0pt 0pt 0pt 1.5em; margin-left: 1.5em; border-left: 1px solid rgb(208, 208, 208); }
#globalfooter .gf-links { float: right; margin: 18px 3px 9px 0pt; }
#globalfooter .gf-sosumi { clear: both; width: 100%; border-top: 1px solid rgb(221, 221, 221); padding-top: 9px; }
#globalfooter .gf-sosumi a { padding: 0pt 10px; }
#globalfooter .gf-sosumi p { float: left; margin-left: 3px; }
#globalfooter ul.piped a.contact_us { padding-right: 1.5em; border-right: 1px solid rgb(208, 208, 208); }
#globalfooter ul.piped a.choose { margin-left: 0pt; border: 0pt none; }
#globalfooter ul.piped a.choose img { vertical-align: middle; margin-top: -5px; position: relative; }
#globalfooter #breadcrumbs { font-size: 11px; color: rgb(68, 68, 68); background: url('breadcrumb_bg.png') no-repeat scroll 0% 0% transparent; overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 0pt 1px 0pt rgb(255, 255, 255); }
#globalfooter #breadcrumbs a { color: rgb(68, 68, 68); text-decoration: none; float: left; padding: 0pt 10px; position: relative; margin-left: -10px; }
#globalfooter #breadcrumbs a:hover { color: rgb(51, 51, 51); text-decoration: none ! important; }
#globalfooter ol#breadcrumbs { font-size: 11px; color: rgb(68, 68, 68); background: url('breadcrumb_bg.png') no-repeat scroll 0% 0% transparent; height: 36px; line-height: 34px; margin: 0pt; list-style: none outside none; font-weight: bold; text-shadow: 0pt 1px 0pt rgb(255, 255, 255); }
#globalfooter ol#breadcrumbs li { float: left; margin: 0pt; padding: 0pt 0pt 0pt 20px; background: url('breadcrumb_sep_20080909.png') no-repeat scroll 0% 0% transparent; }
#globalfooter ol#breadcrumbs li a { float: left; color: rgb(68, 68, 68); text-decoration: none; padding: 0pt 10px; margin-left: -10px; }
#globalfooter ol#breadcrumbs li a:hover { color: rgb(51, 51, 51); text-decoration: none; }
#globalfooter ol#breadcrumbs li.home { background: none repeat scroll 0% 0% transparent; margin: 0pt; padding: 0pt; }
#globalfooter ol#breadcrumbs li.home a { margin: 0pt; padding: 0pt 10px; width: 15px; text-indent: -9999px; overflow: hidden; }
#directorynav { font-size: 11px; background: url('directory_bg.png') repeat-y scroll 0% 0% transparent; border-top: 1px solid rgb(229, 229, 229); float: left; width: 100%; position: relative; margin-top: -4px; }
#directorynav .column { width: 122px; padding: 9px 0pt 4px 18px; }
#directorynav h3 { color: rgb(102, 102, 102); font-weight: bold; }
#directorynav a { color: rgb(136, 136, 136); text-decoration: none; display: block; }
#directorynav a:hover { color: rgb(51, 51, 51) ! important; text-decoration: none ! important; }
#directorynav .capbottom { clear: both; position: relative; top: 5px; height: 5px; width: 980px; background: url('directory_capbg.png') no-repeat scroll 0% 0% transparent; }
#directorynav ul { margin-bottom: 0pt; padding-bottom: 9px; }
#directorynav .column { width: 120px; }
#directorynav.iphone .column, #directorynav.ipoditunes .column, #directorynav.ipod .column, #directorynav.itunes .column { width: 224px; }
#breadory { border: 1px solid rgb(221, 221, 221); width: 978px; margin: 0pt auto; -moz-border-radius: 4px 4px 4px 4px; }
#globalfooter #breadory ol#breadcrumbs { background: none repeat scroll 0% 0% transparent; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: rgb(102, 102, 102); margin: 0pt; list-style: none outside none; font-weight: bold; text-shadow: 0pt 1px 0pt rgb(255, 255, 255); }
#breadory ol#breadcrumbs li { background: none repeat scroll 0% 0% transparent; float: left; margin: 0pt; padding: 0pt 0pt 0pt 1em; }
#breadory ol#breadcrumbs li a { float: left; color: rgb(102, 102, 102); text-decoration: none; padding: 0pt 1.75em 0pt 0pt; margin-left: 0px; background: url('breadcrumb_separator.png') no-repeat scroll 100% 50% transparent; }
#breadory ol#breadcrumbs li a:hover { color: rgb(51, 51, 51); text-decoration: none; }
#breadory ol#breadcrumbs li.home { background: none repeat scroll 0% 0% transparent; margin: 0pt; padding: 0pt; }
#breadory ol#breadcrumbs li.home a { background: url('breadcrumb_home.png') no-repeat scroll 1.25em 50% transparent; margin: 0pt; padding: 0pt 0pt 0pt 1.25em; width: 30px; text-indent: -9999px; overflow: hidden; }
#breadory ol#breadcrumbs li.home a:hover { background-image: url('breadcrumb_home_over.png'); }
#breadory #directorynav { background: none repeat scroll 0% 0% transparent; clear: both; float: none; margin-top: 0pt; }
#breadory #directorynav .capbottom { height: 0pt; font-size: 1px; }
#productheader { position: relative; border-bottom: 1px solid rgb(221, 221, 221); padding: 1em 0pt 0.2em; overflow: hidden; width: 980px; margin: 0pt auto; }
#productheader h1, #productheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin-top: 1px; margin-right: 0pt; margin-left: 8px; padding: 0pt; margin-bottom: 6px ! important; }
#productheader h1 a, #productheader h2 a { line-height: 32px; background-position: 0pt 0pt; background-repeat: no-repeat; color: rgb(136, 136, 136); display: block; font-weight: normal; height: 32px; position: relative; outline: medium none; text-decoration: none; text-indent: -9999px; }
#productheader ul { display: inline; float: right; margin: 0pt; }
#productheader ul li { display: inline; }
#productheader ul li a { color: rgb(153, 153, 153); float: left ! important; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0pt; text-decoration: none; }
#productheader ul li a:hover { color: rgb(0, 136, 204); }
#productheader a.buynow, #productheader a.ordernow, #productheader a.joinnow, #productheader a.preorder, #productheader a.preorder_blue, #productheader a.howtobuy, #productheader a.howtoapply, #productheader a.freetrial, #productheader a.downloadnow, #productheader a.upgradenow, #productheader a.tryamac { height: 25px; margin: 0.7em 0pt 0pt 20px; background-position: 0pt 0pt; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: medium none; overflow: hidden; }
#productheader a.preorder { width: 99px; background-image: url('preordernows.png'); }
#productheader a.buynow:hover, #productheader a.buynow:focus, #productheader a.ordernow:hover, #productheader a.ordernow:focus, #productheader a.joinnow:hover, #productheader a.joinnow:focus, #productheader a.preorder:hover, #productheader a.preorder:focus, #productheader a.howtobuy:hover, #productheader a.howtobuy:focus, #productheader a.howtoapply:hover, #productheader a.howtoapply:focus, #productheader a.freetrial:hover, #productheader a.freetrial:focus, #productheader a.downloadnow:hover, #productheader a.downloadnow:focus, #productheader a.upgradenow:hover, #productheader a.upgradenow:focus, #productheader a.tryamac:hover, #productheader a.tryamac:focus, #productheader a.notifyme:hover, #productheader a.notifyme:focus { background-position: 0pt -25px; }
#productheader a.buynow:active, #productheader a.ordernow:active, #productheader a.joinnow:active, #productheader a.preorder:active, #productheader a.howtobuy:active, #productheader a.howtoapply:active, #productheader a.freetrial:active, #productheader a.downloadnow:active, #productheader a.upgradenow:active, #productheader a.tryamac:active, #productheader a.notifyme:active { background-position: 0pt -50px; }
@media screen and (max-device-width: 480px) {
	html {  }
}
/* ::::: http://images.apple.com/iphone/styles/iphone.css ::::: */

/* ::::: http://images.apple.com/global/styles/blackout.css ::::: */

/* ::::: http://images.apple.com/global/styles/ac_quicktime.css ::::: */

/* ::::: http://images.apple.com/global/styles/overlay.css ::::: */

html { background-color: rgb(255, 255, 255); }
body { font-size: 12px; line-height: 1.5; color: rgb(51, 51, 51); background-color: transparent; }
#main { width: 984px; margin: 0pt auto; }
#main:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
h1, h2, h3, h4, h5, h6 { color: rgb(0, 0, 0); }
h2 { margin-bottom: 0.3em; font-size: 2em; line-height: 1.4; font-weight: normal; }
h3 { margin-bottom: 0.3em; font-size: 1.3em; line-height: 1.4; }
h4 { font-size: 1em; line-height: 1.5; }
h5 {  }
.replaced { display: block; width: 1px; height: 1px; outline: medium none; overflow: hidden; text-indent: -9999px; }
ul { margin-bottom: 0pt; }
p { margin-bottom: 1.5em; }
p.intro { color: rgb(136, 136, 136); font-size: 16px; line-height: 1.4; font-weight: normal; }
.sosumi { color: rgb(136, 136, 136); line-height: 1.5; }
.content { -moz-box-shadow: 0pt 1px 3px rgba(0, 0, 0, 0.3); background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.content {  }
.content:nth-child(n) { border: medium none; }
.content, .rounded, .article .box { -moz-border-radius: 4px 4px 4px 4px; }



#productheader { border: 0pt none; }
#productheader ul li a { color: rgb(51, 51, 51); margin-left: 30px; text-shadow: 0pt 1px 0pt rgb(255, 255, 255); }
#productheader ul li a:hover { color: rgb(0, 136, 204) ! important; }
#promofooter { width: 984px; margin: 18px auto 0pt; padding-top: 17px; background: url('promofooter_top.png') no-repeat scroll 0% 0% transparent; }
#promofooter #promos { width: 980px; margin-bottom: 0pt; padding: 0pt 2px 4px; background: url('promofooter_bottom.png') no-repeat scroll 0pt 100% transparent; }
#promofooter #promos:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#promofooter #promos li.promo { position: relative; float: left; width: 244px; min-height: 15em; padding-right: 1px; margin-top: -16px; }
#promofooter #promos li.promo a { color: rgb(119, 119, 119); }
#promofooter #promos li.promo:hover a { color: rgb(0, 136, 204); text-decoration: none; }
#promofooter #promos img { display: block; }
#promofooter #promos h4 a, #promofooter #promos p a, #promofooter #promos ul { display: block; padding-left: 15px; padding-right: 12px; text-align: left; z-index: 101; }
#promofooter #promos h4 a { font-size: 18px; font-weight: normal; padding-top: 15px; }
#promofooter #promos p { margin-bottom: 0pt; }
#promofooter #promos p a { font-size: 11px; line-height: 1.4; }
#promofooter #promos a.image { height: 180px; position: absolute; bottom: 0pt; z-index: 100; }
#directorynav { font-size: 11px; line-height: 18px; }
#directorynav h3 { margin: 0pt; font-size: 1em; line-height: 18px; }
#main { width: 980px; }
.replaced { display: block; height: 10px; overflow: hidden; outline: medium none; text-indent: -9999px; text-align: left; width: 10px; }
.shadow { -moz-box-shadow: 0pt 1px 3px rgba(0, 0, 0, 0.35); }
.wrap, a.wrap { white-space: normal; }
p.sosumi, ul.sosumi, ol.sosumi { clear: both; width: 940px; margin: 0pt auto; padding: 12px 20px 0pt; }
a.more {  }
a.wrap { text-decoration: none; cursor: pointer; }
a.wrap:hover span { text-decoration: underline; }
a.block { display: block; cursor: pointer; color: rgb(0, 0, 0); }
a.block:hover { text-decoration: none; }
a span.more { background: url('morearrow_08c.gif') no-repeat scroll 100% 50% transparent; padding-right: 10px; white-space: nowrap; color: rgb(0, 136, 204); }
a:hover span.more { text-decoration: underline; }
html { background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#productheader h2 a.replaced { background-image: url('product-title-20090608.png'); width: 95px; }
#productheader a.preorder { background: url('preorder-iphones.png') no-repeat scroll 0pt 0pt transparent; width: 118px; height: 25px; margin-top: 0.8em; margin-right: 0pt; }
#productheader #productnav li a:hover { background-position: 0pt -25px; }
#productheader #productnav li a:active { background-position: 0pt -50px; }
body#features #productnav #pn-sfeatures a, body.features #productnav #pn-sfeatures a, body.sfeatures #productnav #pn-sfeatures a, body#design #productnav #pn-design a, body.apps-for-iphone #productnav #pn-apps a, body#gallery #productnav #pn-gallery a, body.specs #productnav #pn-specs a, body.buy #productheader #pn-buynow a { color: rgb(153, 153, 153) ! important; cursor: default; }
#promofooter #promos .pre-order h5 { line-height: 15px; color: rgb(68, 68, 68); margin-top: 3px; }
#promofooter #promos .pre-order h5.sub { font-size: 11px; color: rgb(119, 119, 119); margin-top: 1px; }
#promofooter #promos .pre-order a.more { font-size: 11px; color: rgb(0, 136, 204); background-position: 100% 60%; }
#promofooter #promos .pre-order:hover a.more { text-decoration: underline; }
#promofooter #promos .pre-order h5, #promofooter #promos .pre-order a.more { padding-left: 15px; }
#promofooter #promos li.last { padding-right: 0pt; width: 245px; }
#promofooter #promos li.last a.image { left: auto; right: 0pt; }
/* ::::: http://images.apple.com/iphone/apps-for-iphone/styles/apps.css ::::: */

#main { width: 980px; }
a.block { display: block; text-decoration: none; }
.content { position: relative; }
#apps-for-iphone a em.more { padding-right: 10px; color: rgb(0, 136, 204); white-space: nowrap; background: url('morearrow_08c.gif') no-repeat scroll 100% 60% transparent; font-style: normal; }
#apps-for-iphone a:hover em.more { text-decoration: underline; }
#main.hero { margin: 0pt auto 15px; width: 980px; }
#main.hero #heroHolder { position: relative; width: 980px; height: 452px; background: url('hero_bg_gradient_20100607.jpg') no-repeat scroll 0% 0% transparent; }
#main.hero ul.hero-triggers { padding-right: 5px; display: inline-block; position: relative; height: 89px; overflow: hidden; }
#main.hero ul.hero-triggers li a img { float: left; margin: 2px 0pt 0pt -58px; }
#main.hero ul.hero-triggers li a:hover { background-position: 0pt -66px; }
#main.hero ul.hero-triggers li a.active { cursor: default; outline: medium none; background-position: 0pt 0px; }
#main.hero ul.hero-triggers li a.active:hover { background-position: 0pt 0px; }
#main.hero ul.hero-triggers li a { display: block; width: 70px; height: 59px; padding: 7px 0pt 0pt 70px; margin: 12px 4px 0pt; float: left; color: rgb(255, 255, 255); text-shadow: 0pt 1px 0pt rgb(0, 0, 0); cursor: pointer; text-decoration: none; background: url('slide_active_bg_20100607.png') no-repeat scroll 0pt -132px transparent; }
#main.hero #heroSlider { height: 88px; padding: 0pt 46px ! important; position: relative; background: url('apps_hero_nav_bg_20100607.png') no-repeat scroll 0% 0% transparent; overflow: hidden; }
#main.hero #heroSlider .mask { height: 88px; width: 888px; overflow: hidden; position: relative; }
#main.hero #heroSlider .mask ul { top: 0px ! important; display: block; height: 88px; padding: 0pt; overflow: hidden; }
#main.hero #heroSlider .mask ul.hero-triggers li { float: left; }
#main.hero #heroSlider .arrow.left, #main.hero #heroSlider .arrow.right { width: 40px; height: 89px; top: 0pt; position: absolute; z-index: 11; }
#main.hero #heroSlider .arrow.left { left: 0pt; background: url('slider_left_bg_20100607.png') no-repeat scroll 50% 0pt transparent; cursor: pointer; }
#main.hero #heroSlider .arrow.right { background: url('slider_right_bg_20100607.png') no-repeat scroll 50% 0pt transparent; cursor: pointer; right: 0pt; }
#main.hero #heroSlider .arrow.left:hover, #main.hero #heroSlider .arrow.right:hover { background-position: 50% -89px; }
#main.hero #heroSlider .disabled { background-position: 50% -178px ! important; cursor: default; }
#main.hero #heroSlider .disabled:hover { background-position: 50% -178px ! important; cursor: default; }
#main.hero .gallery-content { width: 980px; }
#main.hero .gallery-content .description { position: absolute; width: 265px; top: 62px; left: 50px; }
#main.hero .gallery-content .description p { margin-bottom: 18px; font-size: 16px; line-height: 20px; color: rgb(102, 102, 102); }
#main.hero .gallery-content .bg { position: absolute; left: 0pt; }
#MASKED-heroOverview .description { width: 650px ! important; top: 82px ! important; }
#MASKED-heroOverview .grid2col { width: 525px; position: absolute; left: 50px; top: 170px; }
#MASKED-heroOverview .grid2col h3 { font-size: 14px; }
#MASKED-heroOverview .grid2col .column p { margin-bottom: 20px; }
#MASKED-heroOverview .grid2col .column.first p { padding-left: 50px; }
#MASKED-heroOverview .grid2col .column.last p { padding-left: 48px; }
#MASKED-heroOverview .grid2col .column.last p.adjust { width: 200px; }
#MASKED-heroOverview .grid2col .column img.left { margin-right: 7px; margin-top: -5px; position: relative; }
#MASKED-heroOverview .grid2col .column img.tall { margin-top: -9px; position: relative; }
.grid3cola { width: 984px; margin: 0pt auto; }
.grid3cola .column { width: 486px; margin-left: 13px; }
.grid3cola .column.first, .grid3cola .column.last { width: 236px; }
div.box { color: rgb(102, 102, 102); position: relative; min-height: 313px; width: 208px; overflow: hidden; padding: 0pt 14px 1px; background: url('box_bg20100223.gif') repeat-y scroll 0pt 0pt rgb(255, 255, 255); }
div.box .cap { width: 236px; position: absolute; height: 6px; margin: 0pt -14px; font-size: 1px; }
div.box .cap.top { top: 0pt; background: url('box_bgtop20100223.png') no-repeat scroll 0pt 0pt transparent; }
div.box .cap.bottom { bottom: 0pt; background: url('box_bgbottom20100223.png') no-repeat scroll 0pt 100% transparent; }
div.box img.bordered { border: 6px solid rgb(255, 255, 255); }
div.box a:hover img.bordered { border-color: rgb(245, 245, 245); }
div.box img.centered { display: block; margin: -6px auto 6px; }
div.box img.reflect { margin-bottom: 10px; margin-top: 0pt; }
div.box h2 { margin: 0pt -12px 14px; padding: 6px 12px 4px; color: rgb(125, 125, 125); font-weight: normal; font-size: 12px; border-bottom: 1px solid rgb(200, 200, 200); background: url('box_header_20100607.gif') repeat-x scroll 0pt 0pt rgb(255, 255, 255); }
div.box h3, div.box h4, div.box h5, div.box h6, div.box h3 a { color: rgb(0, 0, 0); }
div.box h3 { margin-bottom: 0.3em; font-size: 14px; line-height: 15px; }
div.box h4 { line-height: 1.3em; }
div.box .date { color: rgb(255, 113, 0) ! important; font-size: 10px; text-transform: uppercase; margin-bottom: 3px; }
div.box img { display: block; }
div.box ul { margin: 0pt -12px; overflow: hidden; }
div.box ul li { margin: 0pt 12px -1px; padding: 1.3em 0pt; border-bottom: 1px solid rgb(217, 217, 217); }
div.box ul li p { margin-bottom: 0pt; }
div#stories.box { position: relative; width: 458px; overflow: hidden; padding: 0pt 14px 1px; background: url('box_appoftheweek_bg20100223.gif') repeat-y scroll 0pt 0pt rgb(255, 255, 255); text-align: center; }
div#stories.box h2 { text-align: left; }
div#stories.box a.wrap p { color: rgb(102, 102, 102); margin-bottom: 0pt; }
div#stories.box a.wrap p span { color: rgb(0, 136, 204); }
div#stories.box .cap { width: 486px; position: absolute; height: 6px; margin: 0pt; font-size: 1px; left: 0pt; }
div#stories.box .cap.top { top: 0pt; background: url('box_appoftheweek_bgtop20100223.png') no-repeat scroll 0pt 0pt transparent; }
div#stories.box .cap.bottom { bottom: 0pt; background: url('box_appoftheweek_bgbottom20100223.png') no-repeat scroll 0pt 100% transparent; }
div#essentials.box h2 { margin-bottom: 10px; }
div#essentials.box p { margin-bottom: 5px; }
div#essentials.box ul li { clear: both; margin: 0px; padding: 3px 15px 0pt; font-size: 10px; border-top: 1px solid rgb(235, 235, 235); border-bottom: medium none; }
div#essentials.box ul li h4 { font-size: 11px; margin: 2px 0pt; padding-top: 10px; }
div#essentials.box ul li p { margin: 0pt; }
div#essentials.box ul li {  }
div#essentials.box img.left { margin: 2px 14px 6px 0pt; }
div#essentials.box ul li a:hover { text-decoration: none; }
div#essentials.box ul li a:hover span.more { text-decoration: underline; }
div#essentials.box .bottom {  }
div#appoftheweek.box h3, div#appoftheweek.box p { line-height: 18px; margin-bottom: 0pt; }
div#appoftheweek.box p { color: rgb(102, 102, 102); }
div#appoftheweek.box .cap.bottom { left: 14px; }
#appoftheweek a.complete-archive { display: block; text-align: center; line-height: 29px; height: 31px; position: absolute; bottom: 0pt; background-color: rgb(252, 252, 252); margin: 0pt -12px; padding: 0pt 12px; width: 208px; border-top: 1px solid rgb(232, 232, 232); }
#appoftheweek a.complete-archive em.more { padding-right: 10px; color: rgb(0, 136, 204); white-space: nowrap; background: url('morearrow_08c.gif') no-repeat scroll 100% 60% transparent; font-style: normal; cursor: pointer; }
#appoftheweek a.complete-archive:hover { text-decoration: none; }
#appoftheweek a.complete-archive:hover em.more { text-decoration: underline; }