/* callout */
.callout { background: #f8fcfe url(/ca/mobileme/images/callout-bg-20090608.png) repeat-x 0 0; border: 1px solid #e5f3fa; float: left; padding: 20px; position: relative; width: 340px; }
.callout .thumbnail { background: #fff; float: left; padding: 5px; position: relative; _margin-right: 16px; }
.callout .enlarge.play { background: url(/ca/global/elements/buttons/icon-play.png) no-repeat 0 0; height: 25px; position: absolute; top: -9px; left: -9px; width: 25px; }
.callout .title,
.callout .last { margin-left: 165px; }

.flush-right { float: right; margin-right: -48px; position: relative; }
.flush-left { float: left; margin-left: -48px; position: relative; }
.clear-right { clear: right; }
.clear-left { clear: left; margin-right: -48px}

/* content */
#whats-new #content { padding-bottom: 0; }
#whats-new .badge { position: absolute; top: 0; left: 0; z-index: 8; }
#whats-new .badge.coming_soon { height: 111px; width: 138px; }

#whats-new #hero { margin: 0 auto; padding-top: 46px; width: 590px; }
#whats-new h1.replaced { background: url(/ca/mobileme/whats-new/images/title-whatsnew-20090608.png) no-repeat 0 0; height: 43px; margin: 0 auto; width: 501px; }
#whats-new #hero .intro { color: #777; margin-top: 18px; text-align: center; width: 650px; }

#whats-new .section { background: url(/ca/mobileme/whats-new/images/bg-section-20090608.png) repeat-x 0 0; clear: both; margin-left: -48px; margin-right: -48px; padding: 54px 48px 0; *padding-top: 18px; }
#whats-new h2 { margin-bottom: 0; font-size: 1.75em; }
#whats-new .section .intro { color: #333; font-size: 14px; margin-bottom: 36px; width: 575px; }

#whats-new #content .grid2colb { margin: 0; }
#whats-new #content .grid2colb .column.left { width: 45%; margin-right: 35px; }
#whats-new #content .grid2colb .column.left p { height: 180px; }
#whats-new #content .grid2colb .column.left img { z-index: 8; bottom: 0; }
#whats-new #content .grid2colb .column.right p { height: 180px; margin-left: 40px; }
#whats-new #content .grid2colb .column.right h3 { margin-left: 40px; width: 400px; }
#whats-new #content .grid2colb .column.right { width: 48%; margin: 0; }
#whats-new #content .grid2colb .column.right img { z-index: 8; bottom: 0; margin-left: 34px; margin-right: -50px; position: relative; }

#whats-new #locate { width: 100%; }
#whats-new #gallery-app { padding-bottom: 5em; }
#whats-new #gallery-app .column.last { padding-top: 12px; width: 47%; }
#whats-new #title-offline-gallery { margin-top: 2em; }

#whats-new #find-iphone-map { margin-left: 30px; margin-bottom: -42px; }
#whats-new #iphone-message { margin-right: 70px; margin-top: 82px; margin-bottom: 9px; }
#whats-new #remote-wipe-dialog { margin-top: -10px; margin-bottom: 44px; margin-left: 30px; position: relative; }
#whats-new #idisk-on-iphone { margin-right: 45px; margin-bottom: 100px; }
#whats-new #title-view-idisk { margin-top: 108px; }
#whats-new #share-file-email { clear: both; margin-top: -120px; margin-left: 70px; }
#whats-new #access-iphone { margin-top: -18px; *margin-top: 60px; margin-right: 50px; position: relative; }
#whats-new #title-access { clear: right; padding-top: 54px; *padding-top: 30px; }
#whats-new #access-icon { margin-left: 30px; margin-bottom: 25px; }
#whats-new #search-email .right { margin: 0 40px 3px 100px; *margin: 0 40px -10px 100px; position: relative; z-index: 8; *bottom: -2px; *z-index: 10; }


#whats-new #callout-idisk { margin-top: -108px; margin-bottom: 81px; position: relative; }

.sosumi {margin-top: 10px; padding: 9px 0 10px 0; text-align: left; width: auto; }

.badge.coming_soon, .enlarge { behavior: url(/global/scripts/lib/iepngfix.htc); }
#whats-new #locate { *padding-top: 54px; }