@import url(/cn/global/styles/blackout.css);

html, body { background-color: #f2f2f2; }
#productheader h2 a { text-indent: 0; width: 275px; }
#productheader ul li a { text-shadow: #fff 0 1px 0; margin-left: 18px; }

#hardware 		#pn-hardware a,
#software 		#pn-software a,
#support 		#pn-support a,
#compatible 	#pn-compatible a,
#os 			#pn-os a { color: #999 !important; cursor: default; }

#tryamac #pn-tryamac a.tryamac { background-position: 0 -75px; cursor: default; }


#main { width: 984px; background: #fff url(/cn/why-mac/images/main_bg_20091221.png) repeat-y; margin: 0 auto; }
#main .maincap { height: 7px; }
#main .maincap.top { top: 0; background: url(/cn/why-mac/images/main_top_20091221.png) no-repeat; }
#main .maincap.bottom { bottom: 0; background: url(/cn/why-mac/images/main_bottom_20091221.png) no-repeat; _bottom:-1px; }

#main a.block { display:block; color:#333; text-decoration:none; }
#main a.block span { color:#08c; }
#main a.block:hover span { text-decoration:underline; }
#main a span.more { white-space:nowrap; padding-right:10px; background:url(/cn/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom:1; }
#main a.more.video { background:url(/cn/why-mac/images/better_icon_play.gif) no-repeat 100% 40%; padding-right:18px; *padding-right: 20px; padding-bottom:1px; }

#main img.flushright { float:right; margin-right:-50px; }
#main img.flushleft { float:left; margin-left:-50px; }

ol.sosumi { width: 950px; margin: 18px auto; }
ol.sosumi li { margin-left:2px; }


/*--- index ---*/
#overview #main { width: 928px; padding: 0 28px 22px; background-image: none; }

#overview #hero { padding: 60px 22px 0; }
#overview #hero h1 { margin-bottom: -2px; padding-top: 10px; }
#overview #hero p.intro { margin-bottom: 18px; font-size: 18px; }
#overview #hero img.flushright { margin-left: -165px; margin-bottom: 25px; }


/* buckets */
#overview #main .grid3col { clear: both; }
#overview #main .grid3col .column { height: 214px; width: 304px; margin: 0 0 8px 8px; overflow: hidden; position: relative; text-align: center; background: #fff url(/cn/why-mac/images/bucket_bg.gif) repeat-x top left; z-index: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }

#overview #main .bucket { height: 214px; width: 304px; display: block; text-decoration: none; }
#overview #main .bucket .slide { height: 344px; width: 304px; position: absolute; top: 0; left: 0; z-index: 10; }
#overview #main .bucket .slide p { text-align: left; color: #000; font-size: 13px; line-height: 19px; padding: 0 20px 0 20px; *padding: 0 15px 0 15px; _padding: 5px 15px 0 15px;padding: 5px 15px 0 15px\9;}
#overview #main .bucket .slide h3 { margin: -13px auto 20px;_margin: -10px auto 30px; color: #000; position: relative; font-size: 22px; line-height: 24px; font-weight: 500; font-family: "Myriad Pro", Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif; }
#overview #main .bucket .slide span { color: #08c; }
#overview #main .bucket .slide img.icon { margin: 0 1px; opacity: 1; }

#overview #main .bucket.transition:hover { text-decoration: none; }
#overview #main .bucket.transition:hover .slide { top:-130px; left: 0; }
#overview #main .bucket.transition:hover .slide h3 { margin-bottom: 8px; }
#overview #main .bucket.transition:hover .slide img.icon { opacity:0; }

#overview #main .bucket .slide.oneliner h3 { margin-top: 10px; }
#overview #main .bucket.transition:hover .slide.oneliner { top:-154px; }

#overview #main .bucket,
#overview #main .bucket.transition,
#overview #main .bucket h3,
#overview #main .bucket .wrap,
#overview #main .bucket .slide,
#overview #main .bucket img.icon { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -khtml-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

#overview #main .bucket .wrap { height: 214px; width: 302px; padding-left: 1px; position: absolute; top: 0; left: 0; z-index: 1; background: #fff url(/cn/why-mac/images/bucket_bg_active.gif) no-repeat bottom left; }
#overview #main .bucket .wrap { opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0; }
#overview #main .bucket.transition:hover .wrap { opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; -moz-opacity:1; }


/* footer */
#overview #footer { padding:35px 24px 0; width:936px; margin: 0 auto; }
#overview #footer h2 { margin: 17px 0 5px 0; line-height:15px; }
#overview #footer p.intro { font-size:14px; margin-bottom:0; }
#overview #footer a:hover { text-decoration:none; }
#overview #footer span.more { font-size:14px; padding-right: 10px; white-space: nowrap; zoom: 1; background:url(/cn/global/elements/arrows/morearrow_med_08c.gif) no-repeat 100% 58%; }
#overview #footer a:hover span.more { text-decoration:underline; }
#overview #footer .column { text-align:left !important; }
#overview #footer .column.first .intro { width:44%; }
#overview #footer .column.first img.right { margin-left:-120px; margin-top:-38px; _position:relative; _z-index:1; }
#overview #footer .column.last img.right { margin-top:24px; margin-right:24px; }
#overview #footer .column.last { width:283px; padding-left:21px; background: url(/cn/why-mac/images/better_sidebar_vr.gif) repeat-y left top; }


/*--- image galleries ---*/
#main .image-gallery { position:relative; clear:both; display:inline-block; width:688px; margin:16px -51px 100px 0; padding-left: 243px; background: url(/cn/why-mac/better-software/images/gallery_bg.jpg) no-repeat 154px 0; }
#main .image-gallery h3 { font-weight:normal; }
#main .image-gallery ul li { width:78px; height:55px; float:left; margin-right:12px; position:relative; text-align: center; }
#main .image-gallery ul li.last { margin-right: 0 !important; width: 78px !important; }
#main .image-gallery ul li a { display:block; text-decoration:none; cursor:pointer; }
#main .image-gallery ul li a:hover { text-decoration:none; }
#main .image-gallery ul li a span { position:absolute; top:62px; left:0; font-size:11px; line-height:13px; color:#000; text-decoration:none; width:100%; }
#main .image-gallery ul li a:hover span { color:#0088cc; }
#main .image-gallery ul li a img { position:absolute; top:0; left:0; z-index:0; }
#main .image-gallery ul li a div { width:78px; height:55px; position:absolute; top:0; left:0; z-index:1; background:url(/cn/why-mac/images/image_thumbnail_mask.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/cn/why-mac/images/image_thumbnail_mask_ie.png",sizingMethod="image"); }
#main .image-gallery ul li a.active div { background-position: 0 -58px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/cn/why-mac/images/image_thumbnail_mask_ie_active.png",sizingMethod="image"); }
#main .image-gallery ul li a.active { cursor:default; }
#main .image-gallery ul li a.active span { color:#888; }
#main .image-gallery .imagecontent { height:435px; }
#main .image-gallery .imagecontent .screen { margin: 25px 0 75px 21px; }
#main .image-gallery .imagecontent .swapview-content { position: absolute; }
#main .image-gallery p.gallery { float:left; width:50px; margin:18px 7px 0 -10px; font-size:11px; line-height:13px; color:#888; text-align:right; }
#main .image-gallery p.caption { margin-left: -12px; width:540px; text-align:center; line-height:16px; }

#main #iphoto .image-gallery { padding-left: 198px; }
#main #iphoto .image-gallery .imagecontent { padding-left: 45px; }

#main #garageband .image-gallery { padding-left: 280px;}
#main #garageband .image-gallery .imagecontent .screen { margin: 25px 0 75px -16px; }
#main #garageband .image-gallery p.caption { margin-left: -50px; width:540px; text-align:center; line-height:16px; }

/*--- Retail Module ---*/
#main #retail { margin:18px -50px 0; padding:21px 50px 0; _margin:18px -48px 0; _padding:21px 48px 0; background:#f9f9f9 url(/cn/why-mac/images/better_retail_bg.gif) left top repeat-x; }
#main #retail p { font-size:11px; line-height: 16px; }
#main #retail h3 { padding-top: 14px; padding-top: 8px; margin-bottom: 0; line-height: 18px; _word-spacing: -2px; }
#main #retail h4 { clear:both; padding-top:7px; line-height: 16px; }
#main #retail img.left { margin:6px 7px 0 0; }
#main #retail img.right { margin:0 0 0 10px; }
#main #retail .column.first { width: 540px; }
#main #retail .grid2colb .column.first { width: 270px; }
#main #retail .column.last { width:282px; border-left:1px solid #e5e6ea; padding-left:30px; margin-bottom:18px; }
#main #retail .grid2colb .column.last { width:249px; border: 0; padding-left: 0; }

#main #retail .retailstorefinder { position: relative; width: 100%; }
#main #retail .retailstorefinder h2 { color: rgb(38, 38, 38); font-weight: normal; font-size: 15px; margin-bottom: 5px; }
#main #retail .retailstorefinder form { width:237px; }
#main #retail .retailstorefinder form .search-wrapper { float:left; margin-right:9px; }
#main #retail .retailstorefinder form input.prettysearch, 
#main #retail .retailstorefinder form .search-wrapper { width:170px; _width:140px; }
#main #retail .retailstorefinder form .search-wrapper input.prettysearch { width: 120px; *width: 140px; /*200-29*/ }
#main #retail .retailstorefinder form .search-wrapper span { *margin:1px 0 0 !important; }
#main #retail .retailstorefinder form .search-wrapper input.prettysearch { *margin:-2px 0 0 !important; }
#main #retail .retailstorefinder form button { position:relative; display:inline; float:right; width:58px; height:21px; line-height:21px; margin:-2px 0 0; text-indent:-9999px; border:0; outline:0; background: url(/cn/why-mac/images/better_retail_locate_20091221.jpg) no-repeat; cursor:pointer; }


/*--- Better pages ---*/
.better #main #hero { margin: 0 -50px; position: relative; _margin:0 -48px; }
.better #main #hero p.intro { font-size: 18px; line-height: 23px; }
.better #main #hero ul#nav { width:696px; padding:0 142px 12px; background: url(/cn/why-mac/images/better_nav_bg.gif) repeat-x left bottom; text-align:center; line-height:16px; }
.better #main #hero ul#nav img { display:block; margin:0 auto 5px; }
.better #main #hero ul#nav a { display:block; color:#000; font-weight:bold; }
.better #main #hero ul#nav a:hover { color: #08c; text-decoration:none; }
.better #main #hero ul#nav span { color:#08c; font-weight:normal; display:block; padding-right: 8px; width:72px; margin:0 auto; background: url(/cn/global/elements/arrows/downarrow_08c.gif) no-repeat right 60%; }
.better #main #hero ul#nav a:hover span { text-decoration:underline; }
.better #main #hero ul#nav .column { width:160px; padding: 0 7px; margin-left:0; }

/* to remove */
.better #main .grid3col .column { width: 380px; margin-left: 25px; }
.better #main .grid3col .column.first { width: 218px; }
.better #main .grid3col .column.last { width: 227px; }
.better #main .grid3col .column.first p.intro { line-height:20px; position:relative; }
/* evomer ot */

.better #main .grid2cold .column.first { width: 218px; }
.better #main .grid2cold .column.last  { width: 637px; margin-left: 25px; }
.better #main .grid2cold .grid2cola .column.first { width: 380px; }
.better #main .grid2cold .grid2cola .column.last  { width: 227px; }

.better #main .gallery { width: 218px; }

.better #main #content { padding:0 52px; _padding:0 50px; }
.better #main h2 { font-size: 28px; line-height: 32px; margin:7px 0 6px; font-weight: 500; font-family: "Myriad Pro", Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif; }
.better #main img.align { margin-left:243px; }

.better #main .link { text-align:center; font-size:18px; }
.better #main .link a.more { background:url(/cn/global/elements/arrows/morearrow_big_08c.gif) no-repeat 100% 60%; padding-right:12px; }
@media only screen {
	.better #main .link a.more.morelarge { background-image:url(/cn/global/elements/arrows/morearrow_big_08c.svg); }
}

.better #main .sidebar { position:relative; padding:0 9px 9px; margin-top:-8px; border:1px solid #e6e6e6; border-bottom:none; _border-bottom:solid; background-color:#efefef; -webkit-box-shadow: rgba(0,0,0,0.3) 0 -1px 1px; -moz-box-shadow: rgba(0,0,0,0.3) 0 -1px .9px; font-size:11px; color:#818181; line-height:13px; }
.better #main .sidebar h4 { color:#818181 !important; line-height:13px; }
.better #main .sidebar a.block { color:#818181; }
.better #main .sidebar li { padding:8px 0 9px 4px; }
.better #main .sidebar li em { position:relative; width:20px; height:24px; margin-top:-5px; padding-right:10px; display:block; float:right; background:url(/cn/why-mac/images/better_sidebar_check.png) no-repeat; }
.better #main .sidebar li.twoline em { margin-top:-4px; }
.better #main .sidebar li.threeline em { margin-top:8px; margin-left:24px; _margin-left:0; }
.better #main .sidebar li.fourline em { margin-top:17px; margin-left:10px; _margin-left:0; }
.better #main .hr { background: url(/cn/why-mac/images/better_sidebar_hr.gif) repeat-x left bottom; }

.better #main .video-callout { height:52px; padding:11px 0 5px 5px !important; position:relative; z-index:20; }
.better #main .video-callout a:hover { text-decoration:none; }
.better #main .video-callout a:hover span.more { text-decoration:underline; }
.better #main .video-callout img.left { margin-right:12px; }
.better #main .video-callout h4 { padding-top:12px; }
.better #main .video-callout h4.twoline { padding-top:7px; }
.better #main .video-callout span.play { display:block; width:39px; height:40px; top:18px; left:22px; position:absolute; text-indent:-9999px; background:transparent url(/cn/why-mac/images/play_arrow.png) no-repeat; behavior:url(/cn/global/scripts/lib/iepngfix.htc); }
.better #main .video-callout img.shadow { background:#FFFFFF none repeat scroll 0 0; padding:2px; *border:1px solid #dbdbdb; *border-color:#e5e5e5 #dbdbdb #d2d2d2; box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 5px; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.3); }

.better #main .section { position:relative; border-bottom:1px solid #e6e6e6; margin:0 -25px; padding:50px 25px; }
.better #main a.btt { position:absolute; bottom:8px; right:25px; padding-right:10px; background: url(/cn/global/elements/arrows/uparrow_08c.gif) no-repeat right 50%; font-size:11px; }


/* better hardware */
#hardware #hero { padding-top: 40px; text-align:center; }
#hardware #hero p.intro { padding: 0 70px; }
#hardware #hero #nav { _padding-bottom:0; }
#hardware #hero h1 { margin-bottom: 0; margin: 20px 0 5px; line-height: 1px; }

#hardware .section .column { width:385px; }
#hardware .section .sidebar p { color:#818181; font-size:11px; line-height:13px; padding:10px 10px 15px; }
#hardware .section .sidebar strong { color:#818181; font-size:11px; line-height:13px; }
#hardware .section .sidebar .center { text-align:center; }

#hardware #design.section .sidebar.first { margin-bottom:22px; margin-top:5px; _padding-top:0; }
#hardware #design.section .sidebar.battery { _width:218px; }
#hardware #design.section .sidebar.battery img.stats { padding-right: 6px; }
#hardware #design.section .sidebar.battery h4 { padding-top:0; }
#hardware #design.section .sidebar .process { margin-top:4px; padding-bottom:19px; }
#hardware #design.section .sidebar .process img { margin:0 auto; display:block; }
#hardware #design.section .sidebar .process img.first { margin-top:4px;}
#hardware #design.section .sidebar .battery img { margin-top:16px; }

#hardware #features.section img.imac-features { float:right; margin:-400px -307px -50px 0; _margin-right:-309px; position:relative; }
#hardware #features.section h3.spacer { margin-top:55px; }
#hardware #features.section h4.title { clear:both; padding-top:30px; margin-left:243px; text-align:center; color:#818181; }

#hardware #features.section .trackpad-video { width:460px; min-height:62px; margin:9px 0 5px 93px; _margin-left:100px; }
#hardware #features.section .trackpad-video span.play { top:16px; left:31px; }
#hardware #features.section .trackpad-video .video-callout { width:250px; margin:0 auto; }
#hardware #features.section .trackpad-video .video-callout .more { line-height:58px; }
#hardware #features.section .trackpad.no-video { min-height:304px; _height:304px; } 

#hardware #features.section .callout { padding:0 9px 9px; margin-top:5px; border:1px solid #e6e6e6; border-bottom:none; background-color:#efefef; -webkit-box-shadow: rgba(0,0,0,0.3) 0 -1px 1px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 1px;  }
#hardware #features.section .trackpad .video-callout { padding-top:6px !important; }
#hardware #features.section .trackpad { margin-left:243px; font-size:10px; color:#818181; line-height:15px; }
#hardware #features.section .trackpad .hr { min-height:311px; _height:311px; }
#hardware #features.section .trackpad h4 { font-size: 11px; color:#818181; }
#hardware #features.section .trackpad ul { display:inline; }
#hardware #features.section .trackpad li { width:145px; float:left; margin-left:8px; margin-top:18px; }
#hardware #features.section .trackpad p { width:137px; min-height:60px; _height:60px; }

#hardware #features.section .column.last { position: relative; }
#hardware #features.section .column.last .sidebar { position: absolute; width: 207px; padding-bottom: 0; top: 610px; }

#hardware #technology.section h2 { _width:180px; }
#hardware #technology.section img.right { margin:5px 0 0 15px; }
#hardware #technology ul.sidebar { _margin-top:0; _padding-top:0; }
#hardware #technology ul.sidebar li { background:transparent url(/cn/why-mac/images/better_sidebar_hr.gif) repeat-x scroll left bottom; }

#hardware #environment.section img.right { margin:20px -10px -15px 5px; }
#hardware #environment.section { min-height:640px; _height:640px; margin-bottom:18px; }
#hardware #environment.section img.imac-environment { position:absolute; right:0; bottom:0; }
#hardware #environment.section .column p { position:relative; z-index:1; } 

/* better software */
#software #hero img.hero { margin-top: 59px; margin-bottom: 20px; }
#software #hero h1,
#software #hero p { position: absolute; left: 565px; width: 375px; }
#software #hero h1 { top: 43px; }
#software #hero p { top: 181px; line-height: 23px; word-spacing: -1px; }

#software #garageband { margin-bottom: 18px; }

#software #macappstore { margin-bottom:18px; }
#software #macappstore .image-gallery { margin-bottom:-20px; }

#software ul.sidebar li { background: url(/cn/why-mac/images/better_sidebar_hr.gif) repeat-x left bottom; }
#software ul.sidebar li.noborder { background:none; }
#software ul.sidebar li.flush { padding:3px 0 0; }
#software ul.sidebar li.flush img { margin:0 -10px; position:relative; }
#software ul.sidebar p { margin-bottom:5px; }

#software img.fpo { margin:20px 0 25px 155px; }

/* better os */
#os #hero { text-align: center; }
#os #hero img { margin-top: 1px; position: relative; z-index: 100; }
#os #hero h1 { margin-top: -12px; margin-bottom: -5px; *margin-bottom: 5px; }
#os #hero p.intro { padding: 0 80px; }
#os #macosx .column.last .dock { margin-top:-8px; width: 205px; height: 154px; padding: 11px; font-size: 11px; line-height: 15px; background: url(/cn/why-mac/better-os/images/macosx_dock_bg.jpg) no-repeat; }
#os #macosx .column.last .dock p { color: white; font-weight: normal; }
#os #macosx .column.last .dock strong { color: white; }
#os #macosx .column.last .video-callout { margin-top:38px; padding:11px 0 13px 15px !important; }
#os #macosx .column.last .video-callout .play { left:32px; }
#os #viruses .parents { margin-bottom:-5px; margin-top:-4px; }
#os #viruses .sidebar img { position:relative; }
#os #backup .image-gallery { margin-bottom:40px; background: none; }
#os #backup p.caption { margin-top: 5px; }
#os #accessible { margin-bottom:18px; }
#os #accessible img.align { margin-top:24px; margin-bottom:-55px; *margin-bottom:-53px; }

#os ul.sidebar li { background: url(/cn/why-mac/images/better_sidebar_hr.gif) repeat-x left bottom; }
#os ul.sidebar li.noborder { background:none; }
#os ul.sidebar li.flush { padding:3px 0 0; }
#os ul.sidebar li.flush img { margin:0 -10px; position:relative; }
#os ul.sidebar p { margin-bottom:5px; }

/* better support */
#support.better #main .grid3col .column.last { width:228px; }
#support #hero img { margin-top:36px; }
#support #hero h1,
#support #hero p { position: absolute; left: 50px; width: 385px; }
#support #hero h1 { top: 87px; }
#support #hero h1 img { margin-top: 0; }
#support #hero p { top: 183px; }
#support #main #hero #nav { width:522px; padding:30px 229px 10px; _padding-bottom:0; }

#support ul.sidebar li.flush img { margin:-10px; position:relative; }

#support #store p { position:relative; }
#support #store img.right { margin:10px 0 0 10px; *margin-left:20px; }
#support #store img.align { margin-top:-45px; margin-bottom:-55px; *margin-bottom:-53px; }

#support #store li { padding-left:0; }
#support #store li.question { *padding-top:0; }
#support #store li.question img.left { margin-right:7px; *margin-top:15px; position:relative; }
#support #store li.question p { padding-left:27px; margin-bottom:0px; }
#support #store li.question h4 { padding-top:4px; *padding-top:0; }

#support #store li.hr,
#support #learn li.hr { padding-bottom:15px; }

#support #learn { padding-bottom: 90px; }
#support #learn li { padding-left:0; }
#support #learn li.numbered p { padding-left:15px; margin-bottom:0px; }
#support #learn li.hr img { margin-bottom:8px; }

#support #applecare { margin-bottom:18px; padding-bottom:104px; }
#support #applecare ul.sidebar { padding-bottom:12px !important; }
#support #applecare ul.sidebar li { background: url(/cn/why-mac/images/better_sidebar_hr.gif) repeat-x left bottom; }
#support #applecare ul.sidebar p { margin-bottom:8px; }
#support #applecare ul.sidebar li.noborder { background:none; }
#support #applecare img.plan { margin-top:6px; }


/* its compatible */
#compatible #hero .hero-image { padding:80px 50px 44px; background:url(/cn/why-mac/its-compatible/images/hero.jpg) no-repeat 0 100%; }
#compatible #hero .hero-image h1 { line-height:1em; margin-bottom:11px; }
#compatible #hero .hero-image h1 img { display:block; }
#compatible #hero .hero-image p { width:400px; }
#compatible #hero .hero-image .video-callout { width:210px; padding: 11px 0 13px 15px !important; margin:0; }
#compatible #hero .hero-image .video-callout .play { left:32px; }
#compatible #hero #nav { _padding-bottom:0; }

#compatible div.sidebar { padding-top:8px !important; }
#compatible div.sidebar .grid3col .column { width:55px !important; margin:3px 0 6px 17px; }
#compatible div.sidebar .grid3col .column.last { padding-right:9px; }
#compatible div.sidebar .grid3col h4 { font-weight:normal; font-size:10px; }
#compatible #devices img.flushright { margin-bottom:18px; }
#compatible #office img.flushright { position:relative; margin-top:-105px; *margin-top:-165px; margin-bottom:18px; _margin-right:-48px; }
#compatible #office p.intro { position:relative; z-index:20; }
#compatible #windows img.flushright { margin-top:-200px; margin-bottom:18px; *margin-right:-47px; _margin-right:-42px; }
#compatible #windows { margin-bottom:18px; }


/* try a mac page
----------------------------- */
#tryamac #main #hero { padding:40px 0 0 50px; height:296px; }
#tryamac #hero img.hero { position:absolute; right:0; top:-1px; z-index:10; }
#tryamac #hero h1 { margin-bottom: 5px; *margin-bottom: 18px; }
#tryamac #hero p { width:410px; margin-bottom: 0; }
#tryamac #how h3 { font-weight:normal; padding-top:3px; margin:2em 0; }

#tryamac #how.grid2cola .column.first { width:582px; padding-top:29px; padding-right:30px; }
#tryamac #how.grid2cola .column.last { width:277px; padding:29px 0 30px 30px; border-left:1px solid #e4e4e4; position:relative; }
#tryamac #how.grid2cola .column.first .grid2col .column { width:268px; padding:0; margin:0; border:0; }
#tryamac #how.grid2cola .column.first .grid2col .column.first { width:268px; }

#tryamac #how { background: url(/cn/why-mac/try-a-mac/images/how_bg.gif) repeat-x 0 0; width:920px; margin:0 -50px; _margin:0 -48px; padding:0 30px; }
#tryamac #how img.header { position:absolute; left:2px;  }
#tryamac #how img.visit { margin-bottom:14px; }
#tryamac #how img.talk { margin-bottom:0px; }
#tryamac #how img.learn { margin-bottom:10px; }
#tryamac #how img.products { margin-left:27px; margin-bottom:-2px; margin-top:5px; }
#tryamac #how img.right {margin:2px 0 10px 12px;}

#tryamac #how .talk-section { margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #E8E8E8; }
#tryamac #how #retail { margin:0; padding:21px 0 8px; background:none; }
#tryamac #how #retail:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#tryamac #how .grid2cold { margin-bottom:2em; }
#tryamac #how .grid2cold .column.first { width:10%; margin:0 5.5% 0 0; padding:22px 0 0 5px; border:none; -webkit-box-shadow:none; background:#fff; }
#tryamac #how .grid2cold .column.last { float:left !important; width:81.9%; margin:0; padding:0; border:none; }
#tryamac #how .grid2cold .column.last p { margin-bottom:4px; }

/* faq page
----------------------------- */
#faq #main #content { padding:0 52px; _width:878px; }
#faq #main #retail { _margin:18px -50px 0; _width:884px; }

#faq #main #hero { margin:0 -50px 30px; _margin-right:-52px; height:325px; text-align:center; background:url(/cn/why-mac/faq/images/hero.jpg) no-repeat left bottom; }
#faq #main #hero h1 { padding-top:40px; margin-bottom:5px; line-height:18px; }
#faq #main #hero p.intro { width:550px; margin:0 auto; }

#faq #main #jumpnav { padding-bottom:10px; margin-bottom:32px; background:#fff url(/cn/why-mac/faq/images/jumpnav_bg.gif) repeat-x left bottom; -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -o-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -khtml-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; *border:1px solid #e6e6e6; }
#faq #main #jumpnav h4 { padding:20px 0 0 19px; font-size:11px; color:#999; }
#faq #main #jumpnav a { color:#333; white-space:normal; padding-right:10px; zoom:1; font-size:11px; }
#faq #main #jumpnav a:hover { color:#08c; text-decoration: none; }
#faq #main #jumpnav .column { margin-top:10px; padding-left:25px; width:285px; height:212px; background: url(/cn/why-mac/images/better_sidebar_vr.gif) repeat-y left top; }
#faq #main #jumpnav .column.first { width:240px; padding-left:19px; background:none; }
#faq #main #jumpnav .column.last { width:240px; padding-right:19px; }
#faq #main #jumpnav li { margin-bottom:10px; }

#faq #main .section { padding: 30px 140px 42px; border-top:1px solid #e6e6e6; }
#faq #main .section h3 { font-weight: normal; }
#faq #main .section img.right { margin: 2px -15px 0 10px; }

#faq #main #windows.section { border:none; }
#faq #main #wifi.section img.right { margin-top:10px; margin-left:20px; }
#faq #main #devices.section img.right { margin-top:18px; }
#faq #main #docs.section img.right { margin-top:28px; }
#faq #main #email.section img.right { margin-top:15px; margin-left:30px; }
#faq #main #im.section img.right { margin-top:-10px; margin-left:20px; }
#faq #main #support.section img.right { margin-left:20px; }
#faq #main #money.section { padding-bottom:24px; }

#faq #main a.btt { float:right; margin-right:-140px; padding-right:10px; position: relative; font-size:11px; background: url(/cn/global/elements/arrows/uparrow_08c.gif) no-repeat right 50%; }
#faq #main a.btt.fixed { display:none; visibility:visible !important; position:fixed; width:860px; bottom:30px; left:50%; margin-left: -430px; text-align:right; z-index:1000; }

#overview #footer .column.first .intro {
width: 35%;
}


/*2012-06-13*/
.better #main .sidebar{+line-height:16px;}
.better #main .video-callout h4{+padding-top:5px;padding-top:5px\0;}