/* main, content */ #content { padding:1.6em 0 0; margin-bottom:-1.6em; } #main { font-size:11px; line-height:14px; } #main .sidebar { font-size:11px; line-height:14px; } #main h3 { margin-bottom:.3em; color:#69788F; font-size:13px; font-weight:normal; line-height:14px; word-spacing:-.1em; } #main h3 a { color:#000; } #main h3 a:hover { color:#2971a7; } #main h4 { margin-bottom:.3em; color:#000; font-size:11px; line-height:14px; } #main strong { color:#000; } #main p, #main ul { margin-bottom:.7em; } #main a:link, #main a:visited { text-decoration:none; } #main a:hover { text-decoration:underline; } #main .more { display:block; text-align:left; color: #2971a7; padding-right:9px; white-space:nowrap; background:url(images/morearrow2.gif) 100% .2em no-repeat; zoom:1; } /* boxes */ #main .relative { position:relative; } #main .separator { margin:0 -3px; padding:.7em 3px 0; border-top:1px solid #c8c8c8; } #main .box { margin-bottom:1.6em; color:#666; background:#fdfdfd url(images/box_980_bg.png) repeat-y; } #main .column .box { background:url(images/box_582_bg.png) repeat-y; } #main .sidebar .box { background:url(images/box_184_bg.png) repeat-y; } #main .mainpage .box { background:url(images/box_734_bg.png) repeat-y; } #main .box .padder { padding:0 15px .6em; } #main .box .boxcap { clear:both; position:absolute; width:100%; height:5px; left:0; z-index:100; font-size:1px; behavior:url(/css/iepngfix.htc); } #main .box .boxcap.captop { top:0; background-image:url(images/box_980_captop.png); } #main .column .box .boxcap.captop { background-image:url(images/box_582_captop.png); } #main .sidebar .box .boxcap.captop { background-image:url(images/box_184_captop.png); width: 224px; } #main .mainpage .box .boxcap.captop { background-image:url(images/box_734_captop.png); } #main #inside.box .boxcap.captop { background-image:url(images/inside-box_734_captop.png); } #main .box .boxcap.capbottom { bottom:0; _bottom:13px; _position:static; _margin-top:-5px; background-image:url(images/box_980_capbot.png); } #main .box .boxcap.capbot { bottom:0; _bottom:13px; _position:static; _margin-top:-5px; background-image:url(images/box_980_capbottom.png); } #main .column .box .boxcap.capbot { position:absolute; background-image:url(images/box_582_capbottom.png); } #main .sidebar .box .boxcap.capbot { position:absolute; background-image:url(images/box_184_capbottom.png); width: 224px;} #main .mainpage .box .boxcap.capbot { bottom:0; _bottom:13px; _position:static; _margin-top:-5px; background-image:url(images/box_734_capbottom.png); } #main .box h2 { float:none !important; margin:0; padding:6px 0px 2px 12px; padding-bottom: 0px; color:#fff; font-size:12px; font-weight:normal; border-bottom:1px solid #6c7b94; background:#72839d url(images/boxtopblue.gif) repeat-x; } #main .box h2 a { color:#fff; } #main .box h2 a:hover { text-decoration:underline; color:yellow;} #main .sidebar .box h2 { width:212px; } #main .mainpage .box h2 { width:722px; } #main #inside.box h2 { width: 700px; text-align:center; line-height: 40px; float:none !important; margin:0; padding:5px 0 2px 0px; color:#333; font-size:14px; font-weight:bold; background:#fff; border-bottom:1px solid #c8c8c8;} #main #nav-menu h2 { height: 23px; } #main #nav-menu ul { list-style: none; text-align: center; height: 16px; } #main #nav-menu a {color: #fff; } #main #nav-menu a:hover { text-decoration:underline; color:yellow; } #main #nav-menu li {font-size: 14px; display:inline; padding: 8px 22px; border: 0; font-weight: normal;} #main #nav-menu li:hover { text-decoration:underline; } #main .box h2.drawer-handle { position:relative; color:#333; padding-bottom: 3px; padding-top:2px; cursor:default; border:#939393; background:#939393 url(images/boxtopgray.gif) repeat-x; } #main .box h2.drawer-handle.open { color:#fff; cursor:pointer; border-color:#72839d; background:#72839d url(images/boxtopblue.gif) repeat-x; } /* drawers */ #main ul.drawers { margin:0; overflow:hidden; } #main ul.drawers li { overflow:hidden; } #main .slider .drawer-content { display:block; height:auto; overflow:hidden; } /* promote ---------------------------*/ #main #promote { margin-left: 10px; } #main #promote .kmc { padding-left:330px; padding-top:10px; padding-bottom: 10px; width:387px; height:140px; background:url(images/promote-kmc-bg.jpg) no-repeat;} #main #promote a {font-size: 12px; color: #69788F; text-decoration: none;} #main #promote a:hover {color: #69788F; text-decoration: none;} #main #promote a:visited {color: #69788F; text-decoration: none;} #main #promote h2 {color: #000; margin-left: 10px; padding-bottom: 15px; margin-bottom: 0px; } #main #promote h3 {color: #333; margin-left: 10px; padding-bottom: 15px; margin-bottom: 0px; } #main #promote p {font-size: 13px; color: #222} #main #promote .free {color:#cc6600; font-size: 14px;} #main #promote .price {color:#f00; font-size:14px; font-style: italic;} #main #promote .audiobook { padding-left:350px; padding-top:10px; padding-bottom: 10px; width:367px; height:105px; background:url(images/audiobookconverter.jpg) no-repeat;} #main #promote .audiobook h2 { color: #fff; } #main #promote .audiobook p { color: #aaa; } #main #promote .audiobook p.last { padding-left: 20px; padding-top: 8px;} #main #promote .framephoto { padding-left:300px; padding-top:10px; padding-bottom: 10px; margin-left: -15px; width:417px; height:105px; background:url(images/highlight-fpe.jpg) no-repeat;} #main #promote .framephoto h3 { color: #222; font-size:18px;} #main #promote .framephoto p { color: #555; } #main #promote .framephoto p.last { padding-left: 20px; padding-top: 8px;} #main #promote .hotspot { float: left; display: block; width: 47px; height: 51px; background:url(./images/promote-go.gif) no-repeat 0 -8px;; text-indent: -9999px; border: none; cursor: pointer; } #main #promote .hotspot:hover {background:url(./images/promote-go.gif) no-repeat 0 -83px; } #main #promote ul {margin-left: 0px;} #main #promote li {margin-top: 5px; padding-left: 20px;} /* why mac ---------------------------*/ #main #whymac { min-height:612px; } #main #whymac .padder { min-height:612px; overflow:hidden;} #main #whymac .product {margin-top: 10px;} #main #whymac .product img { margin-bottom: 0px; margin-left: -14px; margin-right: 10px; margin-top: 0px; } #main #whymac .product p { margin-right:-4px; } #main #whymac .product h3 { margin-top: 0px; margin-bottom: 10px; font-size:13px; line-height:14px; font-weight:bold; vertical-align:bottom;} #main #whymac .product h3 img { margin: 0;} #main #whymac .product a.button { margin-left: 20px; margin-right: 10px; } #main #whymac .product.separator { width: 100%; } #main #whymac .product h3 a.mac-ver { text-decoration:underline; background:url(../images/mac-win.jpg) no-repeat scroll 0 -11px; padding:6px 0 6px 22px; font-size:12px; font-weight:normal; margin-left:12px; } #main #whymac .product h3 a.win-ver { text-decoration:underline; background:url(../images/mac-win.jpg) no-repeat scroll 0 -87px; padding:6px 0 6px 22px; font-size:12px; font-weight:normal; margin-left:12px; } #main #whymac .forMacWin { float: right; padding-right: 10px; } #main #whymac .forMacWin a { color: yellow; text-decoration:underline;} #main #whymac .forMacWin a:hover { color: #fff; } /* inside of website ---------------------------*/ #main #inside { } #main #inside .padder { overflow:hidden;} #main #inside .product {margin-top: 20px;} #main #inside .product .left-part {float: left; text-align: center;} #main #inside .product .left-part .price {font-size:12px; margin-left: -30px; color: red;} #main #inside .product .right-part {padding-left: 160px; } #main #inside .product img { margin-bottom: 4px; margin-left: -14px; margin-right: 10px; margin-top: 10px;} #main #inside .product p { margin-right:-4px; } #main #inside .product h3 { margin-top: 10px; margin-bottom: 10px; font-size:12px; line-height:16px; font-weight:bold; } /* #main #inside .product a { margin-right: 30px; font-size:12px; line-height:30px; color:dardblue } */ #main #inside .product a { font-size:12px; color:dardblue; text-decoration:underline; } #main #inside .product a:hover { font-size:12px; color:dardblue; text-decoration:underline; } #main #inside .product.separator { width: 100%; } #main #inside .feature { padding-bottom: 10px; } #main #inside .feature img{ margin-left: 10px; margin-bottom: 4px; margin-right: 10px; margin-top: 0px;} #main #inside .product.feature p { margin-right:4px; margin-left: 100px; } #main #inside .summary {border: 1px solid #939393; line-height: 30px; margin-top: 10px;} #main #inside #product ul {padding-left: 20px;} #main #inside .product ul {padding-left: 20px;} #main #inside .product ul li{background:transparent url(images/more.gif) no-repeat 0px 3px; padding-left:14px;line-height:20px;} #main #inside .product .right-part ul {padding-left: 0px;} #main #inside .product .right-part li {margin-top: 10px; padding-left: 20px; background:url(images/arrow_jump.gif) no-repeat 0px 4px;} #main #inside .product .subtitle { margin-top: 20px; margin-bottom: 20px; font-size:13px; font-weight:bold; border-bottom: 1px solid #939393; } #main #inside .product h4 { margin-top: 20px; margin-bottom: 20px; width: 350px; background-color:#f7f7f7; font-size:13px; font-weight:bold; border-bottom: 1px solid #939393; line-height:14px; font-weight:normal;} #main #inside .sysReq ul{padding:0px 10px;} #main #inside .sysReq ul li{background:transparent url(images/more.gif) no-repeat 0px 2px;padding-left:14px;line-height:20px;} /* showcase ---------------------------*/ #main #showcase { height:425px; } #main #showcase .leadpromo { clear:both; margin-bottom:16px; margin-top:-11px; } #main #showcase .leadpromo img { _margin-bottom:-3px; } #main #showcase .promo.last { _width:184px !important; _float:right !important; } /* latest ---------------------------*/ #main #latest { min-height:555px; _height:553px; overflow:hidden; } #main #latest .padder { min-height:252px; _height:250px; padding-bottom:5px;} /* where to buy */ #main #latest #wheretobuy .separator { margin-top:8px; padding-top:6px; } #main #latest #wheretobuy #product-list { margin-top:0; border:none; } #main #latest #wheretobuy #product-list p { margin-right:15px; } #main #latest #wheretobuy #product-list a {color: #666;} #main #latest #wheretobuy #product-list a:visited {color: #666;} #main #latest #wheretobuy #shopretail { } #main #latest #wheretobuy #findreseller form .search-wrapper { display:none; } #main #latest #wheretobuy #findreseller form .search-wrapper, #main #latest #wheretobuy #findreseller form input.prettysearch { width:150px; } #main #latest #wheretobuy #findreseller form .search-wrapper input.prettysearch { width:120px; *margin-left:23px; } #main #latest #wheretobuy .open #findreseller form .search-wrapper { display:block; } /* mac@work */ #main #latest #macatwork img.across { margin:1.4em 0 0 -1px; } #main #latest #macatwork h3 { margin-bottom:.7em; } #main #latest #macatwork ul { margin-top:1em; margin-bottom:0; } #main #latest #macatwork ul li { padding:6px 3px; *padding:4px 3px 3px; } #main #latest #macatwork ul li h3 { margin-bottom:0; _zoom:1; } #main #latest #macatwork ul li h3 a.more { display:block; text-align:left; background:url(http://images.apple.com/mac/home/images/morearrow2.gif) no-repeat 100% 1px; } #main #latest #macatwork ul li h3 a.more:hover { background-position:100% -99px; } /* hot news */ #main #latest #hotnews .padder {min-height:112px; _height:110px; padding-bottom:0;} #main #latest #hotnews ul.stories { margin:0; } #main #latest #hotnews ul.stories li.story { margin:0; padding:14px 3px 6px; border-top:1px solid #c8c8c8; } #main #latest #hotnews ul.stories li.story h3 { font-size:11px; line-height:14px; font-weight:bold; color: #999;} #main #latest #hotnews ul.stories li.story.leadstory { border:none; } /* articles ---------------------------*/ #main #articles { min-height:115px; _height:113px; } #main #articles .padder { min-height:112px; _height:110px; padding-bottom:0; } /* where to buy */ #main #articles #guide .separator { margin-top:18px; padding-top:16px; } #main #articles #guide p { margin-top: 8px; margin-right:5px; } #main #articles #guide a { color:#666; } #main #articles #guide a:hover{ text-decoration:underline; color:#666;} /* friend-link ---------------------------*/ #main #friend { min-height:105px; _height:103px; } #main #friend .padder { min-height:102px; _height:100px; padding-bottom:0; } #main #friend #linkto .separator { margin-top:18px; padding-top:16px; } #main #friend #linkto p { margin-top: 8px; margin-right:5px; } #main #friend #linkto a { color:#666; } #main #friend #linkto a:hover{ text-decoration:underline; color:#666;} /* retail ---------------------------*/ #main #retail { clear:both; background-color:#f7f7f7; } #main #retail h2 { margin-bottom:1.2em; } #main #retail h3 { margin-top:.3em; } #main #retail img.left { margin:4px; margin-bottom: 1em;} /* OrderNow ---------------------------*/ table.ordernow{width:550px;margin:10px 0pt 10px 8px;} table.ordernow tr{margin-bottom:16px;background:#fff;} table.ordernow tr.next{margin-bottom:16px;background:#f6f6f6;} table.ordernow td{border:0; text-align:left;} table.ordernow td.about{text-align:left;} table.ordernow td.downLink{text-align:left;} /* download ---------------------------*/ .download{width:110px;margin-top:40px;} table.download{width:680px;margin:10px 0pt 10px 8px;} table.download tr{margin-bottom:16px;background:#fff;} table.download tr.next{margin-bottom:16px;background:#f6f6f6;} table.download td{border:1px solid #ddd;font-size:11px;padding:6px 4px 8px 8px;color:#000;text-align:center;} table.download td.about{text-align:left;} table.download td.noborder{border: 0px; padding:0px 4px 4px 0px; text-align:left;} table.download td.downLink{text-align:left;} table.download td.icon{margin-right: 0px; padding-right:0px; margin-left:10px; padding-left:20px; text-align:center;} table.download img {padding-left: 0px; margin-left:10px;} .version p{line-height:40px;font-family:Verdana, Arial, Helvetica;font-size:12px;color:#000;} .size p{color:#333;} table.download th{font-weight:bold;color:#555;border:1px solid #ccc;letter-spacing:1px;text-align:center;padding: 6px 6px 6px 12px;background:#f1f1f1;} table.download th.about{text-align:left;} table.download th.downLink{text-align:left;} .about p{color:#666;} table a:link{font-weight:bold;color:#333;text-decoration:none;font-size:11px;} table a:visited{font-weight:bold;color:#333;text-decoration:none;font-size:11px;} table a:hover{font-weight:bold;color:#999;text-decoration:underline;font-size:11px;} #main #inside .product .download a {margin-left: 0; padding-left: 0; line-height: 15px; text-decoration:underline; color: darkblue;} .download a:link{margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;font-size:10px;color:darkblue;font-weight:normal;background:transparent url(../images/icon_download.gif) no-repeat -1px 1px;padding-left:10px;text-decoration:underline;} .download a:visited{margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;font-size:10px;color:darkblue;font-weight:normal;background:transparent url(../images/icon_download.gif) no-repeat -1px 1px;padding-left:10px;text-decoration:underline;} .download a:hover{margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;font-size:10px;color:darkblue;font-weight:normal;background:transparent url(../images/icon_download.gif) no-repeat -1px 1px;padding-left:10px;text-decoration:none;} /* purchase ---------------------------*/ table.purchase{width:600px;margin:10px 0pt 10px 8px;overflow:hidden;} table.purchase tr{margin-bottom:16px;background:#fff;} table.purchase tr.next{margin-bottom:16px;background:#f6f6f6;} table.purchase td{border:1px solid #ccc;font-size:11px;padding: 4px 4px 4px 8px;color:#000;text-align:center;} table.purchase td.about{text-align:left;} table.purchase td.purchaseLink{text-align:left;} table.purchase .price p{line-height:40px;font-family:Verdana, Arial, Helvetica;font-size:14px;color:#f60;font-weight:bold;} table.purchase .price1 span{color:green;font-size:14px;text-decoration:line-through;font-style:italic;} table.purchase .price1 p{line-height:20px;font-family:Verdana, Arial, Helvetica;font-size:14px;color:#f60;font-weight:bold;} table.purchase th{font-weight:bold;color:#555;border:1px solid #ccc;letter-spacing:1px;text-align:center;padding: 6px 6px 6px 12px;background:#f1f1f1;} table.purchase th.about{text-align:left;} table.purchase th.purchaseLink{text-align:left;} .purchase a:link{font-size:13px;color:#00942D;font-weight:bold;background:transparent url(../images/buy.gif) no-repeat 5px 3px;padding-left:26px;} .purchase a:visited{font-size:13px;color:#00942D;font-weight:bold;background:transparent url(../images/buy.gif) no-repeat 5px 3px;padding-left:26px;} .purchase a:hover{font-size:13px;color:#4CA700;font-weight:bold;background:transparent url(../images/buy.gif) no-repeat 5px 3px;padding-left:26px;} /* footer ---------------------------*/ #globalfooter p.sosumi { float:right; color:#999; margin-top:-2.8em; } .prodName {margin-left: 20px; }